Animationsverhalten im Bewegungsprojekt

• Kann 3, 2024

Nachdem wir unser überlagertes Photoshop importiert haben^R. Bild in unsere Bewegung^R. Projekt sind wir bereit, eine Animation mit blinkenden Lichtern zu erstellen. Wir werden einige farbige Kreise zeichnen, die wir dann animieren, um mithilfe von Bewegungsverhalten zu blinken.

Wir haben bereits einen schönen Boken-Effekt in unserer Hintergrundgrafik, aber er ist statisch. Es wäre schön, eine subtile Animation hinzuzufügen. Nachdem ich das voreingestellte Bokeh-Partikelsystem von Motion getestet hatte, entschied ich, dass die Animation zu viel war. Also habe ich beschlossen, ein paar farbige Kreise zu überlagern, die der Farbe des Lichts unten entsprechen. Durch Hinzufügen des Glow-Filters, des FadeIn / FadeOut- und des Grow / Shrink-Verhaltens erhalten wir eine schöne, subtile Blinkanimation.

1. Bewegen Sie den Abspielkopf an den Anfang der Zeitleiste und benennen Sie die Gruppenebene in "Lichter" um.
   
   
2. Verwenden Sie bei ausgewählter Lichter-Ebene das Kreis-Werkzeug, um einen Kreis über eines der Bokeh-Lichter zu zeichnen. Unter der Ebene "Lichter" erhalten Sie eine neue Unterebene mit dem Namen "Kreis". Benennen Sie diese Ebene in "Kreis 1" um.
   
   Wir möchten, dass das Licht auf der Timeline einmal über 1 Sekunde blinkt.
   
   
3. Ziehen Sie den rechten Rand der Ebene "Kreis 1" auf der Zeitachse nach links, bis er an der 1-Sekunden-Position endet.
   
   Standardmäßig ist der neue Kreis weiß. Lassen Sie uns die Farbe ändern, um sie an das darunter liegende Licht anzupassen.
   
   
4. Wenn die Ebene Kreis 1 noch ausgewählt ist, gehen Sie zu Inspektor - Form und ändern Sie die Farbe des Kreises entsprechend der Farbe des darunter liegenden Lichts.
   
   
5. Um den Rand des Kreises zu mildern, setzen Sie den Parameter Feather auf 5.0.
   
   Fügen wir nun das erste Verhalten hinzu, das das FadeIn / FadeOut-Verhalten ist.
   
   
6. Wenn der Kreis 1 noch ausgewählt ist, gehen Sie zu Bibliothek - Verhalten - Grundbewegung - Einblenden / Ausblenden. Klicken Sie auf dieses Verhalten und dann auf die Schaltfläche Übernehmen. Sie sehen das FadeIn / FadeOut-Verhalten als Unterebene zur Ebene von Kreis 1 hinzugefügt.
   
   Wenn Sie die Animation abspielen, sollte der Kreis ein- und ausgeblendet werden, als würde das Bokeh-Licht blinken. Fügen wir der Ebene von Kreis 1 ein weiteres Verhalten hinzu. Das Grow / Shrink-Verhalten sollte der Animation mehr Realismus verleihen.
   
   
7. Wechseln Sie bei ausgewählter Ebene für Kreis 1 zu Bibliothek - Verhalten - Grundbewegung - Vergrößern / Verkleinern. Klicken Sie auf die Schaltfläche Übernehmen. Sie sollten die Verhaltensebene "Wachsen / Verkleinern" über dem ersten Verhalten sehen.
   
   

Tutorial Beispiel:


Copyright 2018 Adobe Systems Incorporated. Alle Rechte vorbehalten. Screenshots von Adobe-Produkten mit Genehmigung von Adobe Systems Incorporated. Adobe, Photoshop, Photoshop-Album, Photoshop-Elemente, Illustrator, InDesign, GoLive, Acrobat, Cue, Premiere Pro, Premiere-Elemente, Bridge, After Effects, InCopy, Dreamweaver, Flash, ActionScript, Fireworks, Contribute, Captivate, Flash Catalyst und Flash Paper ist / sind entweder [eine] eingetragene Marke (n) oder eine Marke (n) von Adobe Systems Incorporated in den USA und / oder anderen Ländern.

Apple, Motion, iBooks Author, GarageBand, TextEdit, Pages, iMovie und Mac sind Marken von Apple Inc., eingetragen in den USA und anderen Ländern. CoffeBreakBlog ist eine unabhängige Veröffentlichung und wurde von Apple Inc. nicht autorisiert, gesponsert oder anderweitig genehmigt. Screenshots werden mit Genehmigung verwendet.

Video-Anleitungen: Beteiligung von Anfang an! (Kann 2024).