Anleitung zum GIF erstellen: Große Wirkung mit wenig Aufwand für soziale Medien

anleitung GIF erstellen online
Bewegtbild als Endlosschlaufe: GIFs | © Cartoon Bart Simpson: Pavel Sokolov

Du willst Facebook, Twitter, TikTok oder Pinterest mit Videos aufpeppen? Chef oder Kunde fordern animierte Clips für Facebook, Twitter? Oder für andere Social-Media-Kanäle? Budget oder Know-how reichen hinten und vorn nicht für eine Videoproduktion? In diesem Artikel zeige ich dir, wie man kostenlos coole GIF erstellen kann.

In diesem Artikel findest du Informationen und eine Anleitung, wie die kleine Schwester von Video funktioniert. Und wie man kostenfrei online coole animierte GIF-Bilder herstellen kann. Mein Beitrag richtet sich an Profis, wie an Einsteiger beim Thema GIF erstellen.

Dabei steht die Produktion als echte und günstigere Alternative zu Social Videos im Vordergrund. Ich gebe Profi-Tipps für die Gestaltung animierter Endlos-Bilder. Und erkläre, wie man diese auch im PNG-Format oder neu als WebM erstellt.

1Warum eine GIF erstellen?

Die ersten Sekunden entscheiden, ob ein Video auf Social Media angeklickt wird (WILD-Prinzip). Dabei belegen neue Studien, dass der Überlebenskampf der meisten Videos nicht mehr als 2 Sekunden (Desktop) dauert.

Wird in dieser Zeitspanne in den sozialen Netzwerken kein Impuls beim User ausgelöst, bleibt das restliche Video ungesehen! Bei Smartphones dauert dieser Zeitraum sogar deutlich unter 2 Sekunden. Es ergibt darum Sinn, eine kostenlose Form für Bewegtbild zu suchen. Eine, die kürzer als ein klassischer Film ist.

Animierte GIF’s entsprechen diesem Profil. Mit 256 Farben können sie nahezu jedes Motiv befriedigend abbilden. Dazu kommt, dass man diese Art von Clips in hoher Qualität mit wenig Aufwand produzieren kann. Tiefe Kosten inbegriffen.

Tutorial | © YouTube / Adobe DE

Ein animiertes GIF erstellen mit Photoshop | Adobe DE

Bei Social Media muss man sequenziell denken. Über den Erfolg entscheidet selten ein einzelner Clip. Erfolge bringen Serien. Und regelmäßige Posts. Der User will in seiner Timeline mit neuem Inhalt angesprochen und überrascht werden. Dies gilt auch für Facebook wie Twitter.

Was können GIF?

Vorteile:

  • starten automatisch
  • kommen auf den Punkt
  • sind kostengünstig
  • setzen klare Impulse
  • perfekt für Social Media

Ein GIF kann sogar Geschichten erzählen. So betrachtet ist das Graphics Interchange Format einem Video recht nah.

2GIF Bilder: Wenn der Boss nach Zahlen fragt

Die Beliebtheit von GIF-Clips nimmt explosionsartig zu. Belegen kann man das am Beispiel der Gratis-Datenbank GIPHY. Bereits 2013 zählte die Plattform für animierte Bilder zu den Top 100 Webseiten weltweit.

Vier Jahre später gab GIPHY bekannt, dass pro Tag (!) über 200 Millionen Nutzer auf die Kurzanimationen dieser Plattform zugreifen. Diese geht regelmäßig Partnerschaften mit weltweit bekannten Marken wie Disney, Pepsi und Calvin Klein ein.

Auch gut zu wissen: du findest Clips aus dieser Kategorie einfach im Web. Du brauchst bei Google nur nach Stichworten zu suchen. So wie „Funny Pictures“, „Cute Good“, „GIFLindos“ und „Good Morning Coffee“. Oder „Good Morning Picture“, „Funny Animal“, „Good Night“. Und „Morning Humor“, „Funny Cartoons“, „Line Stickers“ oder „Animated Stickers“.

