Video & Audio

Motion Graphics, die Ihre Marke bewegen

Gjethe gestaltet Motion Graphics: animierte Logos, Intros und Outros, Titel und Bauchbinden, kinetische Typografie, animierte Diagramme und Infografiken, Social-Media-Grafiken sowie leichtgewichtige Lottie- und Rive-Animationen für Websites und Apps. Alles wird nach Ihren Markenrichtlinien gebaut und in den Formaten exportiert, die jede Plattform braucht.

  • Kostenlose Erstberatung
  • Schriftliches Angebot für Ihr Projekt
  • Flexible Zahlungsmeilensteine

Auf einen Blick

Für Video
Logos, Titel, Bauchbinden, Daten
Für Web und Apps
Lottie- und Rive-Animationen
Stil
Auf Ihrer Marke aufgebaut
Formate
MOV mit Alpha, MP4, JSON, .riv

Definition

Was ist Motion Graphics?

Motion Graphics sind animierte Grafikdesign-Elemente (Text, Formen, Logos, Icons und Illustrationen), die in Video, auf Websites und in Apps genutzt werden, um Informationen zu vermitteln und visuelle Identität zu geben.

Bewegung lässt Design lebendig wirken. Ein einblendendes Logo, ein Titel, der im Takt landet, ein Diagramm, das sich beim Erklären aufbaut, ein Button, der beim Tippen reagiert: Diese Details lassen Videos und Oberflächen durchdacht wirken. Gutes Motion Design hat Rhythmus und Zurückhaltung. Es lenkt den Blick und stützt die Botschaft und lenkt nie davon ab.

Für wen ist es geeignet?

  • Videocreator

    Markenintros, Titel und Grafikpakete für einheitliche Kanäle.

  • Produkt- und Web-Teams

    Oberflächenanimationen, Ladeanzeigen und Illustrationen für Websites und Apps.

  • Marketingteams

    Animierte Social-Beiträge, Anzeigen und Eventbildschirme.

  • Cutter und Agenturen

    Motion-Design-Unterstützung für Kundenprojekte.

Was enthalten ist und was Sie behalten

Was enthalten ist

  • Logo-Animation
  • Intro- und Outro-Sequenzen
  • Titel und Bauchbinden
  • Kinetische Typografie
  • Animierte Diagramme und Infografiken
  • Icon- und Illustrationsanimation
  • Übergänge
  • Motion-Beiträge für Social Media
  • Lottie-Animationen für Web und Apps
  • Interaktive Rive-Animationen
  • Motion-Graphics-Vorlagen für Cutter
  • Zwei Korrekturrunden

Was Sie erhalten

Wird am Ende übergeben. Gehört Ihnen.

  • Animationen mit Transparenz für den Schnitt
  • MP4-Exporte zur direkten Nutzung
  • Lottie-JSON- oder Rive-Dateien für Entwickler
  • Bearbeitbare Vorlagen für Premiere Pro
  • Motion-Richtlinien auf Anfrage

Welches Format brauchen Sie?

FormatVerwendungHinweise
MOV mit AlphaOverlays im VideoschnittGroße Dateien, transparenter Hintergrund
MP4Social-Beiträge und WebsitesKleine Dateien, keine Transparenz
Lottie (JSON)Web- und App-AnimationenVektor, winzige Dateien, skaliert sauber
RiveInteraktive Web- und App-AnimationenReagiert auf Nutzereingaben und Zustände
Animiertes GIF oder WebPE-Mail und einfache EinbettungenBegrenzte Farben oder Unterstützung; sparsam einsetzen

Bewegung für Websites und Apps

Auf Websites und in Apps sollte Bewegung Nutzern helfen: zeigen, dass etwas lädt, eine Aktion bestätigen, auf eine Änderung hinweisen oder erklären, wie eine Funktion funktioniert. Lottie- und Rive-Animationen sind vektorbasiert und leichtgewichtig, sodass sie auf jedem Bildschirm scharf aussehen, ohne die Seite zu verlangsamen.

Wir gestalten mit Barrierefreiheit im Blick. Animationen respektieren die Einstellung „Bewegung reduzieren“ des Betriebssystems, vermeiden Blitzen, das Anfälle auslösen könnte, und tragen nie wesentliche Informationen, die nicht auch als Text verfügbar sind.

Grafikpakete für Video

Ein einheitliches Set an Elementen für jedes Video, das Sie veröffentlichen.

  • Logo-Sting

    Ein kurzes animiertes Logo für Anfang und Ende.

  • Titel und Bauchbinden

    Namenstitel, Kapitelkarten und Untertitel in Ihren Schriften.

  • Datengrafiken

    Diagramme und Zahlen, die sich auf dem Bildschirm aufbauen.

  • Übergänge und Rahmen

    Übergänge im Markenlook, Endkarten und Abonnieren-Aufforderungen.

Prinzipien, nach denen wir animieren

Easing lässt Bewegung natürlich wirken: Objekte beschleunigen und bremsen, statt sich mit konstanter Geschwindigkeit zu bewegen. Timing gibt Rhythmus: Wichtige Elemente bekommen einen Moment zum Landen, sekundäre folgen. Konsistenz baut Identität auf: Ähnliche Elemente bewegen sich in einem Video oder einer Oberfläche auf ähnliche Weise.

Für größere Projekte erstellen wir einen kurzen Motion-Leitfaden (Geschwindigkeiten, Easing-Kurven, Richtungen), damit künftige Animationen jedes Designers sich als Teil derselben Marke anfühlen.

Animierte Logos: mehr als eine Drehung

Eine Logo-Animation sollte ausdrücken, wie die Marke ist. Eine präzise, technikgeführte Marke könnte ihr Logo aus klaren Linien mit exaktem Timing aufbauen; eine verspielte Verbrauchermarke könnte hüpfen und stauchen; eine Luxusmarke könnte sich langsam mit Licht enthüllen. Wir skizzieren mehrere Richtungen nach der Persönlichkeit Ihrer Marke, bevor wir animieren.

Wir liefern Logo-Animationen in mehreren Längen und Versionen: einen vollständigen Sting, eine kurze Version für Social, eine Version mit Ton und eine ohne sowie ein transparentes Overlay für Cutter.

Kinetische Typografie und Daten in Bewegung

Kinetische Typografie animiert Wörter synchron zu Sprache oder Musik, betont Schlüsselphrasen und hält Zuschauer beim Lesen. Sie passt zu Zitaten, Ankündigungen, Lyric-Videos und Social-Beiträgen, bei denen die Worte die Botschaft sind.

Animierte Datenvisualisierung verwandelt Zahlen in Verständnis: ein wachsender Balken, eine steigende Linie, eine sich füllende Karte. Wir bauen Diagramme aus Ihren tatsächlichen Daten und prüfen, dass Skalen und Beschriftungen korrekt bleiben, denn ein irreführendes Diagramm schadet dem Vertrauen schneller als ein schlichtes.

So funktionieren Motion Graphics, Schritt für Schritt

Jeder Schritt hat ein klares Ergebnis, das Sie prüfen können. Der Zeitrahmen wird in Ihrem Angebot vereinbart.

  1. 1

    Briefing

    Wo die Bewegung eingesetzt wird, Markenrichtlinien und Referenzen.

  2. 2

    Design

    Statische Style Frames vor der Animation freigegeben.

  3. 3

    Animatic

    Grobes Timing für längere Sequenzen.

  4. 4

    Animieren

    Vollständige Animation mit Easing, Timing und Ton, wo nötig.

  5. 5

    Prüfung

    Feedback auf einem privaten Link mit zeitcodierten Kommentaren.

  6. 6

    Export

    Dateien in jedem benötigten Format, plus Vorlagen.

Tools und was Ihr Angebot beeinflusst

Die Preisgestaltung richtet sich nach Ihrem Projekt und wird in Ihrem Angebot vereinbart. Diese Faktoren bestimmen es.

Motion Graphics: Preisfaktoren
FaktorWarum er wichtig ist
KomplexitätEinfache Textanimation kostet weniger als illustrierte Szenen.
LängeLängere Sequenzen brauchen mehr Animation.
Zahl der ElementeEin vollständiges Grafikpaket hat viele Teile.
InteraktivitätRive-State-Machines und interaktive Animationen bringen Mehrarbeit.
3D-Elemente3D bringt Modellierungs- und Renderzeit.

Häufige Fehler, die Sie vermeiden sollten

Was bei uns am häufigsten schiefgeht und wie ein gutes Projekt es vermeidet.

  • Alles animieren

    Zu viel Bewegung lenkt ab. Animieren Sie, was Aufmerksamkeit braucht.

  • Reduced-Motion-Einstellungen ignorieren

    Manchen Nutzern wird von Bewegung übel. Respektieren Sie ihre Systemeinstellungen.

  • Schwere Videodateien auf Websites

    Nutzen Sie Lottie oder optimiertes Video für Web-Animation.

  • Bewegung, die nicht zur Marke passt

    Bewegung, die nicht zur Persönlichkeit Ihrer Marke passt, fühlt sich falsch an, auch wenn sie gut aussieht.

Häufig gestellte Fragen

Können Sie unser bestehendes Logo animieren?

Ja. Senden Sie Vektordateien Ihres Logos, und wir entwerfen Animationskonzepte, die zu Ihrer Marke passen.

Was ist Lottie?

Ein Format, das After-Effects-Animationen als leichte Vektordateien auf Websites und in Apps abspielt, mit kleiner Dateigröße und scharfer Qualität.

Was ist Rive?

Ein Tool und eine Laufzeitumgebung für interaktive Animationen, die auf Nutzereingaben reagieren, etwa Hover-Zustände, Schalter oder spielähnliche Interaktionen.

Können Sie Vorlagen machen, die unsere Cutter nutzen können?

Ja. Wir erstellen Motion-Graphics-Vorlagen für Premiere Pro, die Ihr Team ohne After Effects bearbeiten kann.

Wie laufen Korrekturen bei Animationen ab?

Zwei Runden sind inbegriffen. Style Frames werden zuerst freigegeben, sodass sich Korrekturen auf Timing und Details konzentrieren, nicht auf die Richtung.

Fügen Sie Animationen Ton hinzu?

Ja, Sounddesign und Musik, wo die Animation mit Audio eingesetzt wird.

Können Sie Diagramme aus unseren Daten animieren?

Ja. Senden Sie die Daten, und wir gestalten Diagramme, die sich klar und korrekt aufbauen.

Verlangsamen Web-Animationen unsere Website?

Lottie- und Rive-Dateien sind meist klein. Wir optimieren sie und empfehlen Lazy Loading für Animationen unterhalb des sichtbaren Bereichs.

Können Sie mit unseren Entwicklern arbeiten?

Ja. Wir liefern Dateien mit Implementierungshinweisen und können bei der Einbindung helfen.

Gestalten Sie animierte Social-Beiträge?

Ja, als Einzelbeiträge oder wiederverwendbare Vorlagen für Ihre Social Media.

Können Sie Illustrationen animieren, die wir schon haben?

Ja. Senden Sie Quelldateien mit Ebenen aus Illustrator, Figma oder Photoshop, und wir bereiten sie für die Animation vor.

Gestalten Sie für Eventbildschirme?

Ja. Wir erstellen Endlos-Animationen und Bühnenvisuals in der Größe für LED-Wände, Projektion und Veranstaltungsbildschirme.

Können Motion Graphics in E-Mails verwendet werden?

Viele E-Mail-Clients spielen kein Video ab, daher exportieren wir kurze Animationen als GIFs oder animierte Bilder mit einem statischen Fallback.

Können Sie Abonnieren-Buttons und Endkarten machen?

Ja. Abonnieren-Aufforderungen im Markenlook, Endkarten und Kanalgrafiken gehören üblicherweise zu einem YouTube-Grafikpaket.

Erwecken Sie Ihre Marke zum Leben.

Sagen Sie uns, was Sie brauchen. Sie erhalten eine ehrliche Einschätzung, einen klaren Plan und ein schriftliches Angebot. Die erste Beratung ist immer kostenlos.

  1. Wie es weitergeht
  2. 1Sie sagen uns, was Sie brauchen
  3. 2Wir melden uns möglichst innerhalb von 24 Stunden mit Rückfragen
  4. 3Sie erhalten ein schriftliches Angebot für Ihr Projekt