Finalizarea Blinkie cu Flash Motion Tweens

• Mai 2, 2024

Când am lucrat ultima dată la animația Flash blinkie, tocmai am terminat efectele textului. Ultimul efect text care a avut loc în animație a fost apariția și dispariția numelui site-ului „J3 Designs”. Dispare de pe scenă spre stânga cu un efect de tranziție a cronologiei (tranziția 3 pe cronologie). A existat un motiv pentru asta și urmează să aflați care a fost acel motiv.

Amintiți-vă că, ca parte a detaliilor de proiectare, avem acei doi ghiocei. Ei bine, este timpul să-i punem la treabă. Când am creat straturile la proiectul nostru de blinkie, am adăugat ladybug-ul de aur la stratul Bug 1. Acum, primul lucru pe care îl vom face este să adăugăm cea de-a doua ladybug într-un nou strat pe care îl vom numi Bug 2. Vrem să apară această ladybug roșie de sub cameo. Prin urmare, va trebui să plasăm noul strat sub stratul Detalii statice.

Deschide blinkie2.fla în Flash CS3 și începe să funcționăm. Dorim ca ladybug-ul să înceapă să treacă de sub cameo pe măsură ce numele site-ului web începe să dispară. Vrem să pară că textul dispare din cauza gărgăriței. Așadar, vom adăuga această nouă ladybug în cadrul 110, care este atunci când textul începe să dispară.

1. Faceți clic pe File - Import - Import to Library pentru a deschide caseta de dialog Import și adăugați ladybug-ul roșu la Biblioteca noastră.
   
   
2. Adăugați un nou strat sub stratul Detalii statice și denumiți-l „Bug 2”. Adăugați un cadru cheie (Inserare - Cronologie - Cadru cheie) la cadrul 110. Trageți marfa roșie din bibliotecă până sub cameo și fără a vedea acum.
   
   Ne dorim ca această ladybug să se deplaseze spre stânga până când dispare de pe scenă, pe măsură ce textul dispare. Așadar, dorim ca marfa să ajungă la stânga și în afara scenei până când vom ajunge la Fraza 160.
   
   
3. Faceți clic pe Frama 160 din stratul Bug 2, adăugați un cadru cheie și trageți marfa roșie spre stânga și până la capăt. Faceți clic dreapta între Frame 110 și 160 și alegeți Creare mișcare Tween din meniul pop-up.
   
   Încercați filmul și ar trebui să vedeți textul dispărând pe măsură ce mariscul trece. Odată ce ladybug-ul roșu va ieși de pe scenă, vom muta ladybug-ul de aur (stratul Bug 1) în sus și spre dreapta, până când va dispărea și de pe scenă.
   
   
4. Faceți clic pe Fraza 160 din stratul Bug 1 și adăugați un cadru cheie pentru punctul de pornire pentru animația de flori de aur. Să folosim 20 de rame pentru a muta ladybug-ul de aur de pe scenă. Faceți clic pe Frame 180 și adăugați un cadru-cheie. Mutați ladybug-ul de aur în sus și în afara scenei.
   
   
5. Faceți clic dreapta între Frame 160 și 180 și creați o mișcare Tween. Faceți clic pe Frame 180 și adăugați o Frame la straturile Detalii statice și Fundal pentru a face din nou conținutul de pe aceste straturi.
   
   În cele din urmă, vrem să mutăm ladybug-ul de aur înapoi în poziția inițială din partea stângă jos a scenei. Dar nu dorim ca eroarea să coboare din partea de sus a scenei. Vrem să se ridice de sub scenă. Așadar, trebuie să plasăm mai întâi ghioceia de aur la stânga și sub scenă. Atunci tot ce trebuie să facem este să-l mutăm în sus în poziția inițială, astfel încât animația să se poată repeta. Vom folosi 10 rame pentru a muta ladybug-ul în loc.
   
   
6. Du-te până la Frame 1 din stratul Bug 1 și selectează marfa de aur. Faceți clic pe Editare - Copiere pentru a salva poziția inițială a cocului de aur.
   
   
7. Încă pe stratul Bug 1, adăugați un cadru cheie la Frama 190. Faceți clic pe Modificați - Ștergeți pentru a elimina marfa aurie care există deja. Apoi, faceți clic pe Editare - Lipiți în loc pentru a pune din nou ladybug-ul în poziția inițială.
   
   
8. Tot pe stratul Bug 1, faceți clic pe Frama 181 și adăugați un cadru cheie. Apoi, îndepărtați ladybug-ul de aur care este deja acolo. Puneți ladybug-ul din aur în poziția inițială pe acest cadru (Lipiți în loc). Apoi, trageți această ladybug până sub scenă. Adăugați o mișcare Tween între cadrele 181 și 190, care vor muta această ladybug în sus și pe scenă.
   
   
9. Faceți clic pe Frame 190 și adăugați un Frame la straturile Detalii statice și Fundal pentru a face din nou conținutul de pe aceste straturi.
   
   

Testați și salvați blinkie ca blinkie3.fla. Apoi publicați blinkie-ul dvs. ca fișier .swf și bucurați-vă de noul dvs. blinkie.

J3 Proiecte

Copyright 2018 Adobe Systems Incorporated. Toate drepturile rezervate. Captura (ecranele) de produs Adobe tipărite cu permisiunea Adobe Systems Incorporated. Adobe, Photoshop, Photoshop Album, Photoshop Elements, Illustrator, InDesign, GoLive, Acrobat, Cue, Premiere Pro, Elementele Premiere, Bridge, After Effects, InCopy, Dreamweaver, Flash, ActionScript, Fireworks, Contribute, Captivate, Flash Catalyst și Flash Paper este / sunt [o] marcă înregistrată [sau] sau o marcă comercială a Adobe Systems Incorporated în Statele Unite și / sau în alte țări.