Faragiri

Motion-Design lernenMedienproduktion

Dieselben 360 px in denselben zwölf Bildern, zweimal aufgeteilt, sind das ganze Fach. Dazu: warum das deutsche Wort nicht in die Bauchbinde passt.

7Abschnitte
5Min. Lesezeit
2Tiefe

Dauer gegen Abstand

Wohin die 360 px gehen, Bild für Bild

Zwei Zeilen mit derselben Dauer und derselben Strecke. Der einzige Unterschied ist, wie die Strecke aufgeteilt wird, und er ist der Unterschied zwischen den beiden Bauchbinden.

Bewegte Pixel je Bild. Eine Fahrt über 360 px, zwölf Bilder, 25 Bilder in der Sekunde.

123456789101112
Linear404040404040404040404040
Beide Enden gerundet102639495660605649392610

Beide Zeilen ergeben 360 px. Welche der beiden richtig ist, sagt das Raster nicht: Ein Maschinenteil unter Antrieb liegt näher an der oberen Zeile, und es gerundet zu zeichnen wäre derselbe Fehler in die andere Richtung.

Zwei Bauchbinden fahren im Imagefilm der Tischlerei Wehrmann ins Bild, beide 360 px weit, beide in zwölf Bildern. Die eine liest sich als Gegenstand, die andere als ein Rechteck, das jemand zieht. Der Unterschied liegt nicht in der Strecke und nicht in der Dauer, denn beide sind gleich, sondern allein darin, wie die Strecke auf die zwölf Bilder verteilt ist.

Das ist das Fach, in einem Satz, und es ist auch der Grund, warum es sich so schlecht erklären lässt: Wer beide Fassungen nebeneinander sieht, erkennt den Unterschied sofort, und wer nur eine sieht, hält sie für alternativlos. Gerechnet wird hier alles an einem Film aus Verden an der Aller, 25 Bilder in der Sekunde, in dem Marlies Wehrmann eine Zarge ausrichtet.

Dieselben zwölf Bilder, zweimal

Zwölf Bilder bei 25 Bildern in der Sekunde sind 0,48 Sekunden, und in dieser knappen halben Sekunde liegen 360 px Weg. 30 px in jedem Bild ist die lineare Fassung: die Voreinstellung, die entsteht, wenn zwei Werte gesetzt und sonst nichts angefasst wird. Der Kasten fährt mit konstanter Geschwindigkeit los und bleibt aus voller Fahrt stehen, was in der Wirklichkeit kein Gegenstand tut.

Die zweite Fassung verteilt dieselben 360 px als 8, 19, 29, 37, 42, 45, und dann dieselben sechs rückwärts. Die ersten beiden Bilder tragen 27 px, die mittleren beiden 90 px, und dazwischen liegt alles, was den Kasten zu einem Ding mit Masse macht. Erfunden ist an diesen Zahlen nichts: Beide Bauchbinden legen 360 px zurück, und nur die Verteilung trennt sie.

Der Halt ist die Voreinstellung

Wer aus dem Grafikdesign oder aus einer Ausbildung zum Mediengestalter kommt, bringt in dieses Fach mehr mit, als er denkt. Raster, Schriftmischung, Kontrast und Weißraum sind bezahlt und liegen fertig da. Was fehlt, ist ausschließlich die vierte Dimension, und sie hat ihre eigene Ausrede.

Die Ausrede heißt weicher Übergang. Ein Klick, beide Enden gerundet, und die Bewegung sieht schon deutlich besser aus als linear, weshalb fast jeder genau hier stehen bleibt. Der Unterschied zwischen dieser Voreinstellung und einer Kurve, die von Hand im Diagramm gezogen wurde, ist der Unterschied zwischen einer Animation, die niemanden stört, und einer, die jemandem auffällt.

Ein Schritt

Die vier Posen, aus denen ein Gang wirklich besteht

Alles dazwischen ist Interpolation. Jede der vier ist eine Entscheidung, und weggelassen wird immer dieselbe.

