Dodajanje interaktivnih komponent v Flash Catalyst

• Maj 10, 2024

V tej vadnici bomo zaključili predstavitev portfelja v Adobe^R Flash^R Katalizator^R. Če že spremljate, smo naredili gumbe in pripravljeni smo dodati posebne učinke. Med vožnjo po portfelju želimo, da je gumb za vidni logotip zatemnjen, drugi gumbi pa vidni. Zato moramo Katalizatorju povedati, kateri gumb je za katero stran in kdaj zatemniti gumbe. Nato bomo med stranemi dodali učinek Fade prehoda.

Najprej zatemnimo gumb za trenutni logotip. Ko je logotip 1 viden v državi Page1, želimo, da se gumb za ujemanje zasenči. To moramo storiti za vse tri države ali strani našega portfelja.

1. Za delo na tej strani kliknite ikono Page1 na plošči Pages / States. Kliknite na sličico slike, ki je zdaj naš gumb za logotip 1. Na plošči Lastnosti nastavite Opacity na 40. Ker je sredina podloge pod gumbom črna, bo videti, da je gumb zatemnjen.

2. Kliknite ikono Page2 na plošči Pages / States. Prejšnji korak za Page2 ponovite tako, da zasenčite samo gumb, ki se ujema z logotipom 2. Kliknite ikono Page3 na plošči Pages / States in ponovite ta korak.

Kliknite Datoteka - Zaženi projekt in preizkusite naš novi učinek. Ko kliknete gumbe, mora biti viden ustrezen logotip in zatemnjen.

Zadnja stvar, ki jo bomo dodali naši navigaciji, je Fade prehod med stranmi z uporabo časovne premice. Vrnite se na stran1 s klikom na ikono Page1. Oglejte si plasti v Časovnici in videli boste, da imamo plast za vsak možen prehod med vsemi tremi stranmi.

Stran1> Stran2
Stran1> Stran3
Stran2> Stran1
Stran3> Stran1

3. Kliknite sloj Page1> Page2. Videli boste, da nam je Catalyst dal možnosti prehoda za logotipa 1 in 2 (zatemnjena) ter gumba 1 in 2. Ker se bomo oddaljili od logotipa 1, imamo možnost Fade Out. Toda premaknili se bomo k logotipu 2. Za ta logotip imamo možnost Fade In.

Učinek Fade Out bomo dodali le logotipu 1 in učinku Fade In veljavnosti za logotip 2. Za naše gumbe ne potrebujemo učinka Fade. Vendar boste morda želeli uporabiti ta učinek v drugem projektu.

Kliknite gumb Gladki prehod na dnu Časovne premice. Videli boste, da so kontrole Fade Out / In razširjene na polovico sekunde na vseh plasteh. Še vedno moramo na sloju Page1> Page2 izklopiti učinek za dva gumba. Za vsak gumb potisnite drsnik na levo.

Kliknite sloj Page1> Page3. Za dva gumba in logotip ponovite prejšnji korak. Ponovite znova za sloj Page2> Page1 in plast Page3> Page1.

To skrbi za vse prehode za državo Page1. Imamo pa tri države v svojem portfelju. To moramo ponovno storiti za drugi dve državi. Kliknite ikono Page2 na plošči Pages / States.

Oglejte si plasti v Časovni premici. Opazili boste, da se nastavitve, ki smo jih ravnokar postavili za stanje Page1, prenesemo v stanje Page2 za prehode med Page1> Page2 in Page2> Page3. Moramo dodati le prehod med Page2> Page3 in Page3> Page2.

4. Ponovite prejšnje korake za uporabo prehodov na logotipih za stanje Page2. To morate storiti za vsak sloj na Časovni premici.

5. Kliknite ikono Page3 na plošči Pages / States. Opazili boste, da so se nastavitve prehoda prenesle iz drugih dveh stanj. Če bi imeli več strani, bi morali za to stanje delati na plasteh. Ker pa je to zadnje od treh držav, smo vsi pripravljeni.

Ponovno preizkusite svoj projekt. Če vse deluje, smo datoteko pripravljeni shraniti kot LogoPortfolio.fxp.

6. Catalyst moramo povedati, da ustvari datoteke, ki bodo prikazale naš Flash portfelj. Kliknite Datoteka - objava v SWF. Poiščite pravilno mesto na trdem disku in shranite svoj projekt. Videli boste, da vam Catalyst daje dve mapi. V mapi za uvajanje v splet imamo datoteke, potrebne za zagon portfelja na spletnem strežniku. V lokalnem zagonu imamo na namizju datoteke za vodenje portfelja.

Avtorske pravice 2018 Adobe Systems Incorporated. Vse pravice pridržane. Posnetki zaslona izdelkov Adobe so bili ponatisnjeni z dovoljenjem 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, Prispevaj, Captivate, Flash Catalyst in Flash Paper so ali so [a] registrirana blagovna znamka (-e) ali blagovna znamka Adobe Systems Incorporated v Združenih državah Amerike in / ali drugih državah.