Animation – Grundlagen

Animation, Keyframes und Expressions

Animation bedeutet Änderung im Zeitverlauf. Sie animieren eine Ebene oder einen Effekt auf einer Ebene, indem Sie eine oder mehrere Eigenschaften dieser Ebene über einen bestimmten Zeitraum hinweg ändern. Beispielsweise können Sie die Eigenschaft Deckkraft einer Ebene von 0 % zum Zeitpunkt null auf 100 % zum Zeitpunkt 1 Sekunde animieren, damit die Ebene eingeblendet wird. Grundsätzlich kann jede Eigenschaft mit einer Stoppuhr-Schaltfläche links neben ihrem Namen im Bedienfeld Zeitleiste oder Effektsteuerung animiert werden.

Im Bedienfeld „Zeitleiste“ werden die Eigenschaften „Transformieren“ der 3D-Ebenen angezeigt. Diese Eigenschaften haben aktive und inaktive Stoppuhren, die ihren Animationsstatus anzeigen.Alle Eigenschaften sind aktiviert, außer Deckkraft und Ankerpunkt.
Das aktive oder inaktive Stoppuhrsymbol im Zeitleistenbedienfeld zeigt an, ob eine Eigenschaft animiert ist.

A. Aktivierte Stoppuhr B. Deaktivierte Stoppuhr  

Ebeneneigenschaften können mit Keyframes, Expressions oder beidem animiert werden.

Viele Animationsvorgaben enthalten Keyframes und Expressions, sodass Sie die Animationsvorgabe lediglich auf die Ebene anwenden müssen, um ein komplexes, animiertes Ergebnis zu erzielen.

In After Effects erfolgt der Einsatz von Keyframes und Expressions entweder im Ebenenbalkenmodus oder im Diagrammeditormodus. Der Ebenenbalkenmodus ist die Standardeinstellung. Ebenen werden dabei als Zeitbalken dargestellt und Keyframes und Expressions sind vertikal auf ihre Eigenschaften im Bedienfeld Zeitleiste ausgerichtet. Im Modus Diagrammeditor werden keine Ebenenbalken dargestellt. Keyframe- und Expression-Ergebnisse werden als Wertekurven oder Geschwindigkeitskurven angezeigt. 

Keyframes

Keyframes werden zum Festlegen der Parameter für Bewegung, Effekte, Audio und viele andere Eigenschaften verwendet und ändern diese normalerweise über einen bestimmten Zeitraum hinweg. Ein Keyframe markiert den Zeitpunkt, an dem Sie einen Wert für eine Ebeneneigenschaft angeben, z. B. eine räumliche Position, Deckkraft oder Audio-Lautstärke. Die Werte zwischen den Keyframes werden interpoliert. Wenn Sie mit Keyframes eine Änderung im Zeitverlauf erzeugen, verwenden Sie in der Regel mindestens zwei Keyframes: einen für den Zustand am Anfang der Änderung und einen für den neuen Zustand am Ende der Änderung.

Wenn die Stoppuhr für eine bestimmte Eigenschaft aktiviert ist, wird der entsprechende Keyframe bei jeder Änderung des Eigenschaftswerts automatisch zum aktuellen Zeitpunkt festgelegt oder geändert. Wenn die Stoppuhr für eine Eigenschaft deaktiviert ist, besitzt die Eigenschaft keine Keyframes. Wenn Sie einen Wert für eine Ebeneneigenschaft ändern, während die Stoppuhr deaktiviert ist, bleibt der Wert während der gesamten Dauer der Ebene gleich.

Anmerkung

Wenn der Modus „Auto-Keyframe“ aktiviert ist, wird die Stoppuhr automatisch für eine Eigenschaft aktiviert, wenn diese geändert wird.

Wenn Sie die Stoppuhr deaktivieren, werden alle Keyframes dieser Ebeneneigenschaft gelöscht und der konstante Wert der Eigenschaft wird zum Wert des aktuellen Zeitpunkts. Deaktivieren Sie die Stoppuhr nur dann, wenn Sie ganz sicher sind, dass Sie alle Keyframes für die jeweilige Eigenschaft permanent löschen möchten.