zwölf Bilder

  • 01KontaktBild 1, beide Füße am Boden, das Gewicht kurz vor dem Wechsel
  • 02TiefpunktBild 4, der tiefste Stand, wo das Gewicht ankommt. Der weggelassene
  • 03DurchgangBild 7, das freie Bein zieht vorbei, der Körper steht waagerecht
  • 04HochpunktBild 10, der höchste Stand, hochgedrückt vom streckenden Bein
  1. 01KontaktBild 1, beide Füße am Boden, das Gewicht kurz vor dem Wechsel
  2. 02TiefpunktBild 4, der tiefste Stand, wo das Gewicht ankommt. Der weggelassene
  3. 03DurchgangBild 7, das freie Bein zieht vorbei, der Körper steht waagerecht
  4. 04HochpunktBild 10, der höchste Stand, hochgedrückt vom streckenden Bein

Der Zyklus ist das Mobiliar und nicht die Darstellung. Eine Figur kann alle vier Posen richtig treffen und trotzdem wie eine Schaufensterpuppe wirken, weil nichts in der Schleife sagt, wohin sie geht und warum.

Nichts hält gleichzeitig an

Ein Gegenstand hat Teile, und die Teile sind nicht einer Meinung. Der Kasten der Bauchbinde kommt zum Stehen, die Linie darunter läuft noch, die Schrift setzt zuletzt auf. In Bildern gerechnet setzt sich das zweite Element zwei bis drei Bilder vor dem Stillstand des ersten in Bewegung, und dieser winzige Versatz ist der Unterschied zwischen einer Grafik und einem Gegenstand.

Dasselbe gilt für die Figur, die durch den Erklärteil des Films läuft: Der Ärmel läuft drei Bilder weiter und kommt über zwei zurück. Er wird nicht animiert, weil ein Ärmel wichtig wäre, sondern weil ein Körper ohne Nachlauf aus einem Stück Blech zu sein scheint.

Ein Schritt sind vier Zeichnungen

Ein Gehzyklus besteht aus vier Entscheidungen, und alles dazwischen ist Interpolation: Kontakt, Tiefpunkt, Durchgang, Hochpunkt, und dann wieder Kontakt. Ein zügiger Schritt dauert zwölf Bilder, die Schlüsselbilder liegen auf 1, 4, 7 und 10, und der Tiefpunkt ist der, der weggelassen wird.

Er ist auch der einzige, an dem das Gewicht sichtbar wird. Ohne ihn schwebt die Figur, weil der Körper nie darauf antwortet, dass ein Fuß gerade den Boden getroffen hat. Ab etwa zwanzig Bildern liest sich derselbe Schritt als müde, und darunter, bei acht, als gehetzt; die Dauer ist die Figur, bevor irgendein Gesicht daran gezeichnet wird.

Das deutsche Wort passt nicht in die Box

Hier endet die Anleitung, die aus dem Englischen kommt, und zwar messbar. Die Bauchbinde im Film trägt in der zweiten Zeile das Wort Tischlermeisterin. Bei derselben Schriftgröße von 40 px gilt: CEO misst 88 px, Geschäftsführerin misst 356 px. Eine Box, die auf eine im Programm eingetippte Breite von 240 px fährt, schwimmt unter dem einen Wort und schneidet das andere ab.

Das ist kein Randfall, sondern die Regel in dieser Sprache. Berufsbezeichnungen, Abteilungsnamen und Ortsangaben werden hier zusammengeschrieben, und die Länge steht erst fest, wenn der Text im Feld steht. Eine Vorlage mit fester Breite ist deshalb im Deutschen keine Vorlage, sondern eine Zeitbombe mit einem Kunden am anderen Ende.

