Slow In and Slow Out

Slow In and Slow Out beschreibt die natürliche Eigenschaft von Bewegungen, langsam zu beginnen, in der Mitte ihr Maximum zu erreichen und am Ende wieder abzubremsen — wie es die Physik für alle realen Objekte vorschreibt.

Rubrik: Animation & VFX · Unterrubrik: Animationsprinzipien · Niveau: Einsteiger Synonyme / Auch bekannt als: Ease In / Ease Out, Beschleunigungskurve, Cushioning, Ein- und Ausbremsen

Was ist Slow In and Slow Out?

Dieses sechste Animationsprinzip basiert auf einem einfachen physikalischen Fakt: Kein Objekt in der Natur bewegt sich mit konstanter Geschwindigkeit von einem Punkt zum anderen. Jede Bewegung beginnt mit Beschleunigung (Slow Out — langsam heraus aus der Startposition) und endet mit Abbremsung (Slow In — langsam hinein in die Endposition).

Das Prinzip wurde von Frank Thomas und Ollie Johnston in The Illusion of Life (1981) beschrieben und von John Lasseter in seiner bahnbrechenden SIGGRAPH-Publikation (1987) als eines der wichtigsten Prinzipien bei der Übertragung auf 3D-Computeranimation hervorgehoben — weil frühe 3D-Software standardmäßig lineare Interpolation verwendete und damit steril und maschinenhaft wirkte.

In der Computeranimation wird Slow In/Slow Out durch die Form der Interpolationskurven im Graph Editor gesteuert. Eine S-förmige Bézierkurve erzeugt das klassische Ease In/Out-Verhalten.

Erklärung

Das physikalische Grundprinzip

In der Physik gilt: Kraft = Masse × Beschleunigung. Um ein Objekt in Bewegung zu setzen, muss Kraft angewendet werden. Um es zu stoppen, muss Kraft in Gegenrichtung angewendet werden. Diese Kraftanwendung braucht Zeit — daher beginnt und endet jede reale Bewegung langsam.

Zeichentechnische Umsetzung (traditionell)

In der traditionellen Animation wird Slow In/Slow Out durch die Dichte der Zwischenbilder (Inbetweens) gesteuert:

• Viele Inbetweens nahe der Startposition = langsamer Start (Slow Out)
• Wenige Inbetweens in der Mitte = maximale Geschwindigkeit
• Viele Inbetweens nahe der Endposition = langsames Abbremsen (Slow In)

Wenn 12 Frames für eine Bewegung von A nach B verwendet werden und alle gleichmäßig verteilt sind, wirkt die Bewegung maschinell. Wenn die ersten und letzten 3 Frames eng beieinander liegen und die mittleren 6 weit auseinander, entsteht der natürliche Beschleunigungseffekt.

Variationen

Ease In only (Slow In): Objekt bewegt sich schnell los, bremst sanft ab. Typisch für Objekte, die "landen" oder stoppen.

Ease Out only (Slow Out): Objekt startet langsam, beschleunigt bis zum Ende. Typisch für Würfe oder explosive Starts.

Full Ease (Ease In + Out): Standard für die meisten organischen Bewegungen. S-Kurve im Graph Editor.

Ease ohne Ease (Linear): Roboter, mechanische Objekte, Maschinen. Wirkt absichtlich maschinell.

Beispiele

1. Sleeping Beauty (Disney, 1959): Auroras fließende Tanzbewegungen sind ein Paradebeispiel für meisterhaftes Slow In/Out. Jede Armbewegung beginnt und endet sanft, während die Mitte der Bewegung schwungvoll und schnell ist. Das Ergebnis ist eine außergewöhnliche Eleganz, die perfekt zum Charakter passt.
2. WALL-E (Pixar, 2008): Wall-Es ruckartige, robotische Bewegungen sind bewusst mit wenig oder keinem Ease In/Out animiert — die fehlende Beschleunigungskurve kommuniziert seine mechanische Natur. Im Kontrast dazu haben seine emotionalen Gesten starkes Ease, was seinen menschlichen Kern unterstreicht.
3. Finding Nemo (Pixar, 2003): Die Schwimmbewegungen der Fische nutzen präzises Slow In/Out, das an die tatsächliche Wasserphysik angepasst ist. Wasser bietet Widerstand, daher ist das Abbremsen stärker als das Anfahren.
4. Howl's Moving Castle (Studio Ghibli, Miyazaki, 2004): Sophie's Gang ist ein Beispiel für differenzielles Slow In/Out: Wenn sie sich jung bewegt, ist der Ease kurz und dynamisch; wenn sie als alte Frau geht, ist der Ease lang und schwerfällig. Das Prinzip kommuniziert direktes Alter und Energie.
5. Spider-Man: Into the Spider-Verse (Sony, 2018): Im Gegensatz dazu ist dieser Film als Stilmittel bewusst mit wenig Ease und teils nur auf 2s (jedes Bild zweimal) animiert, was dem Film seinen comicartigen, impulsiven Look verleiht. Das absichtliche Brechen des Prinzips ist selbst ein künstlerisches Mittel.

