Dodavanje interaktivnih komponenti u Flash Catalyst

• Travanj 30, 2024

U ovom ćemo vodiču završiti prezentaciju portfelja u Adobeu^R Bljesak^R Katalizator^R, Ako vas pratite zajedno, napravili smo gumbe i spremni smo dodati posebne efekte. Dok putujemo kroz portfelj, želimo da gumb za vidljivi logo bude zatamnjen, a ostali gumbi vidljivi. Stoga moramo reći Catalystu koji je gumb za koju stranicu i kada treba zatamniti gumbe. Tada ćemo dodati efekt prijelaza Fade između stranica.

Prvo ćemo prigušiti gumb za trenutni logotip. Kad je logo 1 vidljiv u državi Page1, želimo da gumb za podudaranje bude zatamnjen. To moramo učiniti za sve tri države ili stranice našeg portfelja.

1. Kliknite ikonu Page1 na ploči Pages / States da biste radili na toj stranici. Kliknite na sličicu koja je sada naš gumb za logo 1. Na ploči Svojstva postavite Opacity na 40. Budući da je sredina prostirke ispod gumba crna, to će učiniti da se gumb čini zatamnjen.

2. Kliknite ikonu Page2 na ploči Pages / States. Ponovite prethodni korak za Stranica2 tako što ćete zatamniti samo gumb koji odgovara logotipu 2. Kliknite na ikonu Page3 na ploči Stranice / Stanja i ponovite ovaj korak.

Kliknite Datoteka - Pokreni projekt da bismo testirali naš novi učinak. Kada kliknete na gumbe, odgovarajući logotip mora biti vidljiv i taj gumb treba biti zatamnjen.

Posljednje što ćemo dodati našoj navigaciji je izblijedjeli prijelaz između stranica, pomoću vremenske trake. Vratite se na stranicu1 klikom na ikonu Page1. Pogledajte slojeve na Vremenskoj traci i vidjet ćete da imamo sloj za svaki mogući prijelaz između sve tri stranice.

Stranica1> Stranica2
Stranica1> Stranica3
Stranica2> ​​Stranica1
Stranica3> Stranica1

3. Kliknite sloj Page1> Page2. Vidjet ćete da nam je Catalyst dao mogućnosti prijelaza za logotipe 1 i 2 (prigušeni) i tipke 1 i 2. Budući da ćemo se odmaknuti od logotipa 1, imamo opciju Fade Out. Ali preći ćemo na logotip 2. Imamo mogućnost Fade In za ovaj logotip.

Na logotip 1 dodat ćemo samo efekt izblijedjivanja i efekt Fade In na logotip 2. Ne treba nam efekt Fade primijenjen na naše gumbe. Međutim, možda želite koristiti ovaj efekt u nekom drugom projektu.

Kliknite gumb Glatki prijelaz na dnu Vremenske trake. Vidjet ćete da su kontrole Fade Out / In proširene na jednu pola sekunde na svim slojevima. I dalje na sloju Page1> Page2, moramo ugasiti učinak za dva gumba. Za svaki gumb pritisnite klizač ulijevo.

Kliknite sloj Page1> Page3. Ponovite prethodni korak za dva gumba i logotipa. Ponovite za sloj Page2> Page1 i sloj Page3> Page1.

Ona se brine za sve prijelaze za državu Page1. Ali u našem portfelju imamo tri države. To moramo ponovno učiniti za druge dvije države. Kliknite ikonu Page2 na ploči Pages / States.

Pogledajte slojeve na Vremenskoj traci. Primijetit ćete da se postavke koje smo upravo postavili za stranicu Page1 prenose u stanje Page2 za prijelaze između Page1> Page2 i Page2> Page3. Trebamo samo dodati prijelaz između Page2> Page3 i Page3> Page2.

4. Ponovite prethodne korake za primjenu prijelaza na logotipe za stanje Page2. To morate učiniti za svaki sloj na Vremenskoj traci.

5. Kliknite ikonu Page3 na ploči Pages / States. Primijetit ćete da su postavke prijelaza prenesene iz druga dva stanja. Da imamo više stranica, morali bismo raditi na slojevima za ovo stanje. Ali budući da je ovo posljednja od tri države, svi smo spremni.

Testirajte svoj projekt ponovo. Ako sve funkcionira, spremni smo spremiti našu datoteku kao LogoPortfolio.fxp.

6. Moramo reći Catalyst-u da generira datoteke koje će prikazivati ​​naš Flash portfelj. Kliknite Datoteka - Objavi na SWF. Potražite odgovarajuće mjesto na tvrdom disku i spremite svoj projekt. Vidjet ćete da vam Catalyst daje dvije mape. U mapi za implementaciju na web imamo datoteke potrebne za pokretanje portfelja na web poslužitelju. U run-local, na radnoj površini imamo datoteke za pokretanje portfelja.

Autorska prava 2018. Adobe Systems Incorporated. Sva prava pridržana. Snimke zaslona Adobe proizvoda preispisane su uz dozvolu tvrtke Adobe Systems Incorporated. Adobe, Photoshop, Photoshop album, Photoshop Elements, Illustrator, InDesign, GoLive, Acrobat, Cue, Premiere Pro, Premiere Elements, Bridge, After Effects, InCopy, Dreamweaver, Flash, ActionScript, Fireworks, Contribute, Captivate, Flash Catalyst i Flash Paper je ili su [a] registrirani zaštitni znak ili zaštitni znak tvrtke Adobe Systems Incorporated u Sjedinjenim Državama i / ili drugim zemljama.

Upute Video: Building Dynamic Web Apps with Laravel by Eric Ouyang (Travanj 2024).