Tweens mozgás Flash CS6-ban

• Április 29, 2024

Ebben az oktatóanyagban megtanuljuk, hogyan hozhat létre Motion Tween-t Flash formátumban^R CS6. Emlékezhet arra, hogy egy korábbi oktatóanyagban animációt készítettünk, amely egy kört mozgatott a színpadon. Ebben a leckében klasszikus Tween animációt készítettünk. A Classic Tween az eredeti animációs típus a Flash számára.

Most megvizsgáljuk a tween animáció új típusát. Ezúttal létrehozunk egy Motion Tween animációt, amely egy négyzetet mozgat a Színpadon. Első pillantásra ez a két animáció azonosnak tűnhet. De ahogy a jövő óráin haladunk, látni fogjuk, miért a Motion Tween a kedvenc animációs opció a tween. Nagyon rugalmas és felhasználható meglehetősen összetett animációk készítésére.

1. Nyissa meg a Flash CS6 szoftvert, és válassza az ActionScript 3.0 elemet az Üdvözlő képernyő Új létrehozása oszlopában.
   
   Látni fogja, hogy van egy üres színpad és egy réteg az Idővonalban.
   
   
2. Kattintson duplán a réteg nevére, és nevezze az 1. réteget "Négyzet" -re.
   
   
3. Állítsa a Stroke színét nullra.
   
   
4. Kattintson a Színes kitöltés mezőre, és válassza a Színválasztó közül bármelyik színt.
   
   
5. A Téglalap eszköz segítségével rajzoljon egy négyzetet a színpadon.
   
   Ezen a ponton a négyzet alap alakú. Ennek megerősítéséhez nézzük meg a Tulajdonságok panelen található információkat.
   
   
6. A Kiválasztás eszközzel válassza ki a négyzetet a színpadon.
   
   A Tulajdonságok panelen azt látjuk, hogy ez az objektum egy alak. Láthatjuk a tárgy helyzetét, méretét és színét is.
   
   A Motion Tween létrehozásának első lépése a alak szimbólummá történő átalakítása. A Flash szimbólumokat mélyebben tárgyaljuk egy jövőbeli bemutatóban.
   
   
7. Válassza ki a négyzetet a színpadon, majd a menüsorban kattintson a Módosítás - Szimbólummá konvertálás elemre.
   
   
8. A Konvertálás szimbólumba párbeszédpanelen nevezze el a "Négyzet" szimbólumot, és állítsa a Típust Filmklipre. Ezután állítsa a regisztrációs pontot a középpontba úgy, hogy rákattint a kis középső mezőre a kis dobozok csoportjában. Kattintson az OK gombra.
   
   Látni fogja, hogy egy vékony kék vonal jelenik meg a négyzet körül, jelezve, hogy az objektum most szimbólum.
   
   
9. Kattintson a jobb gombbal az Idõsor 50. keretére és válassza a Keret beszúrása menüpontot az Idővonal 50 képkocka meghosszabbításához.
   
   
10. Kattintson a jobb gombbal az idővonal bármelyik keretére, és válassza a Mozgásköz közötti létrehozás lehetőséget.
    
    Látni fogja, hogy a Flash az összes keretet különböző színűvé változtatta. Ezeket hívják a Tween mozgás Tween-spektrumának.
    
    Helyezze a lejátszófejet az ütemterv mentén vissza az 1. keretbe. Mint az előző útmutatóban, az objektum sem mozog. Ennek oka az, hogy még nem adtunk hozzá egy második kulcstartót az animáció véghelyzetének jelzésére.
    
    
11. Kattintson a jobb egérgombbal az 50-ös keretre, és válassza a menüben a Keretkeret beszúrása - Mindent lehetőséget.
    
    
12. Még mindig az 50-es kereten kattintson a négyzetre, és húzza a színpad másik oldalára, hogy megmondja a Flash-nek, hogy ez lesz a Tween-mozgás véghelyzete.
    
    

Most, amikor mozgatja a lejátszófejet, a négyzet fokozatosan mozog a színpadon.

A Motion Tweens segítségével azonban könnyen módosíthatjuk az animációt úgy, hogy a négyzet egy íves vonal mentén mozogjon, nem pedig egyenes vonalban.

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: Flash 8 programozási alapismeretek 1. rész Átmenet két kulcs (Április 2024).