In der Praxis

Blender (Graph Editor):

• Wähle im Graph Editor alle Keyframes aus (A) und drücke T für Interpolation-Menü.
• Bezier erzeugt automatisch eine glatte S-Kurve mit Ease In/Out.
• Ease-Interpolation ist eine stärkere Version davon.
• Für manuelles Feintuning: Die Tangenten-Handles der Bezier-Kurve ziehen. Längere Handles = mehr Ease.
• Shortcut: Alle Keys auswählen → V → "Ease" für automatisches Ease In/Out.
• F-Curve Modifier → "Smooth" kann über eine gesamte Kurve gleichmäßiges Ease anwenden.

After Effects:

• Easy Ease (F9): Fügt Standard-Ease-In-Out auf ausgewählte Keyframes an.
• Easy Ease In (Shift+F9): Ease nur am eingehenden Handle.
• Easy Ease Out (Ctrl+Shift+F9): Ease nur am ausgehenden Handle.
• Im Graph Editor von AE: Die Speed Graph (Geschwindigkeitskurve) zeigt Slow In/Out als Berg-Form. Eine perfekte S-Kurve in der Value Graph entspricht dem.
• Tipp: Wähle den Keyframe im Graph Editor und ziehe den Handle manuell — für individuelle Ease-Kurven.
• Plugin Flow by Motion Array erlaubt das visuelle Design von Ease-Kurven als Preset-System.

ToonBoom Harmony:

• Im Function Editor (vergleichbar mit AE's Graph Editor): Bezier-Handles der Keyframes manuell anpassen.
• Velocity Editor: Zeigt die Geschwindigkeit als Kurve — bei Slow In/Out entsteht eine Berg-Form.

Vergleich & Abgrenzung

Slow In/Out vs. Timing: Timing bestimmt wann und wie lange eine Bewegung dauert. Slow In/Out bestimmt, wie sich die Geschwindigkeit innerhalb dieser Bewegung verteilt.

Slow In/Out vs. Squash and Stretch: Squash & Stretch beschreibt die Formveränderung bei Beschleunigung. Slow In/Out beschreibt die Geschwindigkeitsverteilung. Beide arbeiten zusammen: Ein Ball, der beschleunigt (Slow Out), streckt sich gleichzeitig.

Ease In/Out (UI-Animation) vs. Animationsprinzip: Im Motion Design und UI gibt es ähnliche Konzepte wie Ease In/Out, Spring, Bounce — diese sind aus dem Animationsprinzip abgeleitet und folgen denselben Grundregeln.

Häufige Fragen (FAQ)

Soll ich immer Ease In und Ease Out verwenden? Nicht unbedingt. Mechanische Bewegungen (Roboter, Maschinen) können bewusst lineares Timing verwenden. Explosive Bewegungen (Schuss, Explosion) können mit hartem Start und sanftem Ausklang arbeiten. Slow In/Out ist die Standardregel für organische, natürliche Bewegungen — Abweichungen sind erlaubt, wenn sie erzählerisch begründet sind.

Wie stark soll das Ease sein? Das hängt vom Gewicht und Charakter des Objekts ab. Leichte, schnelle Objekte haben kurze, dezente Ease-Phasen. Schwere, langsame Objekte haben lange, ausgeprägte Ease-Phasen. Ein guter Test: Schau dir die Geschwindigkeitskurve an — ein "breiter Berg" ist träge und schwer, ein "spitzer Berg" ist leicht und schnell.

Verwandte Einträge

• Timing — Grundlegende Kontrolle über Bewegungsgeschwindigkeit
• Arcs — Bogenbewegungen als natürliche Ergänzung zu Ease In/Out
• Squash and Stretch — Formveränderung als Ergänzung zur Geschwindigkeitsveränderung

Weiterführend

• Johnston, O. & Thomas, F. (1981). The Illusion of Life: Disney Animation. Hyperion.
• Williams, R. (2001). The Animator's Survival Kit. Faber & Faber.
• Lasseter, J. (1987). Principles of Traditional Animation Applied to 3D Computer Animation. ACM SIGGRAPH Computer Graphics, 21(4), 35–44. (Besonders relevant für das Ease-Problem in früher 3D-Animation)
• Harrington, R. (2009). Motion Graphics with Adobe CS4 Studio Techniques. Adobe Press.