Keyframe-Animation: Definition, Methoden und Grundlagen.

Was sind Keyframes?

Der Begriff Keyframe, auch Schlüsselbild genannt, kommt aus der Animationstechnik und umfasst unterschiedliche Bereiche in der digitalen Videoproduktion und Datenkompression. In der Animation definiert ein Keyframe ein einzelnes Bild, das den Start- bzw. Endpunkt einer Bewegung markiert. Es dient somit als Vorlage für die dazwischenliegenden Bilder, die so genannten "Inbetweens“. Während in der klassischen Animation noch eine Reihe von meist gezeichneten Einzelbildern zwischen den Keyframes nötig waren, um die Illusion von Bewegung zu erzeugen, erstellen Software-Programme wie Adobe After Effects diese Zwischenbilder inzwischen automatisiert. Diesen Prozess, bei dem Datenlücken zwischen zwei Keyframes gefüllt werden, nennt man auch Interpolation oder Tweening.

In der Videokompression definieren Keyframes (in diesem Bereich auch Intraframes genannt) Einzelbilder, die im Gegensatz zu umliegenden Bildern vollständig kodiert sind. Folgebilder enthalten dabei nicht mehr die gesamte Datenmenge, sondern nur noch die Veränderungen. Keyframes bilden in diesem Fall die Eckpunkte für die Kompression von Datenmengen und machen damit schnelles Streaming für Online-Plattformen wie Netflix oder Disney+ erst möglich.

Einsatzgebiete von Keyframes.

Egal, ob es sich um eine klassische Animation mit gezeichneten Einzelbildern oder digitale Computeranimation mit einer Software handelt – Keyframes sind nicht nur bei der Animation, sondern auch bei Effekten wie Motion Graphics oder der Kompression großer Datenmengen im Bewegtbild unverzichtbar. Wir wollen hier etwas näher auf die verschiedenen Keyframe-Arten eingehen:

Keyframes in der klassischen Animation.

In den frühen Tagen der Animationstechnik musste jeder einzelne Frame von Hand gezeichnet werden. Um in Zeichentrickfilmen eine Illusion von Bewegung zu erzeugen, waren mehrere Zeichnungen als Einzelbilder aneinandergereiht nötig. Um eine Figur in Aktion treten zu lassen, mussten Zeichner*innen Bild für Bild im Detail ausarbeiten. Eine Prozedur, die sehr viel Aufwand und hohe Kosten bedeutete.

Um diesen Prozess effizienter zu gestalten, hat man die Rolle des Hauptzeichners geschaffen. Dieser war ausschließlich für die wichtigsten Bilder – Keyframes – verantwortlich und gab für eine Bewegung das erste sowie das letzte Bild einer Einstellung vor. Zwischen den einzelnen Keyframes kamen andere Zeichner*innen (Zwischenzeichner oder Inbetweener) zum Einsatz, die so viele Bilder zeichneten, bis ein flüssiges Bild entstand. Damit ein Film realistisch und die Übergänge der Keyframes zu den Inbetweens fließend ist, benötigt ein Keyframe Artist viel Erfahrung und nimmt eine Schlüsselrolle in der Produktion von Animationsfilmen ein.

Grundlagen der Schlüsselbildanimation.

Du weißt nun, was es mit dem Begriff des Keyframings auf sich hat und wo Keyframes eingesetzt werden. Doch bevor wir näher auf die Anwendung von Keyframes in Animationsprogrammen wie After Effects, Animate oder Adobe Character Animator eingehen, wollen wir einige Begriffe erklären, die beim Keyframing eine Rolle spielen. Inzwischen wissen wir: Um beispielsweise einen hüpfenden Ball zu animieren, benötigt es jeweils einen Keyframe, der den Start- und einen weiteren Keyframe, der den Endpunkt markiert.

Bei der digitalen Animation "füllt“ die Animationssoftware die Datenlücke zwischen den beiden definierten Keyframes automatisch. Diese Lücke bezeichnet man auch als Interpolation. In After Effects oder Animate kannst du zwischen verschiedenen Interpolationsmethoden wählen, mit denen du bestimmen kannst, wie eine Bewegung ausgeführt wird. Im Folgenden wollen wir etwas näher auf die verschiedenen Methoden eingehen:

