Blinkie viimistlemine välklambi abil

• Aprill 25, 2024

Kui me viimati Flash-pilguga animatsiooni kallal töötasime, olime just tekstiefektid lõpetanud. Viimane animatsioonis ilmnenud tekstiefekt oli veebisaidi nime “J3 Designs” ilmumine ja kadumine. See kaob lavalt vasakule koos ajaskaala ülemineku efektiga (üleminek 3 ajateljel). Sellel oli põhjus ja te uurite, mis see oli.

Pidage meeles, et disaini detailide osana on meil need kaks lepatriinut. Noh, on aeg need tööle panna. Kui me oma blinkie-projektile kihte ehitasime, lisasime Bug 1 kihile kuldne lepatriinu. Esimese asjana lisame teise lepatriinu uuele kihile, mida kutsume veaks 2. Tahame, et see punane lepatriinu ilmuks kameo alt. Seetõttu peame uue kihi paigutama kihi Staatilised üksikasjad alla.

Avage blinkie2.fla Flash CS3-s ja lähme tööle. Soovime, et lepatriinu hakkaks kameo alt liikuma, kuna veebisaidi nimi hakkab kaduma. Me tahame, et see näeks välja nagu tekst kaoks lepatriinu tõttu. Nii et lisame selle uue lepatriinu raamile 110, mis on siis, kui tekst hakkab kaduma.

1. Dialoogiboksi Impordi avamiseks ja punase lepatriinu lisamiseks meie teeki klõpsake File - Import - Import to Library.
   
   
2. Lisage kiht Staatiliste üksikasjade alla uus kiht ja pange sellele nimi “Vika 2”. Raamile 110 lisage võtmeraam (sisestage - ajaskaala - võtmeraam). Lohistage raamatukogust punane lepatriinu kampaania alla ja praegu silma alt ära.
   
   Soovime, et see lepatriinu liiguks vasakule, kuni see teksti kadumisel lavalt ära kaob. Niisiis, selleks, et jõuame Frame 160-ni, tahame lepatriinu lõpuni vasakule ja lavalt eemale.
   
   
3. Klõpsake Bug 2 kihil raamil 160, lisage võtmeraam ja lohistage punane lepatriinu vasakule ja kogu lavalt eemale. Paremklõpsake raami 110 ja 160 vahel ja valige hüpikmenüüst Loo liigutus vahepeal.
   
   Katsetage filmi ja peaksite nägema, et tekst kaob, kui lepatriinu liigub sellest. Kui punane lepatriinu on lavalt eemal, liigume kuldne lepatriinu (Vika 1 kiht) üles ja paremale, kuni see ka lavalt ära kaob.
   
   
4. Klõpsake Bug 1 kihil raamil 160 ja lisage kullalepatriinu animatsiooni lähtepunktiks võtmeraam. Kasutagem kuldset lepatriinu lavalt eemale viimiseks 20 kaadrit. Klõpsake raami 180 ja lisage võtmeraam. Liigutage kuldne lepatriinu lavalt üles ja eemale.
   
   
5. Paremklõpsake raami 160 ja 180 vahel ja looge Motion Tween. Klõpsake raami 180 ja lisage kiht staatiliste üksikasjade ja tausta kihtidesse, et muuta nende kihtide sisu uuesti nähtavaks.
   
   Lõpuks tahame viia kuldne lepatriinu tagasi algasendisse lava vasakus alanurgas. Kuid me ei taha, et viga liiguks lava ülaosast allapoole. Me tahame, et see liiguks lava alt üles. Seega peame kõigepealt asetama kuldne lepatriinu vasakule ja lava alla. Siis peame vaid viima selle üles tagasi algasendisse, et animatsioon saaks korrata. Lepatriinu oma kohale tagasi liigutamiseks kasutame 10 kaadrit.
   
   
6. Minge tagasi vea 1 kihi raami 1 juurde ja valige kuldne lepatriinu. Klõpsake nuppu Redigeerimine - Kopeeri, et salvestada kuldne lepatriinu algne asukoht.
   
   
7. Ikka kihil Vika 1 lisage võtmeraam raamile 190. Juba olemasoleva kuldne lepatriinu eemaldamiseks klõpsake nuppu Redigeerimine - tühjenda. Seejärel klõpsake kuldset lepatriinut tagasi algasendisse klõpsates nuppu Redigeerimine - asetamine kohale.
   
   
8. Ikka vea 1 kihil klõpsake raamil 181 ja lisage võtmekaadrit. Seejärel eemaldage juba olemas olev kuldne lepatriinu. Pange kuldne lepatriinu tagasi selle raami algasendisse (kleebi kohale). Seejärel lohistage see lepatriinu lava alla. Lisage raami 181 ja 190 vahele liikumine Tween, mis liigutab seda lepatriinu üles ja lavale.
   
   
9. Klõpsake raami 190 ja lisage kiht staatiliste üksikasjade ja tausta kihtidesse, et muuta nende kihtide sisu uuesti nähtavaks.
   
   

Testige ja salvestage blinkie kui blinkie3.fla. Seejärel avaldage oma blinkie .swf-failina ja nautige oma uut blinkie'd.

J3 kujundused

Autoriõigus 2018 Adobe Systems Incorporated. Kõik õigused kaitstud. Adobe toote ekraanipilt (ed) kordustrükis Adobe Systems Incorporated loal. 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 and Flash Paper on / on kas [a] registreeritud kaubamärk (id) või Adobe Systems Incorporated'i kaubamärk (id) Ameerika Ühendriikides ja / või teistes riikides.

Video Juhiseid: Blinkie - Don't Give Up (On Love) [Official Video] (Aprill 2024).