Flavatars Motion Lab ist ein 44 Sekunden langes Hochformat-Reel mit 21 animierten Arbeiten in sieben Stilen, von Lo-fi-Anime und Papier-Cartoons bis zu 3D-Stillleben und Wachsmalkreide auf unserem eigenen Footage. Zugleich ist es der Beweis für eine neue Fähigkeit des Studios: Bewegung, die handgemacht wirkt, im eigenen Haus gebaut und auf den Beat gesetzt. Jedes Frame ist Code, gerendert mit HyperFrames, three.js und Python und geschrieben von KI-Coding-Agenten unter der Regie von Oleg Pylypenko. Kein Text-to-Video- oder Text-to-Image-Modell hat ein einziges Frame erzeugt. Das Lab hat zwei Tage gedauert und läuft jetzt in unseren Produktionen mit.
Warum ein Filmstudio ein Motion Lab baut
Flavatars macht Filme, Musikvideos und KI-gestützte Kampagnen, und fast jedes dieser Projekte braucht am Ende Motion Graphics. Ein Titel, der auf dem Beat landen muss. Ein animierter Einschub in einem Musikvideo. Ein Produktmoment, den Footage nicht zeigen kann. Bisher haben wir diese Arbeit ausgelagert oder einfach gehalten, und einfach war selten die richtige Antwort.
Also haben wir uns ein anderes Briefing gegeben. Die Motion-Stile lernen, die wir selbst lieben, sie als eigenen Code nachbauen und das Ergebnis am Niveau der Studios messen, die wir bewundern. Der Maßstab war streng: Ein Stück zählt nur, wenn es neben seiner Referenz bestehen kann.
Der Ausgangspunkt war persönlich. Oleg wählte die 15 Animationen, die er sich immer wieder ansehen würde, und wir haben diese Liste als Geschmacksprofil behandelt, das Frame für Frame zu entschlüsseln war.
81 Animationen und die eine Qualität, die sie teilen
Zu den 15 Favoriten kamen 66 enge Verwandte, insgesamt also 81 Referenz-Animationen. Jede wurde Frame für Frame vermessen: wie oft die Zeichnung wechselt, wie lange Posen stehen, wo die Schnitte versteckt sind, wie viel der Palette Akzent ist und wie viel Basis. Dann haben wir jedes Stück auf das bewertet, was wir Lebendigkeit nennen: das Gefühl, dass eine kleine Welt atmet und gleich etwas in ihr passiert.
Das Ergebnis war eindeutig. Die Favoriten kamen im Schnitt auf 3,6 von 5 Punkten Lebendigkeit, der Rest auf 2,5, und das Genre spielte fast keine Rolle. Anime, Papier-Cut-outs und 3D-Spielzeug landeten aus denselben Gründen auf der Liste.
Aus diesen Gründen wurden unsere Regeln. Eine kleine Welt und ein Ereignis mit sichtbarer Ursache. Gestuftes Timing, Zeichnungen stehen zwei oder drei Frames. Eine gedämpfte Basis mit einer einzigen Akzentfarbe. Schnitte, die in der Bewegung verschwinden, Standbilder, die weiter atmen, und Loops, die sich ohne sichtbare Naht schließen.
“Lebendigkeit hat das Genre in jedem Vergleich geschlagen.”
Sieben Stilfamilien und fünfzehn Techniken
Die 81 Referenzen fielen in sieben Familien, und jede Familie wurde zu einem Stil, den das Studio jetzt produziert:
- •
Lo-fi-Anime: stille Zimmer, Regen, Züge im Sonnenuntergang, Licht, das die Szene verändert.
- •
Papier-Cartoon: flache Papierfiguren mit Körnung und weichen Schatten.
- •
Anime-FX und Retro-OVA: Strahlen, Speedlines, Impact-Frames.
- •
Pop-Art und Y2K: Interface-Sticker, Halbtonraster und kräftige Akzente über Live-Footage.
- •
Riso und Stop-Motion: gedruckte Texturen, Cut-outs, Objekte, die sich Frame für Frame bewegen.
- •
3D-Stillleben: beleuchtete Objekte mit Reveal, vom Schulspind bis zum aufblasbaren Handschuh.
- •
Collage und Wachsmalkreide: Zeichnungen, Rubber-Hose-Figuren und Cut-outs auf echtem Footage.
Drei Techniken, die am meisten Lebendigkeit bringen
Über alle sieben Familien hinweg haben wir fünfzehn Techniken isoliert, die Lebendigkeit erzeugen. Drei bringen am meisten für den geringsten Aufwand. Der Hit-Stop: ein eingefrorener Moment direkt nach einem Aufprall. Das lebendige Standbild: Die Pose bleibt stehen, während Textur und Licht weiterlaufen. Und ein Ereignis pro Loop, damit der Zuschauer alle paar Sekunden Ursache und Wirkung bekommt.
Keine davon hat mit Politur zu tun. Es geht um Timing, den Teil der Animation, den Zuschauer spüren, lange bevor sie ihn benennen können.
“Ein Ereignis mit sichtbarer Ursache ist mehr wert als zehn bewegte Ebenen.”
Timing als Code
Handgezeichnete Animation beruht auf einem Belichtungsblatt: einer Tabelle, die festlegt, welche Zeichnung auf welchem Frame erscheint. Diese Tabelle haben wir als Code geschrieben. Unsere Animationsbibliothek entscheidet Frame für Frame, wann eine Zeichnung wechselt, mischt Zweier und Dreier wie klassische Animatoren und landet bei rund 13 Zeichnungen pro Sekunde. Alles andere in der Pipeline liest von diesem Blatt, sodass Textur, Licht und Kamera im selben Takt springen.
Jedes Stück durchläuft dieselben fünf Schritte:
- 1
Referenz
Eine vermessene Analyse des Stils: Timing, Standbilder, Palette, Schnitte.
- 2
Spec
Ein kurzes Briefing mit einem Ereignis, seiner Ursache und dem Frame, auf dem es landet.
- 3
Build
HTML- und Canvas-Animation in HyperFrames, three.js für 3D, Python für das Compositing, eigenes Footage, wo der Stil es verlangt.
- 4
Checks
Skripte messen das Timing pro Zone, die Loop-Naht, Lichtblitze und den Determinismus von Frame zu Frame.
- 5
Review
Ein strenger Art-Direction-Durchgang gegen die Referenz, danach Korrekturen.
Echtes Footage, verwandelt in Zeichnung
Mehrere Stile mischen Zeichnung und Realität. Dafür schneiden wir Menschen aus unseren eigenen Clips der DJI Osmo Pocket 4P frei, mit Apples Vision-Framework direkt auf dem Gerät, und verwandeln sie in flache Farbflächen, Bleistiftlinien oder Papierpuppen. Die Heldin des Anime-Stücks im Reel ist ein Rotoskop desselben Models, das man in der Eröffnungseinstellung sieht.
Querformatige Arbeiten werden nie beschnitten oder für ein Hochformat aufgeblasen. Sie liegen als Zine-Panels mit harten Schatten auf einer gedruckten Seite, die Seite fährt langsam heran, und jedes Panel ruckt, wenn sein Ereignis passiert.
Ein Art Director, der nie müde wird
Jedes Beispiel durchlief eine Review-Schleife, bevor es in die Bibliothek durfte. Ein KI-Agent spielt den strengen Art Director und vergleicht jedes Stück Frame für Frame mit seiner Referenz. Ein zweiter spielt den QC-Ingenieur und führt die Messungen durch. Ein Stück besteht nur mit mindestens 4 von 5 Punkten Lebendigkeit, einem Urteil auf Studio-Niveau, ohne gravierende Mängel und ohne fehlgeschlagenen Check. Manche Stücke brauchten vier Runden.
Die Schleife fand echte Probleme. Ein Blitz, der ein Zimmer verdunkelte, statt es zu erhellen. Ventilatorflügel, die sich scheinbar rückwärts drehten, weil sie für die Bildrate zu schnell liefen. Gummifetzen eines geplatzten Handschuhs, die wie Folie wirkten. Im fertigen Reel ergaben zwei benachbarte Impact-Frames zusammen mehr Blitze pro Sekunde als sicher ist, also wurde diese Stelle vor der Veröffentlichung neu gebaut.
Der wertvollste Fund kam vom Regisseur. Oleg bemerkte, dass eine rotoskopierte Heldin durch die Beleuchtung ihr Haar verloren hatte, eine kahle Stelle in jedem Frame. Daraus wurden eine neue Regel und ein neuer automatischer Check, und genau darum geht es in der Schleife: Jeder Fehler wird einmal gefunden und nie wieder gemacht.
“Die Skripte haben jedes Frame vermessen, und der Regisseur fand trotzdem den einen Fehler, den sie übersehen hatten.”
Das Reel: eine Kette von Ereignissen
Das Reel sollte die Bandbreite zeigen, ohne zur Diashow zu werden, deshalb ist es als Kette gebaut. Jede Welt übergibt ihren Moment an die nächste. Der Aufnahmeknopf einer Kamera wird zum Portal ins Lab. Ein Glühwürmchen entkommt seiner Streichholzschachtel und stößt eine Wäscheklammer los, sodass eine Socke fällt. Ein Kameraverschluss blitzt in einen Anime-Impact. Ein Tennisball fällt aus einem Schulspind, durch den Schnitt und reißt an den Fäden einer Papierpuppe. Ein Handschuh bläst sich in einer Pause der Musik auf und platzt genau, wenn der Beat zurückkommt, und sein Fetzen setzt eine Wachsmalkreide-Sonne in Brand, bis Papier das Bild flutet.
Im ruhigen Breakdown des Tracks füllt sich die Seite mit einer Wand aus allen 21 Arbeiten, eine Kachel pro halbem Beat, und die Endkarte landet auf der Zeile Motion, coded. Die Zahlen: 43,8 Sekunden, 1.313 Frames, ein Track mit 115 BPM von The New Fools aus Epidemic Sound, jedes Schlüsselereignis auf dem Beat-Raster.
Gebaut für den Feed
Ein Hochformat-Reel lebt auf dem Handy, im Loop, oft im Dunkeln. Das haben wir als technische Vorgabe behandelt. Die Musik wurde zu einem Loop geschnitten, der auf das Sample genau zum Video passt, sodass das Reel ohne Klick wiederholt. Die Lautheit liegt bei -14 LUFS, True Peak bei -2,0 dBTP. Ein Blitzsicherheits-Check nach dem Vorbild von WCAG 2.3.1 hält den Schnitt bei höchstens drei Blitzen pro Sekunde.
Für Text gilt dieselbe Disziplin. Stil-Labels und Titel bleiben in dem Bereich, den die Instagram-Oberfläche frei lässt, und die Endkarte ist zentriert, damit der Zuschnitt im Profilraster Logo und Zeile behält.
Was das für Ihr Projekt bedeutet
Aus dem Lab wird Arbeit, die Sie uns heute briefen können. Animierte Einschübe und Titelmomente für Musikvideos und Werbung. Erklär-Segmente in einem Stil, der zu Ihrer Marke passt. Loops für Konzertbildschirme und Messestände. Ihr eigenes Footage, verwandelt in Anime-, Papier-, Collage- oder Wachsmalkreide-Welten. Markenobjekte mit einem 3D-Stillleben-Reveal.
Geliefert wird so, wie Editoren es brauchen: fertige Filme in 9:16, 16:9 oder 1:1 oder transparente Ebenen in ProRes 4444 zum Platzieren über Footage. Die Motion-Bibliothek greift außerdem in den Rest unserer Pipeline, von der KI-Videoproduktion bis zum Color Grading in DaVinci Resolve.
Wenn eine der 21 Arbeiten nach Ihrem nächsten Projekt aussieht, sagen Sie uns, welche. Das Kontaktformular ist der schnellste Weg.
Weiterlesen: Wie wir ein komplett KI-generiertes Showreel gebaut haben · KI-Studio versus KI-Tool