• Lineare Interpolation: Bei dieser Interpolationsmethode wird ein gleichmäßiger Änderungsgrad zwischen den Keyframes erreicht. Wird der letzte Keyframe erreicht, endet der Bewegungsablauf abrupt. Dadurch erhält die Animation eher ein mechanisches Aussehen.
• Unterdrückte Interpolation: Diese Methode setzt am nächsten Keyframe abrupt ein und wird gerne für Stroboskoplichteffekte eingesetzt oder wenn Ebenen plötzlich erscheinen oder verschwinden sollen.
• Bézier Interpolation: Diese Änderung basiert auf einer Bewegungskurve, die du manuell anpassen kannst, sie bietet daher die präziseste Steuerungsmöglichkeit.

Mit welchen Programmen kann ich Keyframing anwenden?

Neugierig geworden? Egal, ob du dich an Animationseffekten, Motion Graphics oder der Gestaltung einer 2D-Figur versuchen möchtest – je nachdem, was genau du vorhast, stehen dir mit After Effects, Animate und Character Animator verschiedene Optionen zu Verfügung, in denen du Animationen mithilfe von Keyframes erstellen kannst.

Keyframes in After Effects erstellen.

Während Programme wie Animate oder Character Animator ausschließlich für Animationen gedacht sind, kannst du mit After Effects Kompositionen aus animierten Elementen und realen Videoclips erstellen. Im Folgenden zeigen wir dir in einer Schritt-für-Schritt-Anleitung, wie du in After Effects eine Grafik mit Keyframes versiehst:

1. Wähle die Ebene aus, die du animieren willst. Klicke auf den Pfeil neben "Transformieren“, um die Parameter für diese Ebene einzublenden.
2. Wähle den gewünschten Parameter, der festlegt wie die Ebene transformiert wird.
3. Verschiebe den Abspielknopf (die blaue Marke, die deine Position auf der Zeitleiste angibt) an die Stelle, an der du einen Keyframe setzen möchtest. Platziere die Grafik an der gewünschten Anfangsposition bzw. lege den Anfangswert des Parameters fest.
4. Klicke auf die Stoppuhr neben dem Parameter, um den ersten Keyframe zu setzen.
5. Verschiebe den Abspielkopf auf der Zeitleiste an die Stelle, an der die Aktion beendet werden soll. Platziere deine Grafik dann an der gewünschten Endposition bzw. lege den Endwert des Parameters fest. Der Keyframe wird automatisch gesetzt.
6. Um die Interpolationsmethode zu ändern, mache einen Rechtsklick bzw. Ctrl-Klick auf einen Keyframe, klicke auf "Keyframe-Assistenten“, und wähle die gewünschte Methode.
7. Um einen Keyframe zu kopieren – zum Beispiel, wenn du Zwischen-Frames hinzufügen willst, die die Aktion aus einem früheren Frame nachahmen sollen –, wähle den Keyframe mit dem Lasso-Werkzeug aus. Kopiere ihn und füge den duplizierten Keyframe an der gewünschten Stelle auf der Zeitleiste ein.

Keyframes in Character Animator.

Möchtest du eine Figur zum Leben erwecken, ist Character Animator das richtige Programm für dich. Character Animator nutzt dafür Technologie für Bewegungs-Tracking. Du kannst mit einer Computerkamera deine Bewegungen und deine Mimik erfassen und auf eine 2D-Figur übertragen. Wenn du möchtest, kannst du deinem Bewegungs-Tracking Keyframes hinzufügen, um die Bewegungen zu verfeinern oder bestimmte Bewegungen zu erzielen, die sich mit dem Bewegungs-Tracking nur schwer realisieren lassen. Alles, was du über die Anwendung, Einrichtung und Verschiebung von Keyframes in Character Animator wissen musst, zeigen wir dir in unserem Hilfebereich.