After Effects bietet eine riesige Auswahl an Werkzeugen und damit nahezu unbegrenzte Möglichkeiten zum Bearbeiten von Kompositionen, Erstellen von Spezialeffekten und natürlich auch zum Animieren. 

Trotzdem schrecken viele Animatoren vor der Lernkurve von After Effects zurück und greifen stattdessen oft zu scheinbar einfacheren Programmen. Hat man jedoch erst einmal verstanden, wie man effektiv mit After Effects umgeht, wird das Animieren damit überraschend einfach.

In diesem Beitrag zeigen wir Ihnen Schritt für Schritt, wie Sie in After Effects mithilfe der Keyframe- und Graph-Editor-Tools Animationen einrichten und erstellen – und das alles in wenigen Minuten.

Keyframing in After Effects ist einfach – folgen Sie einfach diesen Schritten.

Bei der Keyframe-Animation wird ein Objekt durch das Definieren von Keyframes in jedem Zustand von einem Zustand in einen anderen überführt. Diese Keyframes dienen als Referenzpunkte für Position, Skalierung, Rotation usw. des Objekts. Um die Illusion von Bewegung zwischen den Keyframes zu erzeugen, können verschiedene Methoden angewendet werden, beispielsweise das manuelle Zeichnen der Zwischenbilder oder die Verwendung von Software wie After Effects zur Interpolation – dem Prozess der automatischen Generierung der Zwischenbilder.

Hier erfahren Sie, wie Sie Keyframes festlegen und die Interpolation in After Effects aktivieren.

Wählen Sie zunächst ein Objekt in Ihrer Komposition aus und öffnen Sie das darunterliegende Transformationsmenü. Klicken Sie anschließend auf das Stoppuhrsymbol neben dem Attribut „Position“. Dadurch wird nicht nur ein Keyframe gesetzt, sondern auch die Keyframe-Erstellung für das ausgewählte Objekt über die Zeit aktiviert.

Nachdem Sie den ersten Keyframe gesetzt haben, bewegen Sie den Abspielkopf auf der Zeitleiste einige Sekunden vorwärts. Klicken und ziehen Sie dann Ihr Objekt im Kompositionsfenster. Sobald Sie Ihr Objekt bewegen, wird automatisch ein neuer Keyframe generiert. Wenn Sie Ihre Animation nun abspielen, sehen Sie, wie sich Ihr Objekt zwischen den beiden Keyframes bewegt.

Sie werden schnell feststellen, dass After Effects, ähnlich wie andere Animationsprogramme, einen gleichmäßigen oder linearen Pfad zwischen allen hinzugefügten Keyframes erzeugt. Wir möchten diese lineare Bewegung jedoch nicht beibehalten, da sie nicht sehr natürlich aussieht (denken Sie an das Animationsprinzip des Timings).

Wie Sie mit nur wenigen Klicks mühelos ein- und aussteigen können

Es gibt verschiedene Methoden, um das Timing von linear auf etwas Natürlicheres umzustellen.

Eine Methode besteht darin, neue Keyframes manuell hinzuzufügen und den Abstand zwischen den einzelnen Keyframes visuell anzupassen. Diese Methode ermöglicht zwar eine sehr präzise Steuerung, ist aber zeitaufwändig. Zudem kann es schwierig werden, später Änderungen an der Animation vorzunehmen.

Eine weitere gängige Methode besteht darin, die Geschwindigkeit zwischen den einzelnen Keyframes sanft zu erhöhen und zu verringern. After Effects bietet hierfür verschiedene Optionen. Die erste heißt „Easy Ease“.

Um auf Easy Ease zuzugreifen, klicken Sie mit der rechten Maustaste auf Ihre Zeitleiste, wählen Sie Keyframe-Assistent und anschließend Easy Ease.

Mit Easy Ease wird automatisch eine Bézierkurve zu Ihren Keyframes hinzugefügt. Diese beschleunigt die Animation zu Beginn von Null, nimmt dann in der Mitte zu und verlangsamt sich wieder, bis die Geschwindigkeit erneut Null erreicht.

Dadurch entsteht eine sehr natürlich wirkende Animation zwischen Ihren beiden Keyframes.

Alternativ können Sie die Übergänge auch manuell hinzufügen, indem Sie im selben Menü Easy Ease In und Easy Ease Out auswählen. Diese Optionen bewirken genau das, was die Namen aussagen.

Ein kleiner Tipp: Sie können ganz einfach erkennen, welche Keyframes mit Ease-Effekten versehen sind, da sich das Keyframe-Symbol in eine Sanduhr ändert, wie im Bild unten dargestellt.

