Motion Tween în Photoshop Publicitate Blinkie

• Mai 2, 2024

În acest tutorial Photoshop CS3, vom încheia blinkie-ul de publicitate prin mutarea textului și a cochetelor de pe blinkie, lăsându-l liber pentru a începe animația din nou. În ultimul tutorial, am terminat textul morfing la Frama 74.

Acum, vom începe să mișcăm ladybug-ul roșu de sub came și spre text (J 3 Designs). Haideți să-i dăm ladybug-ului 15 cadre pentru a ajunge la marginea dreaptă a textului. Din acel moment, vom muta atât textul cât și ladybug-ul împreună pentru 60 de cadre până când acestea vor dispărea din blinkie. În continuare, vom muta ladybug-ul de aur din colțul din stânga jos spre colțul din dreapta sus și de pe blinkie. Haideți să-i oferim acestei gărgărițe 20 de cadre pentru această sarcină.

În acest moment, blinkie-ul va fi gol. Haideți să oferim publicului o mică perioadă de odihnă de 5 cadre înainte de a muta ladybug-ul de aur înapoi în poziția ei inițială, în colțul din stânga jos al clipului. Aceasta va completa întreaga animație care se va repeta până când lumea se va încheia.

Deschideți fișierul dvs. de proiect blinkie2.psd în Photoshop^R și să începem.

1. Primul nostru pas este să îndreptăm ghioceia roșie spre text. Adăugați Frame 75 și reglați durata la .1 sec. Adăugați Frame 76 și faceți clic pe stratul Red Ladybug din paleta Straturi. Acum, faceți clic pe instrumentul Mutare și folosiți-l pentru a muta ladybug-ul la loc în capătul drept al textului. Puteți utiliza, de asemenea, săgețile de direcție de pe tastatură pentru a poziționa marfa.
   
   
2. Selectați atât Frama 75 cât și 76 și creați un Tween de mișcare cu o durată de 15 cadre. Ar trebui să aveți acum 91 de cadre.
   
   
3. Acum vom folosi un Motion Tween de 60 de cadre pentru a muta atât eroarea cât și textul la vedere. Pe Fraza 91, selectați atât straturile Red Ladybug cât și J 3 Designs în paleta Layers. Adăugați un nou cadru 92 și trageți atât bugul, cât și textul la stânga și în afara clipului. Selectați ambele cadre 91 și 92 și adăugați un Tween de 60 de cadre. Ar trebui să aveți 152 de cadre.
   
   Acum ar fi un moment bun pentru a testa animația.
   
   
4. E timpul să trezim acea gărgăriță de aur și să o punem la treabă. Adăugați un nou cadru 153 și selectați stratul de Ladybug de aur în paleta Straturi. Adăugați un alt cadru 154 și trageți ladybug-ul de aur în partea dreaptă sus și în afara clipului. Selectați ambele cadre 153 și 154 și adăugați un Tween de 20 de cadre. Ar trebui să ai 174 de cadre.
   
   
5. Vrem ca blinkie-ul să fie gol pentru toată lungimea de cinci cadre .l sec. Deci, să schimbăm durata cadrului 174 la .5 sec.
   
   În cele din urmă, trebuie să mutăm ladybug-ul de aur înapoi în poziția ei de început.
   
   
6. Du-te înapoi la Frame 1 și faceți clic pe Copiere cadru din meniul pop-up al paletei Animare. Selectați ultimul cadru (174) și faceți clic pe Lipire cadru. În caseta de dialog Paste cadre, alegeți Lipire după selecție și faceți clic pe OK. La aceasta se va adăuga cadrul 175.
   
   
7. Adăugați un nou cadru 176 pentru a copia Frame 175. Reveniți la Fraza 175 și, cu stratul de Ladybug de aur încă selectat în paleta Straturi, trageți marfa în jos și în afara blinkie-ului.
   
   
8. Selectați ambele cadre 175 și 176 și adăugați un Tween de 10 cadre. Ar trebui să aveți 186 de cadre.
   
   
9. Asigurați-vă că Opțiunile Looping este setat pe Forever (partea inferioară a paletei de animație) și salvați blinkie-ul ca AdvBlinkie.psd. Du-te înapoi la cadrul 1 și testează-ți blinkie-ul terminat. De asemenea, veți dori să utilizați opțiunea Salvați pentru web și dispozitive din meniul Fișier pentru a vă salva blinkie-ul în format gif pentru web.
   
   

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.