Der wackelnde Wahnsinn — GIFs in Bewegung entdecken + GIFs selbst erzeugen
Es gab diesen Moment, da waren GIFs verschrien, als Ladezeit-raubende Nichtigkeiten. Was soll auch dieser kleine Hund, der ständig von links nach rechts läuft oder das sich drehende E-Mail-Icon? Niedlich, klar, aber irgendwann hatte sich das Netz daran satt gesehen. Und so wurde es still um die kurzen Animationen. Doch es ist wieder da. Die GIF-Renaissance ist vielfältig, grell und bunt.
So wird das animierte GIF (Graphics Interchange Format) oft großflächig eingesetzt, um kurzen Filmszenen einen neuen Sinn zu geben. Auch künstlerische Umsetzungen begeistern, wobei überdrehte Ladezeit kaum eine Rolle zu spielen scheint. Wir stellen zahlreiche Beispiele vor und geben Tipps, um das eigene bewegte Bild zu erzeugen.
GIF-Archive
Wir kennen das Internet als „The Good, the Bad and the Ugly”, aber die folgenden Gif-Archive scheinen sich eher auf „Ugly“ spezialisiert zu haben. Dabei geht es auch gar nicht um eine ansprechende Ästhetik, sondern vielmehr um den Reiz, eine kurze Szene durch eigene Worte neu zu definieren. Wie das gelingt, zeigt etwa der Softwareriese Adobe Deutschland zum Wochenende.
Auch die offizielle deutsche Star Wars-Seite nutzt diese Technik. Dazu wurde einfach nur ein passendes GIF aus dem Archiv Giphy eingebunden.
Gifgifgifgifgif
Mehr als nur fünf GIFs sind schon auf dem ersten Blick bei dem Projekt gifgifgifgifgif zu sehen. Der Bildschirm ist überfüllt. Zum Glück werden die Animationen erst abgespielt, sobald eines der Bilder angeklickt wird.
GIFbin
GIFbin bietet eine Suchfunktion, was praktisch ist, falls eine Animation Themen bezogen genutzt werden soll. Wer sich inspirieren lassen möchte, bemüht den Zufallsgenerator, der aus dem Archiv ein GIF herauspickt oder steuert die Tag-Seite an.
GIPHY
Auch Giphy schenkt uns eine Suchfunktion. Zwecks weiterer Einschränkung gibt es Kategorien, wie etwa Tiere, Emotionen oder Cartoons & Comics, einen Artist-Bereich mit GIF-Künstlern, sowie Favoriten, in denen die meist geteilten Animationen eines Monats präsentiert werden.
Little Plastic Things
Little Plastic Things konzentriert sich auf die alten Filmklassiker. Schwarzweiße Augenblicke, die ernst wirken. Vorbildlich ist, dass jedes GIF eine ausführliche Quellenangabe bereit hält. Ähnlich wie bei Mr. Gif geht es hier nur Seite für Seite weiter, wobei praktisch jede Animation sehenswert ist.
GIFMovie
Der Name deutet schon an, dass sich auch GIFMovie auf Filmausschnitte spezialisiert hat. Zahlreiche der animierten GIFs haben allerdings schon eine Aussage in Textform erhalten, so dass diese Varianten nicht so frei für eigene Zwecke neu definiert werden können.
Der künstlerische Ansatz – Die Ehrenrettung des GIFs
Nach den eher groben Filmausschnitten kommen wir zu einem Bereich, in dem das animierte GIF als Werkzeug eingesetzt wird, um echte Kunst zu produzieren. Diese sind nicht zum freien Einsatz gedacht, zeigen aber auf, wie sich die animierten Bilder auch zu künstlerischen Gebilden summieren lassen.
Carl Burton
Carl Burton setzt bei seinen GIFs auf leichte Pastelltöne und eine illustrative Gestaltung. Die Animation ist dabei immer dezent umgesetzt und zeigt sanfte Bewegungen oder auch nur ein Aufleuchten.
Micaël Reynaud
Micaël Reynaud beschleunigt kreativ die Zeit, wenn etwa eine Pizza im Ofen gebacken wird, dabei aber die Abfolge der Bewegung verschiedenste Geschmacksrichtungen präsentiert, oder auch bei einem Sonnenuntergang, der die verschiedenen Phasen nicht nur beschleunigt, sondern zum Teil übereinander lagert. Gerne auch auf Twitter folgen.
Mr. Div
Mr. Div zeigt geometrische Formen, die sich künstlerisch verwandeln, verformen oder durch einen Raum bewegen. In den Farben und Formen reduziert, erinnern seine Werke an alte Plattencover der Siebziger Jahre.
Guillaume Kurkdjian
Oft sind es Bauwerke, die bei Guillaume Kurkdjian kreativ aufklappen, Besuch erhalten oder wachsen. Aber auch Autos oder Hardware, wie etwa ein recht lebendiges Smartphone gibt es da zu bestaunen. Die Farbstimmung ist reduziert, die Formen illustrativ.
Cindy Suen
Bei Cindy Suen wird es farbenfroh und kitschig: da gibt es etwa KitKat-Riegel, die sich wild drehen, rennende Toast-Katzen (muss man sehen!) und auch Google Doodle zu bestaunen.
Paul Robertson
Pixel für Pixel setzen sich die Animationen von Paul Robertson zusammen, der sich der bewegten Pixelart verschrieben hat. Leider ist hier auch der Hintergrund animiert, doch wer das ignoriert, kann zahlreiche Beispiele künstlerischer GIF-Animationen entdecken.
Robin Davey
Der Illustrator und Animator Robin Davey zeigt bewegte Muster, die ein Motiv gleich mehrfach gespiegelt faszinierend verknüpfen. Recht kritische GIFs zeigen die Gefahren des zu langen Sitzens auf, Gründe für Fettleibigkeit und die Feinstaubproblematik.
Cinemagraphs
Cinemagramme sind eher Fotos, als Animationen. Die Bewegung liegt dabei nur in einem kleinen Teilabschnitt des Bildes. So werden die feinen Änderungen oft nur auf den zweiten Blick sichtbar.
GIF-Generatoren
Wer nun Spaß an den bewegten Bildern gefunden hat, wird sich über die zahlreichen GIF-Generatoren freuen die uns dabei unterstützen, aus mehreren Aufnahmen oder auch Videos ein GIF zu erzeugen.
Der Name der Website sagt es schon aus: hier geht es um die Erzeugung von GIFs. Und dazu werden uns verschiedene Methoden angeboten, um etwa aus einem Video oder einer Abfolge von Bildern ein bewegtes GIF zu gestalten. Je nach Auswahl erscheint ein anderes Interface, das schnell zum Ziel führt. Wer allerdings Animationen erzeugen möchte, die länger als 10 Sekunden dauern, so ist eine Anmeldung erforderlich. Generell kann die Größe und Geschwindigkeit geregelt werden.
Der freeGIFmaker unterteilt ebenso in verschiedene Ausgangsmedien, wie etwa Bildmaterial oder YouTube-Videos, bietet aber auch einen GIF-Effekt an, der aus einem einzelnen Foto eine Bewegung zaubert. Dabei wird ein Foto etwa verpixelt, rotiert, Augen vergrößert oder kitschig mit Herzchen ausgestattet. Auch Zoomeffekte, animierte Weichzeichnungen oder Farbänderungen werden geboten.
Make Animation bietet weitaus mehr Funktionen an, wodurch dieser Editor auch zum Bearbeiten schon bestehender GIFs eingesetzt werden kann. Dazu stehen nach dem Upload zahlreiche Animationsoptionen bereit, wie etwa zur Größe, der Hintergrundfarbe, zu abgerundeten Ecken oder auch der Geschwindigkeit. Zusätzlich kann noch Text über das Bild gelegt werden, wobei alle bekannten Formatierungen, wie etwa zur Schriftgröße, -Farbe oder –Art bereit stehen.
Hier kann selbst die Webcam für die nötige Abfolge in der GIF-Animation sorgen. Darauf legt dieser Anbieter auch seinen Schwerpunkt. Doch auch einzelnes Bildmaterial kann hoch geladen werden. Und wer etwas künstlerisch begabt ist nutzt hier die Chance, mit einem Pinsel direkt zu zeichnen oder geometrische Formen einzufügen. Die Geschwindigkeit mit in Millisekunden angegeben, dann das GIF produziert, welches Bild für Bild abgelegt wurde.
Bildeditoren, die rein im Browser laufen, gibt es mittlerweile zuhauf. Dieser Online Image Editor hat sich aber auf GIF-Animationen spezialisiert. Praktisch ist dabei, das fertige GIFs in der Größe angepasst oder neu zugeschnitten werden können. Auch einige Effekte werden geboten, wobei Sternenglitzern und fliegende Herzchen vielleicht nicht jedermanns Geschmack treffen.
Kurz-Tutorial: GIF-Animationen in Photoshop
Auch die Bildbearbeitung Photoshop bietet eine eigene Funktion an, um aus einzelnen Bildern eine GIF-Animation zu erzeugen.
GIF-Animation-Schritt #1: Die Vorbereitung
Im Menü gehst du auf Fenster > Zeitleiste, um Photoshop Schaltzentrale für Animationen aufzurufen. Für die Abfolge der Bewegung benötigen wir auf eigenen Ebenen die entsprechenden Elemente, welche die Animation bilden sollen.
Hier ist das etwa eine Hintergrundebene mit einer Farbfläche, darüber zahlreiche Kopien einer Rakete, welche in Bewegung versetzt werden soll, sowie eine weitere Ebene mit Wolken, um den Ursprung der Rakete zu verschleiern. Die Kopien der Rakete wurden jeweils etwas nach oben, links positioniert, um die spätere Animation zu erleichtern.
GIF-Animation-Schritt #2: Animation erzeugen
Klicke den Button Frameanimation erstellen im Zeitleiste-Fenster an. Jede sichtbare Ebene wird nun im Dialog abgelegt, wobei das erste Kästchen auch für das erste Bild einer längeren Animation steht. Der Button Dupliziert ausgewählte Frames sorgt für das nächste Bild, in dem die erste Ebene mit der Rakete aktiviert ist.
So folgt nun Frame für Frame, wobei jeweils die letzte Ebene mit der nächsten Ebene mit der neu positionierten Rakete ausgetauscht wird, um den Bewegungsablauf abzubilden. Über die Sichtbarkeit (das Augen-Symbol im Ebenenbedienfeld) erfolgte so die Steuerung.
GIF-Animation-Schritt #3: GIF exportieren
Statt einmal soll die Animation Unbegrenzt ablaufen. Der Button Spielt die Animation ab ermöglicht einen Test. Erfolgt die Animation zu schnell, so ändere die Zeit unterhalb jeden Frames ab. Für den Export gehst du auf Datei > Exportieren > Für Web speichern und wählst GIF als Format aus. Reduziere die Farben soweit möglich und klicke unten, links auf Vorschau, um das Ergebnis zu überprüfen. Passt alles, so gehst du auf Speichern.