Motion Tween a Photoshop Advertising Blinkie-ben

• Április 27, 2024

Ebben a Photoshop CS3 oktatóanyagban a reklámvillogót befejezzük a szöveg és a katicabogár elhelyezésével, és üresen hagyjuk az animáció újraindítását. Az utolsó bemutatóban a 74-es keretben fejeztük be a szöveg morfizálását.

Most megkezdjük a piros katicabogár mozgatását a kameó aljáról és a szöveg felé (J 3 Designs). Adjunk 15 katicabogár-keretet, hogy elérjük a szöveg jobb szélét. Ettől a ponttól kezdve mind a szöveget, mind a katicabogárot 60 képkockával együtt mozgatjuk, amíg azok eltűnnek a blinkie-ról. Ezután az arany katicabogár a bal alsó sarokból a jobb felső sarok felé és a blinkie felé mozgatható. Adjunk erre a feladatra ezt a 20 katicabogár keretet.

Ezen a ponton a pillanatkép üres lesz. Adjunk egy kis, 5 képkocsinyi pihenőidőt a közönségnek, mielőtt visszahelyezzük az arany katicabogár eredeti helyzetébe a blinkie bal alsó sarkában. Ez befejezi a teljes animációt, amely addig ismétlődik, amíg a világ véget nem ér.

Nyissa meg a blinkie2.psd projektfájlt a Photoshop alkalmazásban^R és kezdjük el.

1. Első lépésünk a piros katicabogár mozgatása a szöveg felé. Adja hozzá a 75 keretet, és állítsa vissza az időtartamot .1 másodpercre. Adja hozzá a 76-os keretet, majd kattintson a Rétegek palettán a Vörös Katicabogár rétegre. Most kattintson a Mozgatás eszközre, és használja a katicabogár helyére a szöveg jobb végén. A katicabogár elhelyezéséhez használhatja a billentyűzet irányú nyilait is.
   
   
2. Válassza ki mind a 75, mind a 76 keretet, és hozzon létre egy 15 keretes időtartamú Motion Tween képet. Most már 91 képkockával kell rendelkeznie.
   
   
3. Most a 60 képkocka Motion Tween-et fogjuk használni, hogy a hibát és a szöveget is elkerüljük a szem elől. A 91-es kereten válassza ki a Red Ladybug és a J 3 Designs rétegeket is a Rétegek palettából. Helyezzen be egy új 92-es keretet, és húzza mind a hibát, mind a szöveget balra és a blinkie-ről. Válassza ki mind a 91, mind a 92. keretet, és adjon hozzá egy 60 keretes Tween-et. 152 képkockának kell lennie.
   
   Ideje lenne kipróbálni az animációt.
   
   
4. Ideje felébreszteni az arany katicabogárot, és dolgozni. Adjon hozzá egy új 153-as keretet, és válassza ki az Arany Katicabogár réteget a Rétegek palettából. Adjon hozzá még egy 154-es keretet, és húzza az arany katicabogárot a jobb felső sarokban és a villogóról. Válassza ki mind a 153, mind a 154 keretet, és adjon hozzá egy 20 keretes Tween-et. 174 képkocka legyen.
   
   
5. Azt akarjuk, hogy a blinkie öt másodperces képkockaig üres legyen. Tehát változtassuk a 174 keret időtartamát 5 másodpercre.
   
   Végül vissza kell helyeznünk az arany katicabogár kiindulási helyzetébe.
   
   
6. Menjen vissza az 1. keretbe, és kattintson az Animáció paletta előugró menü Képkeret másolása elemre. Válassza ki az utolsó keretet (174), majd kattintson a Keret beillesztése elemre. A Keretek beillesztése párbeszédpanelen válassza a Beillesztés a kiválasztás után lehetőséget, és kattintson az OK gombra. Ez hozzáadja a 175 keretet.
   
   
7. Helyezzen be egy új 176 keretet a 175 keret másolatához. Menjen vissza a 175 keretbe, és miközben a Rétegek palettában még mindig kiválasztotta az Arany Katicabogár réteget, húzza a katicabogár lefelé és lefelé a blinkie-ról.
   
   
8. Válassza ki mind a 175, mind a 176 keretet, és adjon hozzá egy 10 keretes Tween-et. 186 képkocka legyen.
   
   
9. Ellenőrizze, hogy a hurokbeállítások örökre vannak-e beállítva (az Animáció paletta alja), és mentse el a blinkit az AdvBlinkie.psd fájlban. Menj vissza az 1. keretbe, és teszteld a kész pillanatot. Használhatja a Fájl menü Mentés webre és eszközökre lehetőséget is, hogy a blinkit gif formátumban mentse az interneten.
   
   

Szerzői jog 2018 Adobe Systems Incorporated. Minden jog fenntartva. Az Adobe termék képernyőképe (i) újra kinyomtatva az Adobe Systems Incorporated engedélyével. 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 és Flash Paper vagy bejegyzett védjegy (ek) vagy az Adobe Systems Incorporated védjegye (i) az Egyesült Államokban és / vagy más országokban.

Video Utasításokat: Ultimate Guide to Animating Eyes in After Effects - Rigging Tutorial (Április 2024).