73 Arten, wie eine Szene ins Bild kommt
· 4 Min. Lesezeit
Am Morgen des 4. Juli haben wir einen Animationskatalog für unsere Filme veröffentlicht, mit Live-Vorschauen und Dutzenden Einstiegen, Enthüllungen und Handlungsaufrufen. Er wirkte reichhaltig. Wer aber ein paar hintereinander ansah, merkte: Jeder Einstieg kam auf dieselbe Weise, nur die Wörter waren andere. Am Abend hatte jede Animation ihre eigene Bewegung.
Ein Katalog, reicher im Schein als im Sein
Der Katalog selbst war ein echter Schritt. Jede Animation lief live in der echten Video-Engine, nicht in einem Mock-up, auf einer öffentlichen Animationsseite und in der neuen Bibliothek Animation hinzufügen im Editor, wo ein Klick eine fertige Szene in deinen Film setzt.
Darunter beruhten die siebzig Vorlagen allerdings auf rund neun Szenentypen: eine Aussage, Aufzählungspunkte, eine große Zahl, ein Zähler, ein Vergleich, ein Diagramm, ein Zitat, ein Bild und eine Galerie. Jede Vorlage hatte eigenen Beispieltext und eine eigene Stimmung, aber ein Einstieg war eine Aussage, und eine Aussage kam immer gleich ins Bild. Wer die Seite durchscrollte oder einen Film ansah, sah denselben Auftritt wieder und wieder.
Was eine Szene sagt und wie sie auftritt
Die Lösung war, zwei Dinge zu trennen, die wir als eines behandelt hatten: was eine Szene zeigt und wie sie hereinkommt. Das Wie wurde eine eigene Ebene, eine Bewegung, die sich auf jede passende Szene anwenden lässt.
Jede Bewegung ist eine reine Funktion der Bildnummer. Gib ihr Bild 12, und sie liefert immer dieselbe Position, Größe, Deckkraft und Unschärfe. Diese eine Entscheidung zahlt sich aus: Die Vorschau in deinem Browser und der Render auf unserem Server erzeugen genau dasselbe Bild, also bekommst du im MP4, was du im Editor ausgewählt hast.
Die erste Version brachte 23 Bewegungen in zwei Familien, und nur Szenen, die eine Bewegung anforderten, nutzten sie. Jede Szene ohne Bewegung wurde genau wie vorher gerendert, kein laufender Film änderte sich überraschend.
Von dreiundzwanzig auf dreiundsiebzig
Später am selben Tag brachten fünfzig weitere Bewegungen die Bibliothek auf 73, fast gleichmäßig auf beide Familien verteilt:
- Textbewegungen animieren eine Überschrift Wort für Wort: aufsteigen, aufploppen, Schreibmaschine, Kaskade, Unschärfe, Drehen, Welle, Glitch, Stempel, Zersplittern, Gummiband, Hereinrollen und mehr.
- Blockbewegungen animieren eine ganze Szene: Wischblenden, eine Irisblende, horizontale und vertikale Teilungen, ein Vorhang, eine umklappende Karte, eine Feder, ein Gleiten, eine Perspektivneigung und mehr.
Jede der siebzig Vorlagen im Katalog trägt jetzt eine eigene Bewegung, und die Seite liest sich wie siebzig echte Animationen statt siebzig Bildunterschriften. Vor dem Release haben wir zwölf der neuen Bewegungen auf dem Server gerendert und geprüft, dass sie zwölf verschiedene Bilder ergeben, ohne einen einzigen Absturz.
Jede Animation muss zur Ruhe kommen
Ein Auftritt ist nur die Hälfte einer Animation. Die andere Hälfte ist, wo sie landet, denn dieses ruhende Bild liest das Publikum, während die Stimme spricht. Beim Durchgehen der Bibliothek Bild für Bild fiel uns auf, dass die Irisblende in einem Kreis stehen blieb, der die Ecken des Bildes während der ganzen Szene abschnitt.
Wir haben die Iris so korrigiert, dass sie sich vollständig öffnet, und dann dafür gesorgt, dass keine Bewegung diesen Fehler wiederholen kann. Eine automatische Prüfung spielt jetzt jede Bewegung bis zu ihrem Standbild ab und verlangt einen sauberen Abschluss:
- volle Deckkraft
- keine Restunschärfe
- der Ausschnitt vollständig geöffnet
- Position, Größe und Drehung wieder im Ausgangszustand
Die langsame Drift auf Standbildern ist die einzige bewusste Ausnahme, denn Driften ist ihre Aufgabe. Alle 73 Bewegungen bestehen, und eine neue Bewegung, die nie zur Ruhe kommt, kann nicht veröffentlicht werden.
Die KI wählt, der Code garantiert
Eine Bibliothek zählt nur, wenn Filme sie nutzen. Jede Bewegung trägt jetzt eine Energie, von ruhig und elegant bis kräftig, verspielt, dramatisch oder technisch, dazu eine einzeilige Beschreibung. Der Planer, das Modell, das jedes Storyboard schreibt, bekommt die ganze Palette nach Energie gruppiert und wählt für jede Szene eine Bewegung, die zu ihrem Moment passt.
Dann haben wir den Planer an einer realistischen Produktseite getestet und seine Wahl bewertet. Wenn er wählte, wählte er gut, aber nicht jedes Mal: Manchmal ließ er den Einstieg ganz ohne Bewegung. Deshalb garantiert der Code jetzt eine Untergrenze. Hat eine Szene keine Bewegung, bekommt ein Problem-Einstieg eine aus einer kräftigen Auswahl, ein Happy End eine triumphale und jede andere Szene eine aus einer geschmackvollen, abwechslungsreichen Auswahl. Im Test bekam jede Szene eine eigene, zur Stimmung passende Bewegung, und keine zwei Nachbarn glichen sich.
Was sich in einem Film ändert
Ein Film hat jetzt Rhythmus. Der Einstieg kann kräftig hereinfallen, ein Zitat ruhig einblenden, eine große Zahl mit Gewicht landen, und zwei aufeinanderfolgende Szenen bewegen sich nie gleich. Jede Szene kommt auf einem sauberen Bild zur Ruhe, bevor die Stimme zum Punkt kommt, also ist nichts halb sichtbar, wenn es darauf ankommt.
Alle Bewegungen findest du auf der Animationsseite, oder du erstellst einen Film und lässt den Planer für dich wählen.
Sieh es auf deiner eigenen Website
Füge eine Seite ein und bekomme das vertonte Video, um das es in diesem Blog geht. Das erste ist kostenlos.
Weiterlesen
