Animatiegedrag in bewegingsproject

• Mei 15, 2024

Nu we onze gelaagde Photoshop hebben geïmporteerd^R beeld in onze beweging^R project, we zijn klaar om een ​​knipperende lichtanimatie te maken. We zullen enkele gekleurde cirkels tekenen die we vervolgens zullen animeren om te knipperen met bewegingsgedrag.

We hebben al een leuk Boken-effect in onze achtergrondafbeelding, maar het is statisch. Het zou leuk zijn om een ​​subtiele animatie toe te voegen. Na het vooraf ingestelde Bokeh-deeltjessysteem van Motion te hebben getest, besloot ik dat de animatie te veel was. Dus besloot ik om een ​​paar gekleurde cirkels te bedekken, passend bij de kleur van het licht eronder. Door vervolgens het Glow-filter, de FadeIn / FadeOut en het Grow / Shrink-gedrag toe te voegen, hebben we een mooie subtiele knipperende animatie.

1. Verplaats de afspeelkop naar het begin van de tijdlijn en hernoem de groepslaag naar 'Lights'.
   
   
2. Selecteer de laag Lichten en gebruik het gereedschap Cirkel om een ​​cirkel over een van de Bokeh-lichten te tekenen. Je krijgt een nieuwe sublaag genaamd Circle onder de Lights-laag. Hernoem deze laag naar 'Circle 1'.
   
   We willen dat het licht eenmaal meer dan 1 seconde knippert op de tijdlijn.
   
   
3. Sleep de rechterrand van de cirkel 1-laag naar links op de tijdlijn totdat deze eindigt op de locatie van 1 seconde.
   
   Standaard is de nieuwe cirkel wit. Laten we de kleur aanpassen aan het licht eronder.
   
   
4. Met de laag Cirkel 1 nog steeds geselecteerd, ga naar Inspector - Vorm en wijzig de kleur van de cirkel zodat deze overeenkomt met de kleur van het licht eronder.
   
   
5. Stel de parameter Veer in op 5.0 om de rand van de cirkel te verzachten.
   
   Laten we nu het eerste gedrag toevoegen, namelijk FadeIn / FadeOut Behavior.
   
   
6. Met de Circle 1 nog steeds geselecteerd, ga naar Bibliotheek - Gedrag - Basisbeweging - Fade In / Fade Out. Klik op dit gedrag en klik vervolgens op de knop Toepassen. U zult het FadeIn / FadeOut-gedrag zien toegevoegd als een sublaag aan de Circle 1-laag.
   
   Speel de animatie en je zou de cirkel in en uit moeten zien vervagen, alsof het Bokeh-lampje knipperde. Laten we nog een gedrag toevoegen aan de Circle 1-laag. Het Grow / Shrink-gedrag zou meer realisme aan de animatie moeten toevoegen.
   
   
7. Selecteer de laag Circle 1 en ga naar de bibliotheek - Gedrag - Basisbeweging - Groeien / krimpen. Klik op de knop Toepassen. U zou de gedragslaag Groeien / Krimpen boven het eerste gedrag moeten zien toegevoegd.
   
   

Tutorial Voorbeeld:


Copyright 2018 Adobe Systems Incorporated. Alle rechten voorbehouden. Schermafbeeldingen van Adobe-producten herdrukt met toestemming van 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 en Flash Paper is / zijn ofwel [a] gedeponeerd handelsmerk [s] of een handelsmerk [s] van Adobe Systems Incorporated in de Verenigde Staten en / of andere landen.

Apple, Motion, iBooks Author, GarageBand, TextEdit, Pages, iMovie en Mac zijn handelsmerken van Apple Inc., geregistreerd in de VS en andere landen. CoffeBreakBlog is een onafhankelijke publicatie en is niet geautoriseerd, gesponsord of anderszins goedgekeurd door Apple Inc. Screenshots gebruikt met toestemming.

Video-Instructies: How a Glock Works (Mei 2024).