3Kostenlose Online-Tools zum animierte GIF erstellen

GIPHY.com ist nicht nur eine GIF-Datenbank. Sondern auch ein Gratis-Tool zur Herstellung. Du kannst mit der Funktion Create aus einem Foto oder Video einen Kurzclip erstellen. Also mit jedem YouTube Video.

Dazu kopiert man ein Link zum Video auf YouTube in das vorgesehene Feld. Dann bestimmt man einfach den Startzeitpunkt. Und das Ende der Sequenz. Fertig ist das GIF-Bild. Und der animierte Clip.

Auch gestattet das Tool, GIFs kostenlos Schriften beizufügen. Oder mit Farben zu arbeiten. Ebenso einfach fügst du ein Hashtag (#) bei. Das Video setzt man dann mit einem Link direkt auf Social Media ein.

Kostenlose Erstellung von GIF: Einstiegsseite von GIPHY.com
Gratis Clips produzieren: Einstiegsseite von GIPHY.com

Eine weitere, kreative Spielart für die Produktion von GIF Bildern ist die Aufzeichnung von Inhalten direkt ab Screen. Am einfachsten geht das mit einer Giphy Cam. Dabei unterstützen Programme wie ScreenToG. Mit dieser Software erstellst du mühelos animierte Endlos-Clips.

So lassen sich mühelos auch kostenlose GIFs mit animierten Screenshots erstellen. Einfach die Aktivitäten auf dem Bildschirm eines Smartphones, Laptops oder Desktops aufzeichnen. Und fertig.

Beliebte Gratis-Programme aus dieser Kategorie mit lustigen GIFs sind:

Arbeitest du mit Microsoft 365 von Windows? Dann kannst du auch mit PowerPoint eigene Clips erstellen. Und gratis downloaden. Dazu zeichnet man ebenfalls Bildschirm auf. Siehe dazu Artikel Filmpräsentation erstellen. Unter Export wählst du bitte das gewünschte Bildformat.

Zu den coolen Gratis-Programmen gehört Data GIF Maker. Die kostenlose Software von Google visualisiert Daten und Zahlenreihen.

4Grafiken mit Data GIF Maker erstellen

Für die grafische Darstellung von Zahlen gibst du online die entsprechenden Zahlenwerte ein. Nun lässt du das Programm rendern. Fertig ist die GIF-Animation. Mit dem Download hast du alles für die Einbindung in den sozialen Medien. Oder für die eigene Website.

Der Data GIF Maker von Google News Lab wurde Mitte 2020 vollständig überarbeitet. Und für die Bildanimation neu veröffentlicht.

Data GIF Maker. Die Gratis-Software von Google visualisiert Daten und Zahlenreihen.
Data GIF Maker von Google (Stand 2017)

Das Online-Tool ist vorbildlich, um GIFs kostenlos zu erstellen:  Es ist einfach verständlich. Ohne Vorkenntnisse bedienbar. Bis zu fünf Zahlengrößen können animiert werden. Ebenso kann man Zahlen als animierte Grafik vergleichen und gratis downloaden.

Die Dateien kann man in zwei Auflösungsvarianten rendern. Dies allerdings dauert seine Zeit.

5Wie man GIF erstellt mit Photoshop oder Adobe Animate

Photoshop von Adobe ist kostenpflichtig. Die Lizenz für die Profi-Software gibt es für 95 € pro Jahr. Für Studierende bestehen Sondertarife.

Photoshop ist ein langjährig bewährtes Tool. Damit hast du die volle Kontrolle. Sogar über alle 256 Farben dieser Art Animationsdatei. Wer in den sozialen Netzwerken regelmäßig GIF erstellt, ist als Nutzer mit dieser Software gut beraten. Auch wer mit vergleichbaren Formaten wie WebM oder APNG arbeitet.

Wer sich im Filmschnitt mit Adobe Premiere auskennt, kommt mit dieser Software sofort zurecht. Als Einsteiger nutzt man wegen der Komplexität des Programms eine Videoanleitung. Tipps, wie man mit Photoshop coole GIF erstellt, gibt es hier.

Während du bei GIPHY nur mittels Link Zugriff auf die Clips bekommst, erlaubt Photoshop beim Erstellen von GIF alles. Was das Herz begehrt und das Hirn sich ausdenken kann, ist darum machbar.

in Photoshop animieren
Photoshop: Im Screenshot wurde die Datei des „Data GIF Maker“ importiert.

Zusätzlich kann man hier in der Zeitleiste die Animation schon vor dem Playout optimieren. Die Funktion sieht man bei Kategorien oder nutze die Option, doppelte / redundante Pixel automatisch von der Software entfernen lassen. Darum wird die Größe der Datei geringer. Und die Ladezeit schneller.

in Photoshop optimieren: GIF Bilder
Erstelltes GIF-Bild in Photoshop optimieren

Die fertiggestellte Bildanimation ist als Datei als GIF oder PNG Format downloadbar.

Bei der Animation mit Photoshop zum GIF erstellen kann man die Anzahl der Wiederholungen und die Bildgröße (Pixel) wählen. Die Möglichkeiten reichen dabei vom einmaligen Abspielen bis zur Endlosschleife.

Nebst Photoshop bietet auch Adobe Animate eine Option zum Playout im Format GIF an. Animate ist eine Software gedacht zur Erstellung u. a. von HTML5 Bannern.

6Animierte Bilder: GIF, APNG oder WebM?

Die Abkürzung GIF steht für Graphics Interchange Format. Das kostenlose Format gibt es schon länger als das Internet! Kein Wunder gilt es darum als veraltet. Es wird zwar von nahezu allen Browsern verarbeitet. Aber es ist hinsichtlich Dateigröße und zum Video komprimieren für das Web nicht optimal.

  • Darum akzeptiert Facebook nur GIF bis 8 MB Größe.
  • Twitter erlaubt 5 MB für Mobiltelefone und 15 MB für alle anderen Anwendungen.

Google straft Websites mit langen Ladezeiten ab. Diese ranken in den Suchmaschinen tiefer. In der digitalen Welt gilt:  je schneller, desto besser.

Lange Ladezeiten entstehen nicht nur durch die schlechte Programmierung einer Webseite. Auch fette Fotos oder eben Animationen stören. Das gilt besonders für die GIF-Bilddatei.

Lösung: Komprimieren. Nutze darum den Online Optimizer oder den Compressor. Für Webseiten und den Versand per Video-E-Mail ist eine Komprimierung unerlässlich. Damit bekommst du eine professionelle Einbettung in HTML5.

Bei Facebook oder Twitter erfolgt die Kompression automatisch und direkt im Portal beim Upload.

7APNG und WebM sind besser!

Das Grafikformat PNG gibt es auch für Animationen. Für animierte Bilder heißt das Format APNG. Es taugt perfekt zum einfach GIF erstellen. Der erste Buchstabe im Namen des Formats, das A, steht dabei für animated.

APNG zeigt im Browser von Firefox, Google Chrome, Opera und Safari die Bildanimation. Noch besser ist WebM: Dieses moderne Format zeichnet sich durch eine besonders geringe Dateigröße aus.

Beim GIF erstellen noch attraktiver als APNG ist mit Blick auf die Dateigröße das Format Animated WebP. Es ist kostenlos. Profis und Speed Freaks freuen sich darüber, dass dieses Grafikformat den Alpha-Kanal mit Lossy-RGB komprimiert. Diese Art Datei wird genauso wie das Graphic Interchange Format von nahezu allen Browsern unterstützt. Auch die Titelbild-Animation in diesem Artikel ist eine WebP-Datei.

Alle die erwähnten Dateiformate werden als Endlosschleife ausgegeben. Abhängig von der Software kann man die Anzahl der Wiedergaben auch in der Datei festschreiben. So mit der Software Photoshop.

8Die richtige Länge für Bild-Animationen

Auch wenn GIF Videos aus technischer Sicht – theoretisch! – eine Länge von bis zu 3 Minuten haben können:

Halte die Animationen kurz! Erstens entscheiden nur wenige Sekunden am Anfang über den Erfolg. Zweitens generiert jeder lange Clip eine hohe Datenmenge. Diese behindert die Ladezeit bei Webseiten.

Das musst du wissen

  • GIF-Dateien sind kurze, tonlose Animationen. Deren Farbpalette umfasst 256 Farben. Sie lassen sich aus anderen Formaten konvertieren. Und in andere Videoformate verwandeln.
  • Sie können mit unterschiedlicher Software online und offline, viele auch gratis, erstellt werden.
  • Bekannte Gratis-Software für animierte Clips: MakeAGif, GIPHY Capture, LICECap, GifCam und Data GIF Maker.
  • Animierte Clips erstellt man professionell mit Adobe’s Photoshop.

9Konvertierung in ein anderes Format

Auf der Webpage EZGIF kann man das Graphic Interchange Format in APNG, Animated WebP und sogar in MP4 Videos umrechnen. Und kostenlos downloaden. Du kannst aus Videos gratis GIF erstellen. Oder mit dem iPhone.

10GIF-Animation: Achtung! Keine Tonspur

Diese Art Clips hat keine Tonspur. Darum gilt wie beim Stummfilm: Was im Bild nicht sichtbar ist, findet nicht statt. Deshalb spielen Grafik und Titel beim GIF erstellen und für den Nutzer eine besonders wichtige Rolle.

Umgekehrt nimmt die Wichtigkeit von Audio beim Abspielen von Mediendaten auf Smartphones konstant ab! Immer weniger User schauen gemäß Umfragen kurze Videos auf dem Mobiltelefon mit Ton.

11Nutzungsrechte beim GIF erstellen beachten!

Kurzanimationen online mit Fremdmaterial und YouTube einfach erstellen? Ja, aber …

Für GIFs gelten dieselben Gesetze und rechtlichen Spielregeln wie für Videos und Fotos. Ohne Nutzungserlaubnis online stellen, ist eine Urheberrechtsverletzung. Daran ändert nichts, ob man die Clips zu gewerblichem Zweck erstellt. Oder, privat und mit, oder ohne, Gewinnabsicht!

Die Verwendung von GIPHY erfolgt in Deutschland in einer rechtlichen Grauzone. Dies, weil es nicht immer offensichtlich ist, dass es sich dabei nicht um urheberrechtlich geschütztes Material handelt.

12Abgrenzung zu Cinemagrafs

Cinemagrafs unterscheiden sich von GIF erstellen und Videos mit ihren 256 Farben einzig durch den höheren künstlerischen Anspruch.

Aus technischer Sicht wird auch ein Cinemagramm in einem der vorerwähnten Dateiformate (APNG oder Animated WebP) ausgegeben. Die Bildanimation spielt als Endlosschleife.

13Unterschied zu Video

Videos transportieren Emotionen und Informationen. Als Träger dazu nutzen sie Geschichten. GIF Bilder dagegen setzten mit animiertem Bild kürzere Impulse.

Animierte GIFs sind kürzer als ein Film. Sie sind vorwiegend emotional. Und in der Werbung eine Aufforderung, mehr über ein Thema zu erfahren.

Filme haben einen Anfang und ein Ende. GIFs sind Endlosschleifen.

Fehler gefunden? Jetzt melden
Dieser Artikel wurde erstmals publiziert am 24.07.2018

Carrie Duvan 19 Artikel
Carrie Duvan hat am Aufbau einer Social Media Plattform mitgearbeitet und war Chief Web Officer (CWO) für ein internationales Agenturnetzwerk. Carrie ist glücklich ❤️ verheiratet und Mutter.

Teile jetzt deine Erfahrungen

Kommentar hinterlassen

E-Mail Adresse wird nicht veröffentlicht. Links zu Werbezwecken werden ausgefiltert.


*