Keyframe-Interpolation in After Effects beschreibt die Methode, mit der die Software Zwischenwerte zwischen gesetzten Schlüsselbildern (Keyframes) berechnet und damit das Bewegungsverhalten von Animationen maßgeblich beeinflusst.
Rubrik: Software & Tools Deep-Dive · Unterrubrik: After Effects · Niveau: Einsteiger Synonyme / Auch bekannt als: Interpolationsmethoden, Keyframe-Typ, Tweening
Was ist Keyframe-Interpolation?
Jede Animation in After Effects besteht aus mindestens zwei Keyframes, zwischen denen After Effects Zwischenwerte berechnet. Dieser Berechnungsprozess heißt Interpolation. Je nach gewähltem Interpolationstyp bewegt sich ein Objekt gleichförmig, beschleunigt, verzögert oder springt abrupt von Wert zu Wert. Die Wahl der richtigen Interpolationsmethode ist entscheidend für das Feeling einer Animation.
Erklärung
After Effects unterscheidet zwischen temporaler (zeitlicher) und räumlicher (örtlicher) Interpolation. Temporale Interpolation bestimmt, wie schnell sich ein Wert verändert; räumliche Interpolation bestimmt, auf welchem Pfad sich ein Objekt im Raum bewegt.
Lineare Interpolation (Linear): Der Standard-Keyframe-Typ. Werte ändern sich gleichmäßig zwischen zwei Keyframes. Animationen wirken dadurch mechanisch und un-organisch, da es keine Ein- oder Auslaufphase gibt. In der Timeline erkennbar an rautenförmigen Keyframe-Symbolen.
Bezier-Interpolation: Der flexibelste Typ. Mit steuerbaren Griffpunkten (Handles) lässt sich die Beschleunigungskurve exakt anpassen. Der Graph Editor zeigt die Velocity-Curve, die man frei manipulieren kann. Bezier-Keyframes ermöglichen organische, natürliche Bewegungen mit individueller Ein- und Auslaufphase.
Auto Bezier: After Effects setzt die Bezier-Handles automatisch so, dass ein gleichmäßiger Übergang entsteht. Gut für schnelle Ergebnisse, aber weniger präzise als manuelles Bezier.
Continuous Bezier: Ähnlich Auto Bezier, aber der Nutzer kann einen Handle manuell anpassen, während der gegenüberliegende Handle automatisch gespiegelt bleibt.
Easy Ease (F9): Der populärste Keyframe-Typ im Motion Design. Kombiniert sanftes Einlaufen und Auslaufen (Ease In + Ease Out) in einem Schritt. Erzeugt natürliche, angenehme Bewegungen, die an physikalische Realität erinnern. Easy Ease In (Shift+F9) bremst nur am Ende, Easy Ease Out (Strg+Shift+F9) nur am Anfang.
Hold-Keyframe: Kein Übergang – der Wert springt abrupt beim nächsten Keyframe. Nützlich für On/Off-Animationen, Flicker-Effekte oder Stop-Motion-Looks.
Die räumliche Interpolation beeinflusst die Bewegungsbahn (Motion Path) im Kompositions-Panel. Standardmäßig setzt After Effects Auto Bezier für räumliche Pfade, was zu geschwungenen statt geraden Bewegungspfaden führt – das kann zu unerwünschten Bögen führen und sollte bewusst gewählt werden.
Beispiele
- Logo-Animation: Easy Ease für das Einfahren eines Logos – natürliches Abbremsen am Zielpunkt vermittelt Wertigkeit.
- Kinetic Typography: Hold-Keyframes für schnelle Textwechsel im Stop-Motion-Stil, kombiniert mit kurzen Linear-Tweens für Vibrations-Effekte.
- Bounce-Effekt: Manuelle Bezier-Kurven im Graph Editor simulieren einen Ball, der aufprallt und abprallt – steigende Velocity vor dem Aufprall, abklingende danach.
- UI-Animation: Auto Bezier für subtile Hover-Animationen in App-Demos und Screencast-Erklärvideos.
- Kamerafahrt: Räumliche Bezier-Interpolation auf einem Null Object steuert eine weiche, kurvige Kamerabewegung durch eine 3D-Szene.
In der Praxis
Keyframe-Typ ändern:
- Keyframe in der Timeline markieren
- Rechtsklick → Keyframe Interpolation für detaillierte Einstellungen
- Oder: Rechtsklick → Keyframe Assistant → Easy Ease (F9) für schnellen Zugriff
Räumliche Interpolation ändern:
- Keyframe in Timeline markieren
- Rechtsklick → Keyframe Interpolation → Spatial Interpolation
- „Linear" wählen, um gerade Bewegungspfade zu erzwingen
Shortcut-Übersicht:
- F9: Easy Ease
- Shift+F9: Easy Ease In
- Strg+Shift+F9: Easy Ease Out
- Strg+Alt+K: Keyframe Interpolation Dialog
Vergleich & Abgrenzung
Adobe Animate und Cinema 4D verwenden ebenfalls Bezier-basierte Keyframe-Systeme, allerdings mit anderen Interface-Konventionen. In Cinema 4D wird die F-Curve direkt im Dope Sheet bearbeitet. After Effects trennt zwischen Timeline-Ansicht und Graph Editor klarer. Apple Motion bietet weniger Kontrolle über Interpolationskurven und ist damit für professionelle Motion-Design-Animatoren weniger präzise.
Häufige Fragen (FAQ)
Warum bewegt sich mein Objekt auf einem Bogen, obwohl ich eine gerade Linie animiert habe? Das liegt an der räumlichen Auto-Bezier-Interpolation, die After Effects standardmäßig für Positions-Keyframes verwendet. Lösung: Keyframes markieren, Rechtsklick → Keyframe Interpolation → Spatial Interpolation → Linear setzen. Alternativ im Kompositions-Panel den Bewegungspfad direkt begradigen.
Was ist der Unterschied zwischen Easy Ease und manuellem Bezier? Easy Ease setzt symmetrische Beschleunigungskurven automatisch, was für die meisten Animationen gut genug ist. Manuelles Bezier im Graph Editor erlaubt asymmetrische Kurven – zum Beispiel sehr schnell einlaufen, sehr langsam ausbremsen – und ist für präzises Animationsdesign unverzichtbar.
Verwandte Einträge
Weiterführend
- Hasson, J. (2020): Motion Design with Adobe After Effects. Routledge.
- Adobe After Effects Hilfe – helpx.adobe.com/after-effects
- School of Motion – „The Art of Easing" Tutorial Series
