Jetzt verfügbar: Werden Sie kostenlos zertifizierter Präsentationsexperte Einen Kurs nehmen

Wie man auffällige animierte Grafiken erstellt

Masooma Memon
Geschrieben von Masooma Memon
Veröffentlicht am Dez. 08, 2021
Wie man auffällige animierte Grafiken erstellt

In den 90er Jahren erzählte der Drehbuchautor von Toy Story, Andrew Stanton, dass er und seine Partner darum kämpfen mussten, dass ihre Idee für einen Animationsfilm genehmigt wurde, damit sie „beweisen konnten, dass man mit Animationen ganz andere Geschichten erzählen kann“.

Es ist erstaunlich, wie weit wir uns in den letzten 20 Jahren entwickelt haben. Die Erstellung animierter Grafiken für Ihr Unternehmen ist heute ein wichtiges Gesprächsthema.

Sie können eine Vielzahl von animierten Grafiken im gesamten Web sehen, von Grafiken für soziale Medien bis hin zu Blog-Grafiken und mehr.

Doch der Haken an der Sache ist, dass es zeitaufwändig und schwierig sein kann, saubere und überzeugende Animationen selbst zu erstellen.

Und wenn Sie einen Profi beauftragen, kann die Animation teuer werden. Die meisten Designstudien schweigen sich über die Kosten aus.

Im Allgemeinen liegen die Kosten für 2D-Animationen zwischen 3.000 und 50.000 USD. Und die Kosten für 3D-Animationen beginnen bei 10.000 USD und reichen bis zu 200.000 USD. Außerdem ist dieses Video der Beweis dafür, dass Animation eine komplexe Angelegenheit ist.

Ohje.

Doch bevor Sie in Panik verfallen, hier eine gute Nachricht (Trommelwirbel, bitte) – Sie können mit Visme animierte Illustrationen erstellen. Sehen Sie? Träume werden wahr.

Im heutigen Beitrag werden wir uns darauf konzentrieren, wie Sie mit Visme animierte Grafiken erstellen können. Darüber hinaus erfahren Sie, warum Ihr Marketingplan sie braucht und wie Sie sie kreativ einsetzen können.

Legen wir also ohne weitere Umschweife los.

 

Warum Sie animierte Grafiken in Ihrem Marketing verwenden sollten

Bevor wir uns mit der Erstellung von animierten Grafiken befassen, ist es wichtig zu verstehen, warum man sie überhaupt braucht.

Sind Sie bereit, die Magie der animierten Grafiken für Ihr Marketing zu erlernen? Halten Sie sich fest.

1. Animierte Grafiken erzählen Geschichten.

Unsere Gehirne lieben Geschichten. Das ist schon seit der Zeit der Höhlenmenschen so.

Animierte Illustrationen sind die moderne, digitale Version davon, eine Gruppe von Menschen um ein Feuer zu versammeln und Geschichten zu erzählen. Diese nutzen filmische Effekte, um Ihre Geschichte zu erzählen und Ihre Botschaft lebendig werden zu lassen.

Einfach ausgedrückt: Animationen sind eine hervorragende Wahl, um Ihr Publikum emotional anzusprechen, indem sie ihm eine Geschichte erzählen, die für es relevant ist.

Wir spiegeln auch die Emotionen wider, die das Bild auf der Leinwand zeigt, was perfekt erklärt, warum wir in einem Horrorfilm Angst empfinden oder sogar traurig sind, weil die Figur eine schwere Trennung durchmacht.

In ähnlicher Weise bewegen sich animierte Grafiken und fangen damit eine Emotion ein und vermitteln sie uns. Im Gegenzug spiegeln wir diese Emotion und stellen eine Verbindung her.

2. Animation vereinfacht Konzepte.

Animierte Grafiken eignen sich hervorragend zur Erklärung von Konzepten. Sehen Sie sich zum Beispiel diese Grafik an:

animated graphics - animation simplifies concepts
Passen Sie diese animierte Grafik-Vorlage an und machen Sie sie zu Ihrer eigenen!Bearbeiten und Herunterladen

Diese Grafik zeigt nicht nur Recyclingbehälter, sondern auch den Prozess, wie die verschiedenen Gegenstände in die einzelnen Behälter gelegt werden, und veranschaulicht so viel mehr als eine einfache statische Grafik es könnte.

Das bedeutet auch gute Nachrichten für Ihren ROI. Websites wie Crazy Egg haben dank eines animierten Erklärvideos einen Anstieg der Konversionsraten um 64 % verzeichnet und ein zusätzliches Einkommen von 21.000 USD pro Monat erzielt. Nicht schlecht.

3. Animierte Grafiken halten die Aufmerksamkeit.

