Animasjonsatferd i bevegelsesprosjekt

• April 20, 2024

Nå som vi har importert lagdelte Photoshop^R bilde inn i vår bevegelse^R prosjekt, er vi klare til å lage en blinkende lys-animasjon. Vi tegner noen fargede sirkler som vi deretter vil animere for å blinke ved hjelp av bevegelsesatferd.

Vi har allerede en fin Boken-effekt i bakgrunnsbildet vårt, men det er statisk. Det ville være fint å legge til en subtil animasjon. Etter å ha testet Motions forhåndsinnstilte Bokeh-partikkelsystem, bestemte jeg meg for at animasjonen var for mye. Så jeg bestemte meg for å legge et par fargede sirkler, slik at de stemmer overens med lysets farge nedenfor. Så ved å legge til glødefilteret, FadeIn / FadeOut og Grow / Shrink-oppførselen, har vi en fin subtil blinkende animasjon.

1. Flytt Playhead til begynnelsen av tidslinjen og gi nytt navn til gruppen laget til 'Lights'.
   
   
2. Når du har valgt Lights-laget, bruker du Circle-verktøyet for å tegne en sirkel over et av Bokeh-lysene. Du vil få et nytt underlag med navnet Circle under Lights laget. Gi dette laget nytt navn til 'Circle 1'.
   
   Vi vil at lyset skal blinke en gang over ett sekund på tidslinjen.
   
   
3. Dra den høyre kanten av Circle 1-laget til venstre på tidslinjen til den slutter på 1 sekund plassering.
   
   Som standard er den nye sirkelen hvit. La oss endre fargen slik at den passer til lyset under.
   
   
4. Når sirkel 1-laget fortsatt er valgt, går du til Inspector - Shape og endrer fargen på sirkelen slik at den passer til lysets farge under.
   
   
5. For å myke opp kanten av sirkelen, sett Feather-parameteren til 5.0.
   
   La oss nå legge til den første oppførselen som er FadeIn / FadeOut Atferd.
   
   
6. Når sirkelen 1 fortsatt er valgt, går du til Bibliotek - Atferd - Grunnleggende bevegelse - Fade In / Fade Out. Klikk på denne oppførselen, og klikk deretter på Bruk-knappen. Du vil se FadeIn / FadeOut-oppførselen lagt til som et underlag til Circle 1-laget.
   
   Spill av animasjonen, og du skal se sirkelen visne ut og inn, som om Bokeh-lyset blinker. La oss legge til en annen oppførsel til Circle 1-laget. Grow / Shrink-oppførselen bør tilføre animasjonen mer realisme.
   
   
7. Når du har valgt Circle 1-laget, går du til Library - Behaviors - Basic Motion - Grow / Shrink. Klikk på Bruk-knappen. Du bør se Grow / Shrink-atferdslaget lagt over den første oppførselen.
   
   

Eksempel på veiledning:


Copyright 2018 Adobe Systems Incorporated. Alle rettigheter forbeholdt. Adobes produktskjermbilder er skrevet ut på nytt med tillatelse fra Adobe Systems Incorporated. Adobe, Photoshop, Photoshop Album, Photoshop Elements, Illustrator, InDesign, GoLive, Acrobat, Cue, Premiere Pro, Premiere Elements, Bridge, After Effects, InCopy, Dreamweaver, Flash, ActionScript, Fyrverkeri, Bidra, Captivate, Flash Catalyst og Flash Paper er / er enten [a] registrert varemerke [s] eller et varemerke [s] fra Adobe Systems Incorporated i USA og / eller andre land.

Apple, Motion, iBooks-forfatteren, GarageBand, TextEdit, Pages, iMovie og Mac er varemerker for Apple Inc., registrert i USA og andre land. CoffeBreakBlog er en uavhengig publikasjon og har ikke blitt autorisert, sponset eller på annen måte godkjent av Apple Inc. Skjermbilder brukt med tillatelse.

Video Instruksjoner: WW2 - OverSimplified (Part 2) (April 2024).