Tipp

Ändere die Keyframe-Symbole im Modus „Ebenenbalken“ zu Zahlen, indem du im Menü des Bedienfelds Zeitleiste die Option Keyframe-Indizes verwenden wählst.

Das Zeitleistenbedienfeld ist geöffnet und es gibt mehrere Keyframes für verschiedene Eigenschaften einer Ebene.Alle Keyframes haben unterschiedliche Farbkennzeichnungen und haben Ease In und Ease Out angewendet.
Eine Reihe von Animations-Keyframes im Zeitleistenbedienfeld bestimmt, wie sich eine Ebene im Laufe der Zeit bewegt und verändert.

„Im Zeitleistenbedienfeld sind mehrere Keyframes für verschiedene Eigenschaften einer Ebene sichtbar.Diese Keyframes markieren die genauen Zeitpunkte, an denen Eigenschaftsänderungen auftreten.Keyframes werden als Indizes zur Referenzierung in Ausdrücken oder Skripten angezeigt.
Animations-Keyframes im Zeitleistenbedienfeld verwenden Keyframe-Indizes, um die genauen Zeitpunkte anzugeben, an denen Eigenschaftsänderungen auftreten.

Anmerkung

Wenn du eine Ebeneneigenschaft ausblendest, die Keyframes enthält, zeigen graue Punkte (zusammenfassende Keyframe-Markierungen) für die Eigenschaftsgruppe an, dass Keyframes darin enthalten sind.

Einige Werkzeuge wie Bewegung skizzieren und die Marionettenwerkzeuge richten Keyframes automatisch so für dich ein, dass die von dir skizzierte Bewegung abgebildet wird.

Expressions

Expressions verwenden eine auf JavaScript basierende Skriptsprache, um die Werte einer Eigenschaft festzulegen und die Eigenschaften miteinander in Beziehung zu setzen. Einfache Expressions lassen sich durch Verbinden der Eigenschaften mit dem Auswahlwerkzeug erstellen.

Diagrammeditor

Der Diagrammeditor stellt Eigenschaftswerte mithilfe eines zweidimensionalen Diagramms dar, in dem die Kompositionszeit horizontal dargestellt wird (von links nach rechts). Im Modus „Ebenenbalken“ dagegen stellt das Zeitdiagramm lediglich das horizontale Zeitelement dar, ohne die Änderungen der Werte grafisch in der Vertikalen abzubilden.

Anmerkung

Um zwischen den Modi „Ebenenbalken“ und Diagrammeditor umzuschalten, wähle die Schaltfläche Diagrammeditor   im Bedienfeld Zeitleiste aus.

Im Zeitleistenbedienfeld sind die Transformationseigenschaften erweitert und zeigen eine Liste sowohl aktiver als auch inaktiver Eigenschaften.Die Eigenschaftswerte werden als zweidimensionale Grafiken dargestellt, wobei die Kompositionszeit horizontal angezeigt wird.
Im Diagrammeditor angezeigte Animationseigenschaften können angepasst werden, um die Bewegung und das Timing von Animationen zu optimieren.

Im Graph Editor sind zwei Arten von Grafiken verfügbar:

  • Wertegrafik: Zeigt Eigenschaftswerte
  • Geschwindigkeitsgrafik: Zeigt Änderungsraten von Eigenschaftswerten

Bei zeitlichen Eigenschaften, z. B. der Deckkraft, wird im Diagrammeditor standardmäßig die Wertekurve verwendet. Bei räumlichen Eigenschaften, z. B. der Position, wird im Diagrammeditor standardmäßig die Geschwindigkeitskurve verwendet. Weitere Informationen zum Anzeigen und Bearbeiten von Keyframe-Werten findest du unter Anzeigen oder Bearbeiten eines Keyframe-Werts.

