A Blinkie befejezése Flash Motion Tweens segítségével

• Lehet 2, 2024

Amikor utoljára Flash-Flash-animáción dolgoztunk, éppen befejeztük a szöveghatásokat. Az animációban az utolsó szöveghatás a „J3 Designs” webhelynév megjelenése és eltűnése volt. Ez eltűnik a színpadról balra egy idővonal-átmeneti effektus segítségével (3. átmenet az idővonalon). Ennek volt oka, és Ön készül arra, hogy megtudja, mi volt az oka.

Ne feledje, hogy a terv részleteinek részeként van ez a két katicabogár. Nos, itt az ideje, hogy dolgozzanak. Amikor a rétegeket felépítettük a blinkie projektünkbe, az arany katicabogár hozzáadtuk a Bug 1 réteghez. Most az első dolog, amit megteszünk, egy második réteg hozzáadása egy új réteghez, amelyet Bug 2-nek hívunk. Azt akarjuk, hogy ez a piros katicabogár megjelenjen a kameó alján. Ezért az új réteget a Statikus részletek réteg alá kell helyeznünk.

Nyissa meg a blinkie2.fla fájlt a Flash CS3 fájlban, és kezdjük dolgozni. Azt akarjuk, hogy a katicabogár elkezdjen mozogni a cameo alól, mivel a webhely neve eltűnik. Szeretnénk, ha úgy néz ki, mintha a szöveg eltűnik a katicabogár miatt. Tehát hozzáadjuk ezt az új katicabogárot a 110-es kerethez, amikor a szöveg eltűnik.

1. Kattintson a Fájl - Importálás - Importálás a könyvtárba elemre az Importálás párbeszédpanel megnyitásához, és a piros katicabogár hozzáadásához könyvtárunkhoz.
   
   
2. Adjon hozzá egy új réteget a Statikus részletek réteg alá, és nevezze el „2. hiba” -nek. Adjon hozzá kulcsfontosságú keretet (Insert - Timeline - Keyframe) a 110-es kerethez. Húzza a vörös katicabogárot a könyvtárból a kamóca alá és egyelőre nem látható.
   
   Azt akarjuk, hogy ez a katicabogár balra mozogjon, amíg a szöveg eltűnésével eltűnik a színpadról. Tehát azt akarjuk, hogy a katicabogár egészen a színpadtól balra és lefelé jelenjen meg, mire elérjük a 160-as keretet.
   
   
3. Kattintson a 160-as keretre a Bug 2 rétegben, adjon hozzá egy kulcsképet, és húzza a piros katicabogár balra és teljesen a színpadról. Kattintson a jobb gombbal a 110 és 160 keret között, és válassza a felbukkanó menüben Mozgásköz létrehozása lehetőséget.
   
   Tesztelje a filmet, és látnia kell, hogy a szöveg eltűnik, amikor a katicabogár mozog rajta. Amint a piros katicabogár elhagyta a színpadot, az arany katicabogárot (Bug 1 réteg) felfelé és jobbra mozgatjuk, amíg az eltűnik a színpadról.
   
   
4. Kattintson a 160-as keretre a Bug 1 rétegben, és adjon hozzá egy kulcstartót az arany katicabogár animációjának kezdőpontjához. Használjunk 20 keretet az arany katicabogár mozgatásához a színpadról. Kattintson a 180-as keretre, és adjon hozzá egy kulcskeretet. Mozgassa az arany katicabogár fel és le a színpadról.
   
   
5. Kattintson a jobb gombbal a 160 és 180 keret között, és hozzon létre egy Motion Tween képet. Kattintson a 180-as keretre, és adjon hozzá egy keretet a statikus részletek és a háttér rétegekhez, hogy ezen rétegek tartalma ismét láthatóvá váljon.
   
   Végül azt akarjuk, hogy az arany katicabogár visszakerüljön eredeti helyzetébe a színpad bal alsó részén. De nem akarjuk, hogy a hiba a színpad tetejétől lefelé mozogjon. Azt akarjuk, hogy a színpad alól felfelé mozogjon. Tehát először balra és a színpad alá kell helyeznünk az arany katicabogárot. Akkor csak annyit kell tennünk, hogy visszafelé mozgassa az eredeti helyzetébe, hogy az animáció megismétlődhessen. 10 keretet fogunk használni a katicabogár visszahelyezéséhez.
   
   
6. Menjen vissza az 1. keret 1. keretéhez az 1. hibás rétegen, és válassza az arany katicabogár lehetőséget. Kattintson a Szerkesztés - Másolás elemre az arany katicabogár eredeti helyzetének mentéséhez.
   
   
7. Még mindig a Bug 1 rétegen adjon hozzá kulcsfontosságú keretet a 190 kerethez. Kattintson a Szerkesztés - Törlés elemre a már létező arany katicabogár eltávolításához. Ezután kattintson a Szerkesztés - beillesztés a helyére elemre az arany katicabogár visszahelyezéséhez az eredeti helyzetbe.
   
   
8. Még mindig a Bug 1 rétegen kattintson a 181 keretre, és adjon hozzá egy kulcsképet. Ezután távolítsa el a már létező arany katicabogárot. Helyezze vissza az arany katicabogár vissza az eredeti helyzetbe ezen a kereten (beillesztés a helyén). Ezután húzza ezt a katicabogár a színpad alá. Adjon hozzá egy Motion Tween keretet a 181 és 190 keret közé, amely felveszi ezt a katicabogárot a színpadra.
   
   
9. Kattintson a 190 keretre, és adjon hozzá egy keretet a statikus részletek és a háttér rétegekhez, hogy ezen rétegek tartalma ismét láthatóvá váljon.
   
   

Tesztelje és mentse el a blinkie-t blinkie3.fla néven. Ezután tegye közzé blinkie-ját .swf fájlként, és élvezze az új blinkie-t.

J3 Designs

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: Vakrandi magyar szinkronos előzetes (Lehet 2024).