Graph Editor / Kurveeditor (After Effects) – Bewegungskurven für Animation

Der Graph Editor (dt. Kurveeditor) ist das zentrale Werkzeug in After Effects zur präzisen Steuerung von Animationsbeschleunigung und Timing – er stellt Keyframe-Interpolation als editierbare Bézierkurven dar.

Rubrik: Software & Tools · Unterrubrik: Adobe After Effects · Niveau: Fortgeschritten Synonyme / Auch bekannt als: Kurveeditor, Geschwindigkeitskurve, Ease-Kurve; Shortcut: Shift + F3 (Toggle Graph Editor) oder Schaltfläche im Timeline-Panel

Was ist der Graph Editor?

Der Graph Editor ist die fortgeschrittene Ansicht des Timeline-Panels in After Effects. Während die Standard-Keyframe-Ansicht (Layer Bar Mode) Keyframes als Diamanten oder Kreise anzeigt, visualisiert der Graph Editor den genauen Werte- oder Geschwindigkeitsverlauf zwischen ihnen als Kurve. Motion Designer nutzen ihn, um die „Persönlichkeit" einer Animation zu formen: Ein Ball, der realistisch aufprallt, braucht eine Beschleunigungskurve, die kein Easy-Ease-Preset allein erzeugen kann. Der Graph Editor ist das Werkzeug, das den Unterschied zwischen amateurhafter und professioneller Animation ausmacht.

Erklärung

Graph Editor öffnen

• Shift + F3 in der Timeline
• Oder: Auf das Graph-Editor-Symbol (Kurven-Icon) in der oberen linken Ecke des Timeline-Panels klicken

Zwei Kurventypen

#### 1. Value Graph (Wertekurve)

Zeigt den tatsächlichen Eigenschaftswert (z. B. Position in Pixeln, Rotation in Grad) auf der Y-Achse gegen die Zeit auf der X-Achse. Ideal für Eigenschaften wie Rotation, Deckkraft oder Skalierung – überall dort, wo der absolute Wert direkt relevant ist.

• Steile Kurve = schnelle Wertveränderung
• Flache Kurve = langsame Wertveränderung / Stillstand
• S-Kurve = Ein- und Ausfedern (Easy Ease)

#### 2. Speed Graph (Geschwindigkeitskurve)

Zeigt die Änderungsrate (Geschwindigkeit) des Wertes an. Standardansicht für Positions-Eigenschaften. Ideal für Bewegungspfad-Analysen.

• Berg = Beschleunigung und anschließende Verlangsamung
• Flache Linie = konstante Geschwindigkeit
• Spitze nach oben = maximale Geschwindigkeit an diesem Punkt

Umschalten zwischen Value und Speed Graph: Rechtsklick im Graph Editor > „Value Graph anzeigen" oder „Geschwindigkeitsgraph anzeigen"

Beziergriffe anpassen

Keyframes im Graph Editor zeigen Beziergriffe (Tangenten):

• Einseitige Griffe: Beeinflussen nur Ein- oder Ausgang
• Verbundene Griffe: Gleichmäßige Kurve auf beiden Seiten
• Griff ziehen: Klicken + Ziehen der runden Tangenten-Punkte
• Griff entkoppeln: Alt + Ziehen trennt Ein- und Ausgang-Tangente

Keyframe-Interpolationstypen (relevant im Graph Editor)

Profi-Workflow: roving Keyframes

Bei einer Ballbewegung über mehrere Keyframes kann das Timing ungleichmäßig wirken. Roving Keyframes (schwebende Keyframes) lösen das: Sie bewegen sich zeitlich automatisch so, dass die Geschwindigkeit konstant bleibt.

Aktivieren: Keyframe(s) auswählen > Rechtsklick > Roving aktivieren

Mehrere Eigenschaften gleichzeitig

Im Graph Editor können mehrere Eigenschaften gleichzeitig angezeigt werden. Jede Eigenschaft erhält eine eigene Farbe. Durch Klick auf den Property-Namen in der Timeline wird die jeweilige Kurve hervorgehoben.

Beispiele

1. Realistischer Ball-Abprall: Positions-Y-Kurve mit scharfer Spitze am Aufprall-Punkt (V-Form im Speed Graph) – gibt dem Ball Gewicht
2. Smooth UI-Transition: S-Kurve auf der Scale-Eigenschaft eines Buttons – sanftes Ein- und Ausfedern
3. Filmische Kamerabewegung: Speed Graph der Kamera-Position: langsam starten, beschleunigen, sanft abbremsen
4. Typewriter-Effekt: Hold-Keyframes auf einem Text-Maskenpfad – buchstabenweise Enthüllung ohne Übergang
5. Overshoot / Bounce: Über den Zielwert hinausgehen und zurückfedern – durch manuelles Ziehen der Beziergriffe über die Ziellinie hinaus

In der Praxis

Shortcut-Übersicht Graph Editor:

Best Practice: Niemals Easy Ease ohne anschließende Graph-Editor-Korrektur verwenden. Die Standard-Easy-Ease-Kurve ist oft zu gleichmäßig. Professionelle Motion Designer passen die Tangenten so an, dass 80–90 % der Bewegung am Ende der Kurve stattfindet (sogenannte „Heavy Ease Out"-Kurve).

Fallstrick: Im Speed Graph können Werte nicht unter 0 fallen (keine negative Geschwindigkeit). Für rückwärtslaufende Animationen den Value Graph verwenden.

Vergleich & Abgrenzung

Häufige Fragen (FAQ)

Warum sehe ich im Graph Editor nur eine gerade Linie, obwohl Easy Ease gesetzt ist? Wahrscheinlich ist der Speed Graph aktiv und es sind nur zwei Keyframes vorhanden. Bei Easy Ease mit zwei Keyframes zeigt der Speed Graph eine Glockenkurve. Falls die Kurve trotzdem gerade ist, prüfen ob die Keyframes tatsächlich Easy Ease-Interpolation haben (rechte Maustaste > Keyframe-Assistenten > Easy Ease).

Kann ich Graph-Editor-Kurven zwischen Projekten kopieren? Nicht direkt. Aber Animation Presets (Menü: Animation > Animation Preset speichern) speichern Keyframes inklusive ihrer Kurvenform und können in anderen Projekten angewendet werden. Alternativ können Expressions wie easeIn() und easeOut() ähnliche Kurvenverhalten mathematisch reproduzieren.

Verwandte Einträge

• Easy Ease F9
• loopOut Expression
• Pre-Komposition

Weiterführend

• Adobe After Effects Benutzerhandbuch – helpx.adobe.com/de/after-effects
• School of Motion: „The Graph Editor in After Effects" – schoolofmotion.com
• Mattock, D.: Creating Motion Graphics with After Effects. Focal Press, 2010