Image Image Image Image Image Image Image Image Image Image
Scroll to top

Top

Der wackelnde Wahnsinn — GIFs in Bewegung entdecken + GIFs selbst erzeugen

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.

gifs1

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.

gifs3

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.

gifs4

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.

gifs5

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.

gifs6

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.

gifs7

 

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.

kunstgif1

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.

kunstgif2

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.

kunstgif3

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.

kunstgif4

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.

kunstgif5

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.

kunstgif6

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.

kunstgif7

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.

kunstgif8

 

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.

makeagif

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.

gifs8

GIFmaker

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.

gifs9

Make Animation

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.

gifs10

GIFPAL

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.

gifs11

Online Image Editor

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.

gifs12

 

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-photoshop1

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-photoshop2

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.

gif-photoshop3b