Im Diagrammeditor wird jede Eigenschaft durch eine eigene Kurve dargestellt. Sie können Eigenschaften einzeln anzeigen oder bearbeiten oder mehrere Eigenschaften gleichzeitig anzeigen. Wenn mehrere Eigenschaften im Diagrammeditor angezeigt werden, werden die Kurven der Eigenschaften jeweils in derselben Farbe dargestellt wie der entsprechende Eigenschaftswert in der Ebenenübersicht.

Wenn du einen Keyframe bei ausgewählter Schaltfläche Ausrichten   in den Diagrammeditor ziehst, wird der Keyframe an folgenden Elementen ausgerichtet: Keyframe-Werten, Keyframe-Zeiten, aktueller Zeit, In- und Out-Points, Marken sowie Anfang und Ende der Komposition. Wenn der Keyframe an einem dieser Elemente ausgerichtet wird, kannst du das jeweilige Objekt im Diagrammeditor an einer orangen Linie erkennen. Halte nach Beginn der Ziehbewegung die Strg-Taste (Windows) bzw. Befehlstaste (macOS) gedrückt, um das Ausrichten vorübergehend zu aktivieren bzw. zu deaktivieren.

Im Modus Diagrammeditor haben Keyframes möglicherweise Richtungsgriffe auf einer oder beiden Seiten. Mit Richtungsgriffen können Sie die Bézier-Interpolation steuern.

Über die Schaltfläche Dimensionen trennen unten im Diagrammeditor trennst du die Komponenten einer Eigenschaft vom Typ Position in einzelne Eigenschaften: X-Position, Y-Position und (bei 3D-Ebenen) Z-Position. So kannst du jeden Wert individuell ändern oder animieren. Erfahre mehr über das Trennen von Dimensionen der Position zur individuellen Animation von Komponenten.

Im Zeitleistenbedienfeld sind die Transformationseigenschaften erweitert und zeigen eine Liste sowohl aktiver als auch inaktiver Eigenschaften.Die Eigenschaftswerte werden als zweidimensionale Grafiken dargestellt, und Richtungsgriffe sind verfügbar, um Animationskurven für sanftere Übergänge zu verfeinern.
Keyframes im Diagrammeditor mit Richtungsgriffen ermöglichen eine verbesserte Steuerung von Animationskurven für sanftere Übergänge.

Festlegen von im Diagrammeditor anzuzeigenden Eigenschaften

  1. Klicke unten im Diagrammeditor auf die Schaltfläche Eigenschaften anzeigen   und wähle eine der folgenden Optionen:

    Ausgewählte Eigenschaften anzeigen

    Zeigt die ausgewählten Eigenschaften im Diagrammeditor an.

    Animationseigenschaften anzeigen

    Zeigt die Animationseigenschaften der ausgewählten Ebenen im Diagrammeditor an.

    Diagrammeditor anzeigen

    Zeigt die Eigenschaften an, für die der Schalter Diagrammeditor   aktiviert ist. Der Schalter befindet sich neben der Stoppuhr links vom Namen der Eigenschaft, wenn die Stoppuhr aktiv ist (das heißt, wenn die Eigenschaft Keyframes oder Expressions enthält).

Diagrammoptionen im Diagrammeditor

Klicke unten im Diagrammeditor auf die Schaltfläche Diagrammtyp und Optionen   und wähle eine der folgenden Optionen aus:

Kurventyp automatisch auswählen

Es wird automatisch der geeignete Kurventyp für eine Eigenschaft ausgewählt: Geschwindigkeitskurven für räumliche Eigenschaften (z. B. Position) und Wertekurven für andere Eigenschaften.

Wertekurve bearbeiten

Zeigt für alle Eigenschaften die Wertkurve an.

Geschwindigkeitskurve bearbeiten

Zeigt für alle Eigenschaften die Geschwindigkeitskurve an.

Referenzdiagramm anzeigen