Die Lösung ist ein Ausdruck und keine Fleißarbeit: Die Box an sourceRectAtTime hängen, nicht an eine feste Breite. Der Ausdruck liest die tatsächlich gesetzte Textbreite aus der Textebene und gibt sie an die Form weiter, sodass dieselbe Vorlage Zarge, Tischlermeisterin und Betriebsleiter Instandhaltung ohne Nacharbeit trägt. Wer stattdessen jede Bauchbinde von Hand aufzieht, arbeitet für drei Namen eine Stunde und für dreißig einen Tag.

Die Reihenfolge des Lernens

Fünf Stufen, und die, auf der das laufende Stück steht

Jede Sprosse setzt die darunter voraus, und deshalb steht ein Stück mit sauberem Compositing und linearem Abstand mit teuren Schuhen auf der ersten.

  1. 05Es will etwasWo Animation aufhört, Physik zu sein, und anfängt, Darstellung zu sein
  2. 04Es hat GewichtDie Bilder vor der Bewegung, die ankündigen, was gleich passiert
  3. 03Seine Teile sind uneinsZwei bis drei Bilder Versatz, und ein Ärmel, der später ankommt
  4. 02Es fährt an und hält wie ein GegenstandAbstand, und das Kurvendiagramm statt der Voreinstellung
  5. 01Es bewegt sich überhauptEin Wert bei Bild eins und ein anderer bei Bild zwölf

Die Sprossen sind kein Lehrplan, und niemand steht dauerhaft auf einer. Ein Stück kann in denselben dreißig Sekunden für seine Titel auf der vierten Sprosse stehen und für seine Figur auf der ersten.

Auf welcher Sprosse es steht

Die Stufen in diesem Fach bauen aufeinander auf, und deshalb steht ein Stück mit sauberem Compositing und linearem Abstand mit teuren Schuhen auf der ersten Sprosse. Der Weg nach oben führt über die Animationsprinzipien, bevor irgendein Werkzeug daran etwas verbessert.

Von dort trennen sich zwei Richtungen. Die Bewegte Grafik arbeitet mit Formen, Schrift und Information und ist das, was in diesem Markt bezahlt wird; die Figurenanimation arbeitet mit Gewicht und Absicht und braucht länger, als jeder Zeitplan vorsieht. After Effects ist das Werkzeug unter beidem, und die Visuellen Effekte sind der Zweig, an dem die Arbeit in gedrehtes Material zurückkehrt.

Wo das gedrehte Material herkommt, steht in der Videoproduktion. Wo dieselben Bewegungsregeln auf eine Oberfläche treffen, die jemand antippt, steht im UI-Design, und was passiert, wenn die Figur nicht gezeichnet, sondern gebaut wird, in der 3D-Grafik.

Zwei kostenlos, eines im Abo

After Effects ist Stand 2026 der Standard und hat keinen kostenlosen Weg: es wird monatlich gemietet, und es gibt keine Fassung zum Kaufen. Es ersetzte einen Raum voller getrennter Programme für Titel, Compositing, Tracking und Ausgabe. In diesem Markt bezahlt es meistens der Betrieb, weshalb die Rechnung erst dann auffällt, wenn jemand sich selbstständig macht.

Fusion sitzt in DaVinci Resolve und kostet nichts. Es ersetzt genau die Notwendigkeit, für einen Titel über einer Einstellung ein Abo zu unterhalten, und es arbeitet mit Knoten statt mit Ebenen, was etwa zwei Wochen lang fremd bleibt und danach nicht mehr. Lottie ist ebenfalls kostenlos und trägt Vektorbewegung als Daten in eine Anwendung, statt als Video mit geratenem Hintergrund; Stand 2026 ist das der Weg, auf dem eine Animation aus diesem Fach in einer Oberfläche landet, ohne dort als Fremdkörper zu liegen.

Bleibt die Frage, die dieser Film aufwirft und nicht beantwortet: Warum dieselbe Bauchbinde, korrekt beschleunigt und korrekt versetzt, in einem Film richtig sitzt und im nächsten aufdringlich wirkt. Das entscheidet nicht die Kurve, sondern die Länge der Einstellung, in der sie liegt, und das steht beim Schnittrhythmus.

Daneben

Darüber