Animációs viselkedés mozgásban

• Április 29, 2024

Most, hogy importáltuk réteges Photoshopunkat^R képet a mozgásunkba^R projekt, készen állunk egy villogó fény animáció létrehozására. Rajzolunk néhány színes kört, amelyeket animálva villogni fogunk a mozgási viselkedés segítségével.

Jó Boken-effektusunk van már háttérképünkben, de statikus. Jó lenne hozzáadni egy finom animációt. A Motion előre beállított Bokeh részecskerendszerének tesztelése után úgy döntöttem, hogy túl sok az animáció. Tehát úgy döntöttem, hogy néhány színes kört befedek, amelyek megfelelnek az alábbi fény színének. Ezután a Glow Filter, a FadeIn / FadeOut és a Grow / Shrink viselkedés hozzáadásával szép finoman villogó animációt kaptunk.

1. Vigye a lejátszófejet az ütemterv elejére, és nevezze át a csoportréteget „Lights” -nak.
   
   
2. Ha a Lámpák réteg ki van választva, a Kör eszközzel rajzoljon egy kört az egyik Bokeh-fényre. Kapsz egy új alréteget, melynek neve Kör, a Lámpák réteg alatt. Nevezze át ezt a réteget 'Circle 1' névre.
   
   Azt akarjuk, hogy a fény 1 másodperc alatt villogjon az Idővonalon.
   
   
3. Húzza a Circle 1 réteg jobb szélét balra az Idővonalon, amíg az az 1 másodpercig nem ér.
   
   Alapértelmezés szerint az új kör fehér. Változtassuk meg a színt, hogy az megfeleljen az alatta lévő fénynek.
   
   
4. Ha a Circle 1 réteg továbbra is kiválasztva van, lépjen az Inspector - Shape oldalra, és módosítsa a kör színét, hogy megfeleljen az alatta lévő fény színének.
   
   
5. A kör széle lágyításához állítsa a Feather paramétert 5.0-ra.
   
   Most hozzáadjuk az első viselkedést, amely a FadeIn / FadeOut Behavior.
   
   
6. Ha a Circle 1 továbbra is kiválasztott, lépjen a Library - Behaviors - Basic Motion - Fade In / Fade Out könyvtárba. Kattintson erre a viselkedésre, majd kattintson az Alkalmaz gombra. Látja, hogy a FadeIn / FadeOut viselkedés alrétegként lett hozzáadva a Circle 1 réteghez.
   
   Játsszon az animációval, és látnia kell, hogy a kör be- és kifelé halad, mintha a Bokeh fény villogna. Adjunk hozzá még egy viselkedést a Circle 1 réteghez. A növekedés / zsugorodás viselkedésének nagyobb valósághűséget kell adnia az animációhoz.
   
   
7. Ha a Circle 1 réteg kiválasztva, lépjen a Library - Behaviors - Basic Motion - Grow / Shrink könyvtárba. Kattintson az Alkalmaz gombra. Az első viselkedés felett látnia kell a növekedés / zsugorodás viselkedési rétegét.
   
   

Oktatópélda:


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.

Az Apple, Motion, iBooks Author, GarageBand, TextEdit, Pages, iMovie és Mac az Apple Inc. védjegyei, bejegyezve az Egyesült Államokban és más országokban. A CoffeBreakBlog egy független kiadvány, amelyet az Apple Inc. nem engedélyez, szponzorál, vagy más módon hagy jóvá. Az engedély által használt képernyőképeket.

Video Utasításokat: [4] Új mozgás, kamera animáció, lépéshangok - Scavenger Game (Április 2024).