Die Verwendung von Easy Ease ist zwar einfach, erzeugt aber nicht immer die gewünschte Bewegung. Wenn Sie Ihre Bewegungsabläufe präziser steuern möchten, sollten Sie den Graph-Editor von After Effects verwenden.

Graph-Editoren erleichtern fortgeschrittene Interpolation

Der After Effects Graph Editor visualisiert die Interpolation zwischen Keyframes und bietet eine Möglichkeit, die Zeitsteuerung und die Bewegung zwischen diesen Frames präzise zu gestalten.

Um auf den Graph-Editor eines Objekts zuzugreifen, wählen Sie die Schaltfläche „Graph-Editor“ oberhalb der Zeitleiste aus.

Im obigen Bild stellen die gelben Quadrate die Keyframes dar. Die rote Diagonale zeigt die Bewegung zwischen den beiden Keyframes auf der X-Achse an. Die grüne Linie zeigt die Bewegung zwischen den beiden Keyframes auf der Y-Achse an.

Wie Sie sehen können, ist die rote Linie geneigt. Dies deutet auf eine lineare Bewegung des ausgewählten Objekts entlang der X-Achse hin, während die flache grüne Linie anzeigt, dass keine Bewegung entlang der Y-Achse stattfindet.

Wenn Sie diese Animation abspielen würden, würde sich das Objekt innerhalb der Komposition einfach linear von links nach rechts auf dem Bildschirm bewegen.

Sie können erneut mit der rechten Maustaste auf die gelben Keyframes klicken und „Easy Ease“ auswählen, um Ihre Animation automatisch ein- und auszublenden. Anschließend sieht das Ergebnis in etwa so aus wie im folgenden Bild.

Hier sehen Sie, wie sich die roten und grünen Linien von gerade zu gekrümmt verändert haben. Diese Krümmungen symbolisieren das sanfte Ein- und Ausblenden der Animation zu Beginn und am Ende. Die Steigung der Linie gibt die Geschwindigkeit der Animation an: Je steiler die Steigung, desto schneller die Animation.

Da sowohl die rote als auch die grüne Linie oberhalb der Animation eine Steigung aufweisen, würde sich das Objekt diagonal über den Bildschirm bewegen (Translation entlang der X- und Y-Achse). Das Objekt startet aus dem Stillstand, beschleunigt dann langsam, nimmt in der Mitte an Geschwindigkeit zu und kommt schließlich wieder zum Stillstand.

Wenn Sie noch mehr Kontrolle über die Beschleunigung der Keyframes wünschen, sollten Sie die sogenannten Geschwindigkeitsdiagramme öffnen.

Geschwindigkeitsdiagramme zeigen, wie schnell sich Objekte bewegen, und ermöglichen noch präzisere Anpassungen der Beschleunigung.

Um auf die Geschwindigkeitsdiagramme zuzugreifen, klicken Sie auf die Menüschaltfläche am unteren Rand der Zeitleiste und wählen Sie „Geschwindigkeitsdiagramm bearbeiten“.

Nachfolgend sehen Sie ein Beispiel dafür, was Sie in Ihrem Geschwindigkeitsdiagramm sehen werden.

Dieser Bogen stellt die Animationsgeschwindigkeit Ihres Objekts zu jedem Zeitpunkt dar. Genau wie im Graph-Editor bedeutet eine steilere Kurve eine schnellere Bewegung, während eine flachere Kurve eine langsamere Bewegung anzeigt.

Im obigen Beispiel startet das Objekt mit der Geschwindigkeit Null, beschleunigt bis zum Erreichen seines Höchststandes in der Mitte und verlangsamt sich dann wieder bis zum Erreichen der Geschwindigkeit Null.

Die Geschwindigkeit lässt sich einfach anpassen, indem man die gelben Bézier-Griffe zieht und so die Steigungen, an denen sie befestigt sind, erhöht oder verringert.

Im folgenden Beispiel wurde die Kurve durch Ziehen der Bézier-Griffe verändert. Die Animation beginnt nun schnell und verlangsamt sich dann am Ende deutlich, bis sie vollständig zum Stillstand kommt.

Sie können die gelben Keyframes auch vertikal im Diagramm nach oben und unten verschieben. Dadurch ändern Sie die Start- und Endgeschwindigkeit der Animation.

Im folgenden Bild wurde der Startframe im Diagramm nach oben verschoben. 

Anstatt also mit der Geschwindigkeit Null zu Beginn der Animation zu starten, befindet sich das Objekt nun bereits in Bewegung, wenn die Animation beginnt.

Die Beherrschung von Keyframes und Graph-Editoren in After Effects bildet die Grundlage für alle Arten von Animationen. Sobald Sie diese Steuerelemente beherrschen, sind die Möglichkeiten für Ihre Animationen grenzenlos.