Zeigt für Referenzzwecke den nicht ausgewählten Kurventyp im Hintergrund an. (Die grauen Zahlen rechts vom Diagrammeditor geben die Werte des Referenzdiagramms an.)

Audio-Wellenformen anzeigen

Zeigt die Audio-Wellenform für jede Ebene an, die über mindestens eine Eigenschaft im Diagrammeditor verfügt.

In-/Out-Points der Ebene anzeigen

Zeigt die In- und Out-Points aller Ebenen an, die über eine Eigenschaft im Diagrammeditor verfügen. In- und Out-Points werden als geschweifte Klammern angezeigt.

Ebenenmarken anzeigen

Zeigt Ebenenmarken im Diagrammeditor an (falls vorhanden) und zwar für alle Ebenen, die über mindestens eine Eigenschaft im Diagrammeditor verfügen. Ebenenmarken werden als kleine Dreiecke dargestellt.

QuickInfo für Diagramme anzeigen

Aktiviert bzw. deaktiviert die QuickInfo für Diagramme.

Expression-Editor anzeigen

Blendet das Feld „Expression-Editor“ ein bzw. aus.

Keyframes zwischen Frames zulassen

Ermöglicht die Platzierung von Keyframes zwischen Frames zur Optimierung der Animation.

Bildlauf oder Zoomen im Diagrammeditor

  • Um einen vertikalen oder horizontalen Bildlauf durchzuführen, ziehe das Hand-Werkzeug  .
Tipp

Um das Hand-Werkzeug vorübergehend während der Verwendung eines anderen Werkzeugs zu aktivieren, halte die Leertaste oder die mittlere Maustaste gedrückt.

  • Um einen vertikalen Bildlauf durchzuführen, rollen Sie das Mausrad.
  • Um einen horizontalen Bildlauf durchzuführen, halte die Umschalttaste gedrückt und rolle das Mausrad.
  • Wähle zum Vergrößern das Zoom-Werkzeug aus.
  • Klicke zum Verkleinern bei gedrückter Alt-Taste (Windows) bzw. Wahltaste (macOS) mit dem Zoom-Werkzeug.
  • Rolle zum horizontalen Zoomen das Mausrad bei gedrückter Alt-Taste (Windows) bzw. Wahltaste (macOS). Verwende zum vertikalen Zoomen die Strg-Taste (Windows) bzw. Befehlstaste (macOS).
  • Ziehe zum horizontalen Zoomen bei gedrückter Alt-Taste (Windows) bzw. Wahltaste (macOS) mit dem Zoom-Werkzeug nach links, um zu verkleinern, oder nach rechts, um zu vergrößern.
  • Ziehe zum vertikalen Zoomen bei gedrückter Alt-Taste (Windows) bzw. Wahltaste (macOS) mit dem Zoom-Werkzeug nach oben, um zu vergrößern, oder nach unten, um zu verkleinern.
Anmerkung

Du kannst keinen Bildlauf durchführen oder vertikal zoomen, wenn die Schaltfläche Diagrammhöhe automatisch zoomen   ausgewählt ist.

Automatisches Zoomen und Einpassen

Diagrammhöhe automatisch zoomen 

Schaltet den Modus Diagrammhöhe automatisch zoomen um, bei dem die Höhe des Diagramms automatisch so skaliert wird, dass es der Höhe des Diagrammeditors entspricht. Den horizontalen Zoom müssen Sie weiterhin manuell anpassen.

Auswahl in Ansicht einpassen 

Passt die Werte- (vertikal) und Zeitskala (horizontal) des Diagramms so an, dass die ausgewählten Keyframes vollständig im Diagrammeditor angezeigt werden.

Alle Diagramme in Ansicht einpassen 

Passt die Werte- (vertikal) und Zeitskala (horizontal) des Diagramms so an, dass alle Diagramme vollständig im Diagrammeditor angezeigt werden.

Adobe, Inc.

Schneller und einfacher Hilfe erhalten

Neuer Benutzer?