Der Schlüssel dazu ist, die Aufmerksamkeit aufrechtzuerhalten. Nicht nur Aufmerksamkeit erregen.

Werfen Sie einen Blick auf diese animierte Grafik:

animated graphics hold attention
Passen Sie diese animierte Grafik-Vorlage an und machen Sie sie zu Ihrer eigenen!Bearbeiten und Herunterladen

Haben Sie nicht zugeschaut, bis alle animierten Elemente erschienen? Natürlich haben Sie das, denn Animation ist großartig! Und hat es Ihr Interesse an diesem neuen SEO-Tool nicht noch ein bisschen mehr geweckt? Mit einer einfachen, statischen Grafik wäre das nicht möglich gewesen.

Das ist Engagement auf einem ganz neuen Niveau, das auch Ihre Grafiken (und Ihre Botschaft) einprägsamer macht.

4. Animationen regen den Betrachter zum Handeln an.

Ein weiterer Pluspunkt: Animierte Grafiken ermutigen die Besucher, den von Ihnen gewünschten Schritt zu tun, z. B. einen Kauf zu tätigen.

In einem (wissenschaftlichen) Duell zwischen verbaler Präsentation und verbaler plus visueller Präsentation überzeugte letztere mehr als die Hälfte der Zuhörer (67 %), während eine rein verbale Präsentation nur 50 % der Zuhörer überzeugte.

Außerdem ist die Wahrscheinlichkeit, dass Menschen den Anweisungen folgen, wenn sie Text und Illustrationen sehen, um 323 % höher als wenn sie nur den Text verdauen müssen. Denken Sie an die Erklärung, wie man eine Dose öffnet oder ein Medikament einnimmt.

Eine animierte Call-to-Action-Grafik wie die unten stehende kann zu noch mehr Klicks und Konversionen führen als eine statische Version.

animated graphics - animation persuades your viewers to take action
Passen Sie diese animierte Grafik-Vorlage an und machen Sie sie zu Ihrer eigenen!Bearbeiten und Herunterladen

Wie man auffällige animierte Grafiken erstellt

Wir haben also sechs ernsthafte Vorteile für den Einsatz von animierten Grafiken in Ihrem Unternehmen behandelt. Nun zum nächsten Punkt: Lernen Sie, wie man diese fantastischen Grafiken erstellt!

 

Zu beachtende Prinzipien der Vorplanung

Bevor Sie beginnen, sollten Sie sich Folgendes einprägen: Bei der Erstellung von animierten Grafiken müssen Sie sich von Ihrer kreativsten Seite zeigen.

Denn wenn man nicht aufpasst, kann es leicht passieren, dass man eine kopfschmerzverursachende Animation entwirft. Außerdem müssen Sie sich auf die Details konzentrieren.

Dieses Google Doodle ist ein gutes Beispiel dafür:

Sehen Sie, wie sich der Mund der Lehrerin in der Animation bewegt, um darzustellen, dass sie den Schülerinnen und Schülern vorliest und sie nicht nur anleitet.

Es ist nicht verwunderlich, dass diese animierte Illustration gerade deshalb so hervorragend ist. Nehmen Sie also Ihren Notizblock zur Hand und notieren Sie sich das: Die Schönheit liegt im Detail.

Eine weitere Besonderheit dieses Beispiels ist, dass es nicht überladen ist.

Sie enthält nur das Nötigste. Nichts Besonderes.

Auch dies trägt dazu bei, den Fokus auf feinere Details zu legen und unnötige Elemente aus Ihrer Grafik zu entfernen, damit sie optisch ansprechend ist und nicht ablenkt.

Die Erkenntnis? Entwerfen Sie übersichtliche Designs, die dem Leben einen Hauch von Realität verleihen.

 

3 Schritte zur Erstellung animierter Grafiken

Wenn Sie bereit sind, Ihre eigenen animierten Grafiken zu erstellen, befolgen Sie diese drei schnellen Schritte, um direkt hier in Visme beeindruckende Animationen zu erstellen.

Schritt 1: Beginnen Sie mit einer Vorlage.

Jeder gute Entwurf beginnt mit einem Plan. Wenn Sie ein komplettes Bild im Kopf haben, können Sie jederzeit eine leere Leinwand öffnen und mit der Erstellung beginnen. Wir empfehlen jedoch, unsere animierten Vorlagenoptionen zu erkunden, um eine zu finden, die Sie an Ihre Marke und Ihre Inhalte anpassen können.

Welche Vorlagen animiert sind, erkennen Sie an dem Blitz in der Ecke der Vorschau.

animated graphics - available visme templates
Finden Sie die perfekte Vorlage für Ihre nächste animierte Grafik!Jetzt ansehen

Schritt 2: Fügen Sie die Elemente Ihrer Wahl hinzu.

Mit Visme können Sie Elemente sowohl zu Ihrem leeren Blatt als auch zu Ihrer Vorlage hinzufügen.

Das Beste daran ist, dass alle Vorlagen auf Ihre Bedürfnisse zugeschnitten werden können. Sie können ihre Farben ändern. Fügen Sie neue Formen und Gestaltungselemente wie Linien, Schaltflächen, Pfeile und vieles mehr hinzu. 

Fügen Sie diese hinzu, indem Sie die Option Grafiken auf der linken Seite Ihres Visme-Dashboards aufrufen. Wenn Sie auf Grafiken klicken, können Sie aus einer Reihe von Optionen wählen.

animated graphics - animated illustrations and elements

Diagramme finden Sie auch unter Grundlagen über Grafiken.

Von hier aus können Sie ganz einfach animierte Flussdiagramme erstellen, bei denen jede Anweisung nach der anderen ins Bild springt und so ein interaktives Flussdiagramm anstelle eines langweiligen, statischen Diagramms entsteht.

animated graphics - animated flowchart

Bonus:  Nutzen Sie die neuen Illustrationen, Charaktere und Gesten, die Visme Unleashed für Sie bereithält.

Stellen Sie sicher, dass Sie Ihre Schriftarten, Farben und mehr vollständig anpassen, um Ihre Inhalte zu kennzeichnen und sicherzustellen, dass sie Ihren Kampagnenzielen entsprechen.

Schritt 3: Herunterladen und Teilen.

Sobald Sie Ihre animierte Grafik vollständig angepasst haben, können Sie sie herunterladen und teilen. Visme bietet Ihnen mehrere Möglichkeiten, Animationen mit Ihrem Publikum zu teilen.

Erstens können Sie sie als GIF oder Video herunterladen, um sie auf soziale Medien oder in Blogbeiträge hochzuladen.

Zweitens können Sie einen Link generieren, den Sie mit anderen teilen können (entweder öffentlich oder privat), um ihn an Ihr Publikum zu senden.

Drittens können Sie sie in einen Blogbeitrag oder eine Webseite einbetten, so dass alle animierten oder interaktiven Inhalte vollkommen intakt bleiben.

 

Design-Tipps für die Erstellung beeindruckender animierter Grafiken

Bevor Sie sich an die Gestaltung machen, sollten Sie diese Tipps lesen, um Grafiken zu erstellen, die Ihr Publikum beeindrucken werden.

1. Bleiben Sie bei Ihrem Branding.

Unabhängig davon, ob Sie von Grund auf neu beginnen oder eine Vorlage verwenden, ist es wichtig, dass Sie markengerechte Designs erstellen. Verwenden Sie Ihre Markenfarben und erstellen Sie animierte Illustrationen, die zu Ihrer Markensprache passen.

2. Seien Sie subtil.

Die besten Effekte, die einer animierten Grafik hinzugefügt werden können, sind die, die niemandem auffallen. Ändern Sie zum Beispiel subtil die Farben. Wenn man plötzlich einen Filter hinzufügt, werden die Dinge zu offensichtlich. Und unschön.

Wenn Sie jedoch die Schattierungen in Ihrem Design langsam abdunkeln, führen Sie die Veränderung langsam ein, um sie subtil und damit wirksam zu machen.

3. Entfernen Sie alles Unnötige.

Ein wichtiger Gestaltungsgrundsatz, den Sie immer im Hinterkopf behalten sollten, ist die Harmonie zwischen allen Elementen in Ihrem Design. Alles, was darüber hinausgeht, birgt die Gefahr, die Harmonie zu stören.

4. Seien Sie kreativ mit Farbe.

Farbe kann die Bereitschaft zum Lesen um 80 % erhöhen. Nutzen Sie dies zu Ihrem Vorteil. Setzen Sie auf bewährte Farbkombinationen. Oder lernen Sie, wie man mit Farben Emotionen hervorrufen kann.

add your favorite colors into your designs with visme

5. Seien Sie einzigartig.

Verwenden Sie wenig bekannte Formen. Verzichten Sie auf überstrapazierte Gestaltungselemente wie Silhouetten und Formen wie Flügel und Zwiebeln.

Außerdem sollte Ihr Entwurf leicht verständlich sein. Das Ziel ist es, die Geschichte fließen zu lassen, ohne dass die Zuschauer sich anstrengen müssen, um sie zu verstehen.

Um hier auf Nummer sicher zu gehen, sollten Sie diese Fehler beim Grafikdesign vermeiden, bevor Sie mit der Erstellung animierter Grafiken beginnen.

 

Kreative Wege zur Verwendung animierter Grafiken im Marketing

Nun, da Sie wissen, wie Sie tolle animierte Grafiken für Ihr Unternehmen erstellen können, sollten wir uns einige kreative Möglichkeiten ansehen, wie Sie diese Grafiken in Ihre Marketingstrategie einbinden können.

Erstellen Sie ein animiertes Video oder eine Diashow.

Wir haben bereits die Ergebnisse gesehen, die Crazy Egg mit Hilfe eines animierten Erklärvideos erzielt hat. Mint verwendet einen ähnlichen Ansatz:

Im Allgemeinen können animierte Erklärvideos die Konversionsrate um bis zu 20 % steigern.

Mit Visme können Sie diesen Ansatz leicht duplizieren, indem Sie animierte Diashows oder Präsentationen zusammenstellen und als Video exportieren.

Animieren Sie Ihre Daten.

Daten müssen nicht langweilig sein. Laden Sie sie in Diagramme und Grafiken und animieren Sie sie wie in diesem Beitrag:

Passen Sie diese animierte Diagramm-Vorlage an und machen Sie sie zu Ihrer eigenen!Bearbeiten und Herunterladen

Interessant, nicht wahr? Lesen Sie mehr über die Erstellung animierter Diagramme.

Bringen Sie Ihre Berichte und Infografiken auf ein ganz neues Niveau.

Sie können auch Berichte animieren, z. B. Ihren jährlichen Wachstumsbericht. Machen Sie dasselbe mit Ihren Infografiken. Das ist ein hervorragendes Mittel gegen die Ermüdung durch Infografiken.

Wir haben einen detaillierten Leitfaden zur Animation Ihrer Infografiken, damit Sie eine ähnliche Infografik für Ihr Unternehmen erstellen können.

Und wenn Sie schon dabei sind, animierte Infografiken zu entwerfen, vergessen Sie nicht, sich die Designregeln für Infografiken anzusehen, die jeder Marketer kennen sollte.

Verwenden Sie animierte Charaktere.

Dies ist besonders hilfreich, wenn Sie ein Markenmaskottchen haben. Und es ist eine wunderbare Möglichkeit, Ihr Spiel des Geschichtenerzählens zu verbessern.

Sehen Sie sich unser eigenes Markenmaskottchen hier bei Visme in unserem animierten Erklärvideo unten an.

Sie können sogar die eigenen Charaktere und Maskottchen von Visme als Ihr eigenes Markenmaskottchen oder animierten Vertreter verwenden.

animated graphics - animated characters

Animierte Illustrationen hinzufügen.

Sie können auch animierte Illustrationen erstellen, um Ihren Standpunkt zu erläutern. Sie können sie z. B. in Ihren Blogbeiträgen oder Blog-Bildern verwenden. Visme bietet Ihnen über 500 anpassbare Charaktere, Gesten und Illustrationen.

animated graphics - add animated illustrations from visme

Verwenden Sie animierte Grafiken als Teil Ihres Social Media-Marketings.

Ein durchschnittlicher Nutzer betrachtet einen Social Media-Beitrag nicht länger als 3 Sekunden. Aber man kann immer mehr Aufmerksamkeit erregen. Wie? Verwenden Sie Animationen.

GIFs, ein Animationstyp, können beispielsweise das Engagement um 55 % steigern.

Sie können auch einen „neuen Blogbeitrag“ oder eine „Rabatt-/Verkaufswarnung“ in einer animierten Grafik teilen, wie im folgenden Beispiel. Oder probieren Sie weitere dieser Ideen für soziale Inhalte aus.

animated graphics - animated social media template
Passen Sie diese animierte Grafik-Vorlage an und machen Sie sie zu Ihrer eigenen!Bearbeiten und Herunterladen

Im Folgenden wird der Prozess der Erstellung von Grafiken für soziale Netzwerke erläutert.   

Oder beobachten Sie stattdessen den Prozess:

 

Sind Sie bereit, mit animierten Grafiken zu punkten?

Die Erstellung animierter Grafiken ist keine Raketenwissenschaft. Und Sie müssen es definitiv nicht auslagern. Machen Sie es stattdessen selbst! Melden Sie sich einfach für ein Visme-Konto an und animieren Sie los.

Wer ist also bereit, epische animierte Illustrationen zu erstellen?

Masooma Memon
Geschrieben von Masooma Memon

Masooma Memon is a pizza-loving freelance writer by day and a novel nerd by night. She crafts research-backed, actionable blog posts for SaaS and marketing brands who aim to employ quality content to educate and engage with their audience.

Ihr schöner Inhalt beginnt hier!

Gestalten Sie visuelle Markenerlebnisse für Ihr Unternehmen egal ob Sie ein erfahrener Designer sind oder gerade erst damit beginnen.

Testen Sie Visme kostenlos