Dokončanje utripa s Flash Motion Tweens

• Maj 3, 2024

Ko smo nazadnje delali animacijo Flash blinkie, smo pravkar zaključili besedilne učinke. Zadnji učinek besedila, ki se je pojavil v animaciji, je bil pojav in izginjanje imena spletnega mesta “J3 Designs”. Izgine z odra na levi strani s prehodnim učinkom časovne premice (prehod 3 na časovni premici). Za to je bil razlog in kmalu boste ugotovili, kaj je bil razlog.

Ne pozabite, da imamo kot del podrobnosti o oblikovanju ti dve dame. Čas je, da jih začnemo delati. Ko smo sloje vgradili v naš projekt blinkie, smo plast Bug 1 dodali zlato kožo. Zdaj, prva stvar, ki jo bomo storili, je, da dodamo drugi ladybug v novo plast, ki jo bomo poimenovali Bug 2. Želimo, da se ta rdeča bobica pojavi izpod kamere. Zato bomo morali novo plast postaviti pod plast Static Details.

Odprite blinkie2.fla v Flash CS3 in se lotite dela. Želimo si, da bi se kašča začela premikati izpod kamere, ko ime spletnega mesta začne izginjati. Želimo videti, da besedilo izginja zaradi gospe. Tako bomo dodali to novo gobico na Frame 110, ko bo besedilo začelo izginjati.

1. Kliknite Datoteka - Uvozi - Uvozi v knjižnico, da odprete pogovorno okno Uvozi in dodate rdečo damo v našo knjižnico.
   
   
2. Dodajte novo plast pod plast Static Details in jo poimenujte »Bug 2«. V Okvir 110 dodajte ključni okvir (Vstavi - Časovna premica - Ključni okvir). Rdečo bubico povlecite iz Knjižnice za zdaj pod kamero in izven pogleda.
   
   Želimo, da se ta gospa pomakne v levo, dokler ne izgine z odra, ko besedilo izgine. Torej si želimo, da bo koža do konca Frame 160 vse levo in izven odra.
   
   
3. Kliknite na okvir 160 na plasti Bug 2, dodajte okvir za ključe in povlecite rdečo kašo levo in vse do konca odra. Z desno miškino tipko kliknite Frame 110 in 160 in v pojavnem meniju izberite Create Motion Tween.
   
   Preizkusite film in videli bi, da besedilo izginja, ko se bubica premika po njem. Ko rdeča bobnica odide z odra, bomo zlato damo (plast Bug 1) premaknili navzgor in v desno, dokler ne izgine tudi z odra.
   
   
4. Kliknite na okvir 160 na plasti Bug 1 in dodajte ključni okvir za izhodišče za animacijo zlatega ladybuga. Izkoristite 20 okvirjev za premikanje zlatega bubama z odra. Kliknite na okvir 180 in dodajte ključni okvir. Zlatega dame premaknite gor in z odra.
   
   
5. Z desnim gumbom kliknite med okvirjema 160 in 180 in ustvarite Motion Tween. Kliknite na okvir 180 in dodajte okvir v plasti statičnih podrobnosti in ozadja, da bo vsebina teh plasti spet vidna.
   
   Končno želimo zlato damo prestaviti nazaj v prvotno lego spodaj na odru. Ne želimo pa, da se hrošče premika z vrha odra. Želimo, da se premakne izven odra. Torej moramo zlato damo najprej postaviti na levo in pod oder. Nato moramo vse to premakniti navzgor nazaj v prvotni položaj, da se lahko animacija ponovi. Uporabili bomo 10 okvirjev, da damo bubico nazaj na svoje mesto.
   
   
6. Pojdite vse do Frame 1 na sloju Bug 1 in izberite zlato bubico. Kliknite Uredi - Kopiraj, če želite shraniti prvotni položaj zlate bobice.
   
   
7. Še vedno v sloju Bug 1 dodajte okvir Frame Key 190. Kliknite Uredi - počisti, da odstranite zlato bubico, ki je že tam. Nato kliknite Uredi - Prilepi na mesto, da se zlata bubica vrne v prvotni položaj.
   
   
8. Še vedno na sloju Bug 1 kliknite okvir 181 in dodajte ključni okvir. Nato odstranite zlato kožo, ki je že tam. Zlato kožo postavite nazaj v prvotni položaj na tem okvirju (Prilepi na svoje mesto). Potem povlecite to damo v oder. Med Frame 181 in 190 dodajte Motion Tween, ki bo to damo pomeril navzgor in na oder.
   
   
9. Kliknite na okvir 190 in dodajte okvir v plasti statičnih podrobnosti in ozadja, da bo vsebina teh plasti spet vidna.
   
   

Preizkusite in shranite blinkie kot blinkie3.fla. Nato objavite svoj blinkie kot datoteko .swf in uživajte v svojem novem blinkieju.

J3 Dizajni

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.