Der Motion-Design-Prozess ist die strukturierte Abfolge von Phasen – Briefing, Konzeption, Design, Animation, Sound und Delivery –, die ein Motion-Design-Projekt von der ersten Idee bis zur fertigen Ausgabedatei führt.
Rubrik: Animation & VFX · Unterrubrik: Motion Design · Niveau: Fortgeschritten Synonyme / Auch bekannt als: Motion-Design-Workflow, Produktionsprozess, Pipeline
Was ist der Motion-Design-Prozess?
Der Motion-Design-Prozess beschreibt alle Schritte, die notwendig sind, um ein Motion-Design-Projekt professionell durchzuführen. Ähnlich wie in anderen Kreativdisziplinen folgt er einem iterativen Muster: Auf Konzeptionsphasen folgen Feedback-Runden, auf Korrekturen folgen neue Präsentationen, bis das Ergebnis den Anforderungen entspricht und technisch ausgeliefert werden kann.
Ein gut strukturierter Prozess schützt sowohl den Motion Designer als auch den Auftraggeber: Er verhindert unbezahlte Mehrarbeit durch unklare Anforderungen und stellt sicher, dass das finale Ergebnis die ursprünglichen Kommunikationsziele erfüllt.
Erklärung
Phase 1: Briefing und Anforderungsanalyse
Das Briefing ist die Grundlage des gesamten Projekts. Typische Fragen:
- Ziel: Was soll die Animation kommunizieren?
- Zielgruppe: An wen richtet sich das Stück?
- Format: Welche Bildgröße, Länge, Framerate?
- Plattform: Broadcast, Web, Social, Mobile, Kino?
- Marke: Gibt es Corporate Design Guidelines?
- Timing: Wann ist der Delivery-Termin?
- Budget: Welche Produktionskomplexität ist finanzierbar?
Das Ergebnis dieser Phase ist ein schriftliches, abgestimmtes Briefing-Dokument.
Phase 2: Konzeption
In der Konzeptionsphase entwickelt der Motion Designer (oder das Team) inhaltliche und ästhetische Ideen:
- Drehbuch/Skript: Bei Sprachanimationen entsteht hier der finale Text.
- Moodboard: Stilreferenzen werden gesammelt und präsentiert.
- [Styleframes: Visuelle Richtung für Motion-Projekte](/wiki/animation-vfx/motion-design/styleframes/): Repräsentative Schlüsselbilder im eigenen Stil werden ausgearbeitet.
- Storyboard: Der zeitliche Ablauf wird als Skizzenfolge visualisiert.
Phase 3: Design
Auf Basis genehmigter Styleframes werden alle grafischen Assets erstellt:
- Illustrationen, Icons, Hintergründe
- Typografieauswahl und -layout
- Farbpalette und Licht-Einrichtung (bei 3D)
- 3D-Modelle oder Charaktere (bei entsprechenden Projekten)
Phase 4: Animation
Die eigentliche Animationsarbeit findet in Phase 4 statt:
- Assets in After Effects, Cinema 4D oder Blender importieren/verknüpfen
- Keyframes setzen und Easing-Kurven feinjustieren
- Expressions in After Effects für Motion Design für dynamische und parametrisierte Bewegungen nutzen
- Loop-Animationen: Techniken für endlose Loops-Techniken einsetzen, wo nötig
- Vorabrender (RAM Preview) für erste Beurteilung
Phase 5: Sound Design
Sound wird entweder parallel zur Animation oder danach integriert:
- Sprachaufnahme einpassen (wenn vorhanden)
- Musik auswählen oder komponieren lassen
- Sound Effects (SFX) für Bewegungen, Schnitte und Übergänge hinzufügen
- Pegel und Mix abstimmen
Details: → Sound Design für Motion Design
Phase 6: Review und Feedback
Kundenpräsentation des Entwurfs:
- Online-Screening-Link (z. B. Frame.io, Vimeo Review)
- Schriftliches Feedback einholen und priorisieren
- Korrekturrunden klar im Vertrag begrenzen (üblich: 2 Runden)
- Freigabe schriftlich bestätigen lassen
Phase 7: Delivery
Die finale Ausgabe erfolgt in den vereinbarten Formaten:
| Plattform | Format | Typische Einstellungen |
|---|---|---|
| Broadcast | ProRes 4444 / DNxHD | 1920×1080, 25 fps |
| Web | H.264 / H.265 | 1920×1080, 24–30 fps |
| Social Media | MP4 (H.264) | 1080×1080 / 1080×1920 |
| Mobile App | Lottie JSON | Vektoriell, komprimiert |
| Kino (DCP) | JPEG 2000 | 2K/4K, 24 fps |
Beispiele
Erklärvideo-Produktion: Ein Startup beauftragt ein 90-Sekunden-Erklärvideo. Der Prozess dauert 6 Wochen: Woche 1 Briefing/Konzept, Woche 2–3 Design und Styleframes, Woche 4 Animation, Woche 5 Sound und Review, Woche 6 Korrekturen und Delivery.
TV-Ident: Ein Sender braucht ein 5-Sekunden-Logo-Ident. Der Prozess ist verdichtet: Briefing und Styleframe in Woche 1, Animation und Render in Woche 2, Delivery in Woche 3.
In der Praxis
Vertragliche Absicherung
Ein professioneller Motion-Design-Vertrag regelt:
- Anzahl der Korrekturrunden
- Eigentumsrecht am Rohmaterial
- Zahlungsmeilensteine (oft: 50 % bei Auftragserteilung, 50 % bei Delivery)
- Nutzungsrechte und Exklusivität
Projektmanagement-Tools
- Frame.io: Videoüberprüfung mit zeitcodierten Kommentaren
- Notion / Airtable: Projektstruktur und Asset-Verwaltung
- Slack / Discord: Kommunikation im Team
- Google Drive / Dropbox: Dateiübergabe
Vergleich & Abgrenzung
| Motion-Design-Prozess | Filmproduktion | UI/UX-Design-Prozess | |
|---|---|---|---|
| Pre-Production | Brief, Concept, Storyboard | Drehbuch, Casting, Scouting | Research, Wireframes |
| Production | Animation, Render | Dreh | Prototyping |
| Post-Production | Sound, Review | Schnitt, Grading | Testing |
| Delivery | Export, Übergabe | DCP, Streaming | Deployment |
Häufige Fragen (FAQ)
Wie viele Korrekturrunden sind normal? Professionell sind 2 Korrekturrunden nach dem ersten Review üblich. Mehr Runden sollten extra kalkuliert werden.
Wann beginnt die Animation? Erst nach vollständiger schriftlicher Freigabe aller Designelemente (Styleframes). Animationsarbeit ohne Designfreigabe führt fast immer zu teuren Nacharbeiten.
Was ist der Unterschied zwischen einem WIP und einer Delivery? Ein WIP (Work in Progress) ist ein unfertiger Zwischenstand, meist als H.264 gerendert. Die Delivery ist die finale, qualitätsgeprufte Ausgabe in allen vereinbarten Formaten.
Muss Sound schon beim ersten Entwurf dabei sein? Nicht zwingend. Oft wird in der ersten Review-Runde ein Placeholder-Sound verwendet; der finale Mix kommt in der letzten Produktionsphase.
Verwandte Einträge
- Styleframes: Visuelle Richtung für Motion-Projekte – Designphase im Prozess
- Sound Design für Motion Design – Sound im Motion-Design-Workflow
- Motion-Design-Workflow: Von der Idee zur Ausgabe – Technischer Workflow vom Brief zur Ausgabe
- Tools im Motion Design: AE, C4D, Blender, Cavalry – Software entlang des Prozesses
- Lottie: Motion Graphics für Web und App – Delivery-Format für Web und App
Weiterführend
- Krasner, J. (2008). Motion Graphic Design: Applied History and Aesthetics. Focal Press.
- Byrne, C. (2012). Motion By Design. Laurence King.
- Online: Frame.io Workflow-Guides (frame.io) – Branchen-Workflows für Videoüberprüfung
- Online: School of Motion Blog (schoolofmotion.com) – Artikel zu Prozess und Projektmanagement
