Animeringsbeteenden i rörelseprojekt

• Maj 2, 2024

Nu när vi har importerat vår lagrade Photoshop^R bild till vår rörelse^R projekt, vi är redo att skapa en blinkande ljus animation. Vi tecknar några färgade cirklar som vi sedan animerar för att blinka med rörelsebeteenden.

Vi har redan en trevlig Boken-effekt i vår bakgrundsbild, men den är statisk. Det skulle vara trevligt att lägga till en subtil animation. Efter att ha testat Motions förinställda Bokeh-partikelsystem, bestämde jag mig för att animationen var för mycket. Så jag bestämde mig för att belägga några färgade cirklar, matchande färgen på ljuset nedan. Sedan genom att lägga till Glow Filter, FadeIn / FadeOut och Grow / Shrink beteenden har vi en fin subtilt blinkande animation.

1. Flytta Playhead till början av tidslinjen och byt namn på gruppskiktet till 'Lights'.
   
   
2. Med Lights-lagret valt använder du cirkelverktyget för att rita en cirkel över ett av Bokeh-lamporna. Du kommer att få ett nytt underskikt med namnet Circle under Lights-lagret. Byt namn på detta lager till 'Circle 1'.
   
   Vi vill att ljuset ska blinka en gång över en sekund på tidslinjen.
   
   
3. Dra den högra kanten av Circle 1-lagret till vänster på tidslinjen tills den slutar på platsen på 1 sekund.
   
   Som standard är den nya cirkeln vit. Låt oss ändra färgen så att den matchar ljuset under.
   
   
4. När cirkel 1-lagret fortfarande är valt, gå till Inspector - Shape och ändra cirkelns färg för att matcha färgen på ljuset under.
   
   
5. För att mjuka upp cirkelns kant, ställ in fjäderparametern på 5.0.
   
   Låt oss nu lägga till det första beteendet som är FadeIn / FadeOut-beteendet.
   
   
6. När cirkel 1 fortfarande är vald, gå till Bibliotek - Beteenden - Grundläggande rörelse - Fade In / Fade Out. Klicka på detta beteende och klicka sedan på Apply-knappen. Du kommer att se FadeIn / FadeOut-beteendet läggas till som ett underlag i Circle 1-lagret.
   
   Spela animationen så ser du att cirkeln bleknar in och ut, som om Bokeh-lampan blinkar. Låt oss lägga till ett annat beteende i Circle 1-lagret. Grow / Shrink-beteendet bör lägga till mer realism till animeringen.
   
   
7. När lagret Cirkel 1 är valt, gå till biblioteket - Beteenden - Grundläggande rörelse - Växa / krympa. Klicka på Apply-knappen. Du bör se tillväxtskiktet Grow / Shrink läggas till ovanför det första beteendet.
   
   

Exempel på handledning:


Copyright 2018 Adobe Systems Incorporated. Alla rättigheter förbehållna. Adobes produktskärmbild (ar) tryckta med tillstånd från 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, Fireworks, Contribute, Captivate, Flash Catalyst och Flash Paper är / är antingen [a] registrerat varumärke [s] eller ett varumärke [s] från Adobe Systems Incorporated i USA och / eller andra länder.

Apple, Motion, iBooks Author, GarageBand, TextEdit, Pages, iMovie och Mac är varumärken som tillhör Apple Inc., registrerade i USA och andra länder. CoffeBreakBlog är en oberoende publikation och har inte godkänts, sponsras eller på annat sätt godkänts av Apple Inc. Skärmbilder som används med tillstånd.