Zum Inhalt springen

Anwendung · Motion Graphics

Motion Graphics mit KI erstellen

Mit mint entstehen Motion Graphics aus einem Briefing: animierte Typografie, Kennzahlen, Diagramme und Abläufe, die den Bewegungsregeln deiner Marke folgen. Du gibst die Botschaften vor, und der KI-Agent animiert sie im Design deines Motion-Styleguides, ohne dass du Keyframes setzt.

Beispiele ansehen
UW, ONS and Other AcronymsStil Landschaft Pixelblöcke · 16:9 · 0:54

Bewegung als Teil der Marke

Ein Motion-Styleguide hält neben Farben und Schriften auch fest, wie sich etwas bewegt: Übergänge, Bewegungsprinzipien und das Temperament von ruhig über ausgewogen bis dynamisch. Dazu kommen Kinetik, also Text auf den Takt, sowie Tiefe und Flug-Übergänge in 2,5D. Jede Szene folgt diesen Regeln, egal wer sie anlegt.

  • Temperament ruhig, ausgewogen oder dynamisch
  • Kinetik: Text auf den Takt
  • Tiefe und Flug-Übergänge in 2,5D
Was ist ein Motion-Styleguide?

So entstehen Motion Graphics mit mint

  1. 01

    Quellen hochladen

    Website-URL, Bilder (auch SVG), ein Video, HTML oder ZIP, eine Präsentation bis 100 MB und 60 Folien, dazu eigene Hausschriften.

  2. 02

    Styleguide prüfen

    In etwa 60–90 Minuten entsteht der Styleguide mit Farbrollen, Typoskala, Formensprache, Layouts und Bewegung. Ein Element nachzubessern dauert etwa 10 Minuten.

  3. 03

    Szenen briefen

    Kernbotschaft, Zahlen, Reihenfolge. Der Agent wählt je Szene ein Layout wie Kennzahl, Liste, Vergleich oder Prozess.

  4. 04

    Regie führen

    Im Chat: „Szene 4 ruhiger, mehr Fokus auf die Kennzahl“. Passt kein Layout, legst du in etwa 5 Minuten eine freie Szene an.

  5. 05

    Rendern und exportieren

    Rund 25 Sekunden je Szene. Export als MP4 in Full HD in 16:9, 9:16 und 1:1.

Motion-Graphics-Bausteine im Styleguide

  • KennzahlEine Zahl, die hochzählt, mit Einheit und Einordnung, etwa für Ergebnisse und Ziele.
  • ListePunkte, die nacheinander erscheinen, im Takt von Sprecher oder Musik.
  • VergleichZwei Seiten gegenübergestellt: vorher und nachher, alt und neu.
  • ProzessStationen, die sich nacheinander aufbauen und verbinden.
  • Bild mit TextEigenes Foto oder Video, eingebettet in die Formensprache der Marke.
  • Bühne und AussageEin Satz, groß und mit viel Raum gesetzt, für die Kernbotschaft.

Freie Szenen, wenn kein Layout passt

Passt eine Idee in kein vorhandenes Layout, legst du eine freie Szene an. Das dauert etwa 5 Minuten. Brauchst du ein Layout immer wieder, ergänzt du es im Styleguide, in etwa 10 Minuten. Folien aus einer Präsentation lassen sich direkt als Layout-Vorlagen übernehmen.

  • Freie Szene in etwa 5 Minuten
  • Neues Layout in etwa 10 Minuten
  • Folien als Layout-Vorlagen

Motion Graphics im Animationsprogramm und mit mint

Animationsprogrammmit mint
EinstiegEigene Vorlagen bauenStyleguide aus Website oder Präsentation in etwa 60–90 Minuten
Neue SzeneAnimation von HandAus dem Briefing, freie Szene in etwa 5 Minuten
TextänderungProjekt öffnen, anpassen, neu rendernIm Chat oder Editor, rund 25 Sekunden Rendern je Szene
KontrolleSichtprüfungAutomatische Prüfung von Textüberlauf, Schriftgröße, Lesezeit, Rändern und Farbsprüngen
Feinkontrolle einzelner BewegungenVolle Kontrolle über jeden KeyframeAuf Ebene von Szenen, Folien und Texten

Was gute Motion Graphics ausmacht

Motion Graphics sind animierte Grafik: Schrift, Formen, Icons, Zahlen und Diagramme in Bewegung. Gut sind sie, wenn die Bewegung etwas erklärt. Eine Zahl, die hochzählt, macht Wachstum spürbar. Ein Pfeil, der zwei Stationen verbindet, zeigt Ursache und Wirkung. Bewegt sich etwas ohne Grund, lenkt es eher ab.

Hierarchie und Timing

Das Auge folgt dem, was sich bewegt. Darum sollte sich immer nur das Wichtigste gleichzeitig bewegen: erst die Überschrift, dann die Zahl, dann die Erklärung. Jede Einblendung braucht genug Standzeit, damit sie gelesen werden kann. Als Faustregel sollte ein Text mindestens so lange stehen, wie du brauchst, um ihn zweimal laut zu lesen. mint prüft die Lesezeit zusätzlich automatisch.

Eine einheitliche Bewegungssprache

Professionelle Motion Graphics wirken einheitlich, weil alle Elemente denselben Regeln folgen: gleiches Beschleunigen und Abbremsen, gleiche Richtung bei Übergängen, gleiches Tempo. Diese Regeln gehören ins Corporate Design wie Farben und Schriften. Mehr dazu im Ratgeber Corporate Design in Videos einhalten.

Typografie als Hauptdarsteller

In vielen Unternehmensfilmen trägt die Schrift die Botschaft. Kinetic Typography setzt Wörter in Bewegung, oft im Rhythmus von Sprache oder Musik. Dafür brauchst du eine klare Typoskala mit wenigen Schriftgrößen und festen Rollen, damit nicht auf jeder Folie neu entschieden wird.

Daten in Bewegung

Animierte Kennzahlen sind einer der häufigsten Einsätze von Motion Graphics in Unternehmen. Für sie gelten ein paar Regeln: eine Zahl pro Szene, gerundet auf das, was man sich merken kann, mit Einheit und Bezugsgröße. Bei Vergleichen beginnen Balken bei null, sonst wirkt ein kleiner Unterschied groß. Und jede Zahl braucht eine Quelle, die vor der Freigabe geprüft ist. Das Layout Kennzahl gibt die Gestaltung vor, die Zahl und ihre Quelle lieferst du.

Einheitliche Icons und Formen

Motion Graphics wirken schnell beliebig, wenn Icons aus verschiedenen Quellen stammen: mal mit Linie, mal gefüllt, mal mit runden Ecken. Lege deine Icons im Brand Kit ab und lass die Formensprache des Styleguides den Rest bestimmen. So passen Pfeile, Rahmen und Flächen zu den Icons, und jede Szene gehört erkennbar zur Marke.

Typische Fehler bei Motion Graphics

  • Zu viele Effekte: Ist jeder Übergang anders und hat jedes Element einen eigenen Effekt, wirkt der Film unruhig.
  • Text zu kurz im Bild: Das Publikum liest noch, da ist die Zeile schon verschwunden.
  • Zu kleine Schrift: Was am großen Monitor lesbar ist, geht auf dem Smartphone unter.
  • Schwache Kontraste: Helle Schrift auf mittelhellem Hintergrund, kaum zu lesen.
  • Bewegung gegen die Marke: Ein zurückhaltender Finanzdienstleister mit hektischen Übergängen.

Checkliste für deine Motion Graphics

  • Bewegungsprinzipien und Temperament der Marke festgelegt
  • Typoskala mit Rollen
  • Farben mit Rollen und geprüften Kontrasten
  • Layouts für Kennzahl, Liste, Vergleich und Prozess
  • ausreichende Standzeit jeder Einblendung
  • Formate geplant: 16:9, 9:16 und 1:1

Farben und Kontraste prüfst du vorab mit dem Styleguide-Check: Bild hochladen, Farbpalette, Kontraste und Rollen ansehen.

Wie mint Motion Graphics mit KI erstellt

Klassisch entstehen Motion Graphics in einem Animationsprogramm, Keyframe für Keyframe. Das gibt volle Kontrolle und kostet Zeit, vor allem bei Änderungen. Bei mint legt der Motion-Styleguide Design und Bewegungsregeln einmal fest, danach animiert der KI-Agent jede Szene aus einem Briefing. Das Rendern dauert rund 25 Sekunden je Szene.

Du arbeitest auf der Ebene von Botschaften und Szenen. Keyframes setzt du keine, und im Editor bleibt jede Folie und jeder Text frei bearbeitbar. Eine automatische Prüfung meldet Textüberlauf, Unterschreitungen der Mindestschriftgröße, zu kurze Lesezeit, Probleme mit Rändern und Farbsprünge.

Auch eigenes Material kommt in den Film: Bilder und Videos setzt mint in die Formensprache der Marke, Fotos lassen sich per Bild-zu-Video in Bewegung setzen. Für den Ton sorgen KI-Sprecher von ElevenLabs oder eine eigene Aufnahme, dazu KI-Musik oder deine Markenmusik. Mit Kinetik folgen die Einblendungen dem Takt der Musik.

Wie das im Ganzen aussieht, zeigt die Produktseite mint motion design. Beispiele für Styleguides findest du unter Motion-Design-Styleguides. Den Begriff erklärt das Glossar unter Motion Graphics.

Tipp: Für Agenturen ist das Prinzip besonders nützlich: je Kundenmarke ein Styleguide, und jede Szene folgt den Bewegungsregeln genau dieser Marke.

Filme aus mint

Alle Filme sind mit mint entstanden. Firmen und Personen sind frei erfunden. Alle Filmbeispiele

Samstag steht das Lagersystem stillStil Werkhalle 7 · 1:1 · 0:36
Schichttausch in acht MinutenStil Flike · 9:16 · 0:27
Elektroniker:in Betriebstechnik – 38 Maschinen, eine StelleStil Leuchtziffern · 1:1 · 0:45
Townhall-Recap: fünf Antworten aus Halle 3Stil Scrapbook Blau · 16:9 · 1:20

Häufig gestellte Fragen

Was ist der Unterschied zwischen Motion Graphics und Motion Design?

Die Begriffe werden oft gleich verwendet. Motion Graphics meint meist die animierte Grafik selbst, also Schrift, Formen und Diagramme. Motion Design bezeichnet eher die Disziplin, Bewegung bewusst zu gestalten.

Ersetzt mint ein Animationsprogramm?

Für wiederkehrende Unternehmensfilme im Corporate Design kann mint die Arbeit im Animationsprogramm ersetzen, weil der Styleguide Design und Bewegung vorgibt. Wer jede Bewegung einzeln per Keyframe gestalten will, bleibt im Animationsprogramm besser aufgehoben. mint arbeitet auf der Ebene von Szenen, Folien und Texten.

Kann ich eigene Schriften verwenden?

Ja. Eigene Hausschriften lädst du beim Anlegen des Styleguides hoch. Die Typoskala mit festen Rollen gehört dann zum Styleguide und gilt in jedem Film.

Was passiert, wenn kein Layout zu meiner Idee passt?

Dann legst du eine freie Szene an, das dauert etwa 5 Minuten. Ein neues Layout für den Styleguide entsteht in etwa 10 Minuten und steht danach für alle weiteren Filme bereit.

Woraus entsteht der Motion-Styleguide?

Aus deiner Website, aus Bildern (auch SVG), einem Video, HTML oder ZIP, einer Präsentation oder einer Kombination daraus. Präsentationen dürfen bis 100 MB und 60 Folien groß sein, unterstützt werden PPTX, PPT, Keynote, ODP und PDF.

Gibt es Motion Graphics auch im Hochformat?

Ja. Jeder Styleguide enthält Layouts in 16:9, 9:16 und 1:1. Exportiert wird als MP4 in Full HD.

Sieh dir mint mit deinem eigenen Material an.

Buche ein 15-minütiges Gespräch: Wir zeigen dir die Plattform an deinem Beispiel und planen mit dir den ersten Film.

  • Filme ab ca. 25 € pro Minute
  • EU Hosted · DSGVO

Demo buchen

15 Minuten per Video-Call. Wir zeigen dir und deinem Team mint live und besprechen den Bedarf eures Unternehmens.

Wofür möchtest du mint einsetzen? Mehrfachauswahl

Erhalte deinen individuellen Motion-Design-Styleguide, angepasst auf deine Brand.

Für die Terminwahl nutzen wir den Kalender von Calendly. Er lädt erst, wenn du externe Medien erlaubst. Mehr dazu in der Datenschutzerklärung.

Beispielfilm · mint

Film

Briefing

Was mint daraus gemacht hat