Motion Graphics

Motion Graphics

Motion Graphics sind bewegte Grafiken: Schrift, Formen, Diagramme und Logos, die animiert werden, um Informationen zu vermitteln. Man begegnet ihnen in Nachrichtensendungen, Erklärvideos, Werbespots und in den Animationen von Apps.

Motion Graphics sind Grafiken, die sich bewegen. Gemeint sind keine gezeichneten Figuren mit einer Geschichte, sondern Schrift, Formen, Linien, Zahlen und Logos. Diese Elemente werden über die Zeit animiert: Sie fliegen ein, wachsen, wechseln die Farbe oder verwandeln sich ineinander. Der Zweck ist fast immer, eine Information verständlich zu machen. Wenn in einer Nachrichtensendung ein Balkendiagramm Stück für Stück in die Höhe wächst, während der Sprecher die Zahlen nennt, ist das ein typisches Beispiel. Der deutsche Ausdruck dafür lautet Bewegtgrafik, im Berufsalltag sagt fast niemand so.

Warum bewegte Grafiken mehr erklären als Standbilder

Eine unbewegte Grafik zeigt einen Zustand. Eine bewegte Grafik kann eine Veränderung zeigen. Genau darin liegt ihr Vorteil: Prozesse, Abläufe und Zusammenhänge lassen sich in Bewegung leichter erfassen als in einer Reihe von Einzelbildern. Wer erklären will, wie Geld von einer Bank zur anderen fließt, zeichnet keinen Pfeil, sondern lässt einen Punkt tatsächlich wandern.

Dazu kommt der Effekt auf die Aufmerksamkeit. Das menschliche Auge reagiert stark auf Bewegung, das ist ein altes biologisches Erbe. Werbung und soziale Netzwerke nutzen das aus, weil in einem endlosen Feed nur wenige Sekunden über Weiterscrollen oder Anhalten entscheiden. Deshalb ist Motion Design in vielen Redaktionen und Agenturen zu einem eigenen Berufsfeld geworden.

Auch in Software steckt der Gedanke. Wenn sich ein Menü sanft aufklappt statt hart umzuspringen, versteht man besser, woher es kam. Solche kurzen Animationen heißen Micro-Interactions und sollen die Bedienung nachvollziehbar machen. Motion Graphics sind also nicht nur Dekoration, sondern oft ein Teil der Erklärung selbst.

Keyframes, Ebenen und Rendering

Die Grundtechnik heißt Keyframing. Man legt für ein Objekt zwei Zustände fest: Am Anfang steht das Logo links und ist unsichtbar, nach einer Sekunde steht es in der Mitte und ist voll sichtbar. Diese festgelegten Punkte sind die Keyframes. Die Software berechnet alle Zwischenbilder selbst, meist 25 oder 30 pro Sekunde. Der Fachbegriff dafür ist Interpolation, also das Auffüllen der Lücke zwischen zwei bekannten Werten.

Gearbeitet wird in Ebenen, ähnlich wie bei durchsichtigen Folien, die übereinanderliegen. Jede Ebene enthält ein Element und hat ihre eigene Zeitleiste. Wichtig für den Eindruck ist das sogenannte Easing: Eine Bewegung, die langsam anfängt und langsam ausläuft, wirkt natürlich, eine gleichförmige wirkt mechanisch. Am Schluss steht das Rendering, bei dem der Rechner aus allen Ebenen eine fertige Videodatei berechnet.

Verbreitete Programme sind After Effects und Blender, für animierte Grafiken auf Webseiten das Format Lottie. Zunehmend mischt sich Künstliche Intelligenz ein. Generative Videowerkzeuge erzeugen Bewegtbilder aus einer Textbeschreibung, andere Werkzeuge trennen automatisch Objekte vom Hintergrund. Das ersetzt die Gestaltungsentscheidungen nicht, spart aber viel Handarbeit.

Vom Nachrichtenstudio bis zum Ladebalken

Am sichtbarsten sind Motion Graphics im Fernsehen und auf Videoplattformen. Dazu gehören Sendungsvorspänne, Bauchbinden mit dem Namen des Interviewpartners und die Aktienkurse, die bei Wirtschaftsnachrichten über den Bildschirm laufen. Erklärvideos auf YouTube arbeiten fast vollständig damit, weil sich abstrakte Themen wie Inflation schlecht filmen lassen.

In Produkten steckt die Technik oft unbemerkt. Der Ladekreis einer App, die Animation beim Sperren des Smartphones oder das Aufleuchten eines Buttons sind Motion Graphics im Kleinen. Große Firmen legen dafür eigene Regelwerke an, in denen sogar festgelegt ist, wie viele Millisekunden ein Übergang dauern darf.

Eine häufige Verwechslung lohnt die Abgrenzung: Motion Graphics sind nicht dasselbe wie Animationsfilme. Ein Trickfilm erzählt eine Geschichte mit Figuren, Motion Graphics vermitteln eine Botschaft mit grafischen Elementen. Und sie sind auch keine visuellen Effekte, denn diese verändern echtes gefilmtes Material. Die Grenzen verschwimmen im Alltag, in Stellenanzeigen werden die Bereiche aber getrennt genannt.

Subscribe free. Unsubscribe the second it sucks.

High-signal news across AI, business, UX, and tech. Every morning.