PAGE online

Diese Tools kombiniert Motion Designer Markus Edmaier

Senior Designer Markus Edmaier arbeitet als Designspezialist für UI/UX und Motion Design bei BECC Agency in München. Hier zeigt er uns seine KI-Toolchain und erklärt, wie sie seinen Workflow verbessert

Zwei große Buchstaben »B«. Links in bläulich gerendertem Glas, rechts in flauschigen braunem Fell

Zwischen der Idee und einer fertigen Animation oder einem Video liegen zahllose Schritte, für die alle Motiondesigner:innen eigene Hacks und Kniffe entwickeln. KI eröffnet dabei ein neues Spielfeld, das den Prozess an manchen Stellen effizienter gestaltet, an anderen neue Räume für Iteration und unerwartete Ideen schafft.

Alle Artikel im PAGE Impuls »Motion Design«

Überblick: Electric Dreaming: AI in Motion | Interview: Faktor Mensch im Motion Design | Ausprobiert: Animatic mit Midjourney und Pika AI| Making-of: Machine Dream | Top 15: Angesagte KI-Tools für Motion Design | Workflow: Die Lieblingstools von Motion Designer Markus Edmaier | Service: Was ist Motion Design und was sind die nächsten großen Schritte?

Step-by-Step: Motion Design Workflow mit KI

Senior UX und Motion Designer Markus Edmaier von BECC Agency führt uns durch seine Toolchain und die wichtigsten Neuerungen in seinem Prozess:

1. Konzept als Basis

Von den Konzeptioner:innen und Texter:innen aus dem BECC Team kommt die kreative Idee in Textform zu mir auf den Tisch bzw. in den Rechner.

2. Moodboard in ComfyUI

Um die Idee fürs Auge sichtbar werden zu lassen, setze ich die Open Source Software Stable Diffusion ein. ComyUI ist ein flexibles Interface um StableDiffusion herum und hilft mir bei der Erstellung eines Moodboards zu Beginn des visuellen Gestaltungsprozesses.

Screenshot Fluxdev

 

Das Tool ermöglicht Ideenfindung auf einem ganz neuen Level was Geschwindigkeit und Flexibilität angeht. Es überzeugt durch hohe Qualität und liefert über Nacht bei Bedarf gut und gerne mehr als 1000 Ideen. Alternativ greife ich auf Flux.dev zurück. Hier lässt sich auch ein LoRA trainieren. Negative Promting ist aktuell nicht möglich, dafür »klebt« das Ergebnis nah am Prompt. https://comfyuiweb.com

3. Elevenlabs für Synchro

Mein Favourite-Tool ist Elevenlabs (online) für Off-Sprecher und Synchronisation. Nach dem Einspeisen der Texte, wähle ich 2-3 Stimmen (nicht zu mainstream, nicht zu edgy) aus und gebe das nach wenigen Minuten fertige Ergebnis in die Runde, um Feedback einzuholen. Danach folgen Adaptionen über Sprachfiltermöglichkeiten, die ich durch die 3 Slider »Stability«, »Style Exaggeration« und »Similarity« vornehmen kann.

Screenshot Elevenlabs

Meist braucht es 3-4 Takes im Einsprechen, bzw. besser gesagt im Eingeben, bis ich zum gewünschten Ergebnis komme. Nuancen wie Flüstern oder Betonen sind noch nicht möglich, man kann aber über Interpunktionen im Text bereits Einfluss auf das Gesprochene nehmen. Achtung bzgl. Lizenzrechte für Nutzung der Stimmen, v.a. beim Klonen von Promis. https://elevenlabs.io/

4. Audition für Sound

In vielen Fällen greife ich auf Audition zum Bearbeiten des Sounds zurück. Das gängige Audiotool im Workflow der Filmmacher und Contentcreator, das jeder Kreative im Adobe Abo hat (Creative Suite), hilft bei der weiteren Verfeinerung von Sound durch mehr Features wie Equalizer, Kompressor, Echo, Raumklang. https://www.adobe.com/de/products/audition.html

5. Animationen in Cinema 4D und After Effects

Als Motion Designern bieten Cinema 4D udn After Effects eine intuitive Benutzeroberfläche sowie leistungsstarke Animationstechniken für einen effizienten und trotzdem kreativen Workflow. Bewegung spielt mittlerweile auch in der CI-Arbeit bei uns eine immer größere Rolle. Als TopTwenty CI-/CD-Agentur Deutschlands haben wir bei BECC viele Jobs aus dem Corporate Design auf dem Tisch. Da bin ich sehr dankbar für das Tool. https://www.maxon.net/de/cinema-4d https://www.adobe.com/de/products/aftereffects

6. Photoshop KI für Retusche

Als coolstes Tool ever würde ich immer noch Photoshop nennen. Die mittlerweile nahtlos integrierte generative AI nutze ich unterstützend zum Bearbeiten, Aufbereiten und Retuschieren der Assets für After Effects.

Screenshot Photoshop

Alles mir Angelieferte, was »mehr Fleisch braucht«, nicht das passende Format oder die richtige Auflösung hat, wird hier passend gemacht. Nichts geht über die Funktion Generative Fill mit den Möglichkeiten Retusche, Formaterweiterung und Modifikation. https://www.adobe.com/de/products/photoshop

7. Finaler Schnitt in Premiere

Premiere ist für mich premium. Das Material, welches aus den verschiedenen Units bei mir landet, z.B. Videos von Messeständen oder Stills und Einblendungen von Digitaldesignern, werden hier zusammengefügt. https://www.adobe.com/de/products/premiere

Hier findet die Verarbeitung der verschiedenen Quellen, Audio, Video und Bild zu einem großen Ganzen statt.

8. Outlook zur Kommunikation

Im Agenturalltag mit den Kolleg*innen, aber auch gegenüber Kunden, könnte ich auf Outlook nicht verzichten. Höhere Produktivität, leichtere Kommunikation und stetige Optimierung im Workflow durch intelligente Automatisierungen. https://www.microsoft.com/de-de/microsoft-365/outlook

Weitere nützliche Tools für Projekte mit Animationen

9. XD für Webdesign- & Prototyping

Für Projekte mit Interaktion und Animation. Viel mehr Möglichkeiten als Photoshop. Beispiel prototypische Entwicklung eines Chatbots für die Homepage. https://adobexdplatform.com/

10. VS Code für Webdevelopment & – design

Visual Studio Code von Microsoft bietet uns Motion- und Web-Designer:innen leistungsstarke Features wie Live Server, integrierte Git-Verwaltung, Erweiterungen für CSS/JS-Animationen und Echtzeitvorschau, was effizientes Webdesign erleichtert. Das Tool ist in der Welt der Devs in der Beliebtheit von 0 auf 1000 geschossen und zum Bauen und Modifizieren von Webseiten zum besten kostenlosen Code Editor aufgestiegen. https://code.visualstudio.com

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert.

Das könnte dich auch interessieren