In diesem Video erfahren Sie, wie Sie Animationen mithilfe von Keyframes erstellen.

Was Sie benötigen

Die Beispieldatei ist ein Adobe Stock-Element, mit dem Sie die Schritte dieses Tutorials nachvollziehen können. Wenn Sie die Beispieldatei anderweitig verwenden möchten, können Sie sie bei Adobe Stock lizenzieren. In der ReadMe-Datei in diesem Ordner finden Sie die Bedingungen für die Verwendung dieser Beispieldatei.

Keyframes setzen und bearbeiten, Keyframe-Interpolation ändern und Bewegungspfad anpassen – Zusammenfassung.

Keyframe setzen.

  1. Wählen Sie die Ebene aus, die Sie animieren wollen.
  2. Klicken Sie auf den Pfeil links neben dem Ebenennamen, um den Parameter anzuzeigen, der animiert werden soll. Klicken Sie auf die Pfeile darunter, um die Optionen bestimmter Parametergruppen wie die Eigenschaften für „Transformieren“ einzublenden.
  3. Um die Ebene für den ersten Keyframe zu positionieren oder anzupassen, stellen Sie einen beliebigen Parameter auf der Zeitleiste durch Scrubbing ein, oder ziehen Sie ein Objekt in der Komposition.
  4. Klicken Sie auf die Stoppuhr neben dem entsprechenden Parameter. Damit setzen Sie den ersten Keyframe. Der Keyframe wird an der Zeitmarke platziert.

Dauer der Animation durch Verschieben der Zeitmarke festlegen.

  • Nachdem Sie den ersten Keyframe für einen Parameter gesetzt haben, verschieben Sie die Zeitmarke zu einem anderen Frame auf der Zeitleiste. Wenn Sie einen Wert für die neue Position eingeben, wird automatisch ein zweiter Keyframe erstellt.

Geschwindigkeit der Animation vor und hinter den Keyframes anpassen.

  • Machen Sie einen Rechtsklick/Ctrl-Klick auf einen der Keyframes, und wählen Sie „Keyframe-Assistenten > Easy Ease“, um die roboterhafte lineare Bewegung in eine natürlichere Bewegung zu verwandeln, die zum Keyframe hin bzw. vom Keyframe weg flüssiger verläuft.

Bewegungspfad ändern.

  • Während ein Positions-Keyframe auf der Zeitleiste ausgewählt bleibt, ziehen Sie die runden Griffe nach außen, um die Form des Bewegungspfads zu ändern.

 

Nächstes Thema: Objekt an einem Pfad entlang bewegen

 

10/07/2019

Adobe Stock-Anbieter: alexhliv, rwgusev

Designer: Ian Robinson

Sprecher: Ian Robinson

War diese Seite hilfreich?