Motion Comics (animierter Comic)
Kategorie: 2D-Animation · Verwandte Skills: animated-storytelling, typography-animation, video-editing
Der Stil comic wendet ein von der Luminanz abhängiges Halbtonraster, starke Konturen und 12 fps an. Er wird mit Beschriftungen (caption), Untertiteln und Kamerabewegungen (Schwenk/Zoom) kombiniert, um durch das ‚Panel‘ zu führen. Für eigene Illustrationen verwende img2video mit --move pan_*.
Wann diese Skill verwenden
- Narrative mit Text, bestehende Comics oder statische Illustrationen, die animiert werden müssen.
- Trailer im Stil einer Graphic Novel.
Professionelle Prinzipien
- Jedes Panel = eine Einstellung; die Kamera führt die Lektüre (links→rechts, oben→unten).
- Limitierte Animation: Nur das Wesentliche bewegt sich (Augen, Mund, Partikel).
- Kurze Beschriftungen mit fetter Schrift und Kontur.
- Rhythmus: 2,5–4 s pro Panel.
Schritt-für-Schritt-Anleitung
- Teile die Geschichte in Panels (Szenen) auf, jedes mit einem eigenen
caption. - Rendere mit
--style comic. - Für echte Comicseiten: Schneide jedes Panel als Bild aus und verwende
python -m studio img2video panel.png --move pan_right --style none. - Füge die Clips mit
exporter.concat(xfade) oder der Skillvideo-editingzusammen.
Studio-Befehle
python -m studio make "Ein Superhelden-Roboter rettet die Stadt" --style comic
python -m studio img2video panel1.png --move pan_right --style none --duration 4 -o v1.mp4
Vollständiges Beispiel
„Animiere meinen 4-Panel-Comic“: ein img2video pro Panel (abwechselnd Schwenk/Zoom) + concat mit fade-Übergang + epische Musik.
Empfohlene Werkzeuge
| Werkzeug | Verwendung | Status im Studio |
|---|---|---|
| 2D-Motor (Style comic) | Halbton + Konturen | ✅ Eigener Motor des Studios |
| img2video | Schwenks über Panels | ✅ Eigener Motor des Studios |
| Remotion | Programmatische Beschriftungen/Sprechblasen | ✅ Installiert und getestet |
Qualitätskontrolle
- Das Raster verdeckt keine Gesichter.
- Beschriftungen sind auf mobilen Geräten lesbar.
- Lesereihenfolge ist korrekt.
Häufige Fehler und wie man sie vermeidet
- Zu dichtes Raster auf kleinem 9:16-Format.
- Schnelle Schwenks verhindern das Lesen.
Wie es sich ins Studio einfügt (Teamarbeit zwischen Skills)
Das Studio folgt einer einzigen Pipeline und alle Skills teilen sich dasselbe Projekt-JSON (project.json), sodass sie ohne Konvertierungen kombiniert werden:
Idee → animation-scripting → character-design → animation-storyboarding → scene-composition
→ (2D/3D-Animation + Charaktere + Effekte) → animation-sound-design → video-editing
→ animation-rendering → animation-quality-control → animation-optimization / Export
- Allgemeiner Orchestrator: Skill
animation-workflow(entscheidet, welche Skills in welcher Reihenfolge eingreifen). - Motor:
python -m studio …(siehedocs/CLI.md). Schnittstelle:python -m studio serve→ http://127.0.0.1:8765 - Standardausgabe eines Projekts:
projects/<Datum>-<Titel>/mitfinal.mp4,storyboard.jpg,miniatura.jpg,vista_previa.gif,subtitles.srt,characters/*_sheet.png,audio/*.wav,project.json,qc_report.json.
Studio-Regeln
- Zuerst lokal und kostenlos (2D-Motor, Blender, FFmpeg, espeak-ng, Three.js, GSAP, Lottie, Remotion). Verwende kostenpflichtige APIs nur, wenn der Benutzer es wünscht oder die geforderte Qualität es erfordert, und informiere vor dem Verbrauch von Credits.
- Erfinde keine Ergebnisse: Führe den Befehl aus, überprüfe die generierte Datei (öffne einen Frame oder das Storyboard) und melde echte Pfade. Wenn etwas einen Schlüssel erfordert, der nicht existiert (
python -m studio doctor), sage es und biete die lokale Alternative an. - Charakterkonsistenz: Verwende immer das JSON-Steckbrief des Charakters wieder (gleiche
id,color,species,accessory). - Keine Geheimnisse hochladen: Schlüssel leben in
.env(von git ignoriert). - Beende mit
python -m studio qc <video>und teile mit, was bestanden hat und was nicht.