GIF-Animation erstellen
Was ist das Besondere einer GIF-Datei?
Bei einer GIF-Datei (= Graphic Interchange Format) handelt es sich um ein Dateiformat, das für Bilder verwendet wird.
Wie die Abkürzung schon sagt, wurde das Format in den 80er Jahren entwickelt, um Grafiken schnell und einfach auszutauschen. Durch die Komprimierung können GIF-Dateien nämlich kleine Dateigrößen vorweisen.
Es ist ein Grafikformat mit guter verlustfreier Kompression für Bilder mit geringer Farbtiefe, das heißt, dass beim Speichern keine Elemente der Datei verloren gehen können.
Die Farbinformationen werden hierbei extra in Farbpaletten gespeichert. Eine GIF-Animation kann deshalb mehr als 256 Farben enthalten.
Außerdem unterstützt das GIF das Speichern mit Interlacing (Speicherverfahren für Rastergrafiken). Hierbei kann eine Datei mit vier verschiedenen Auflösungen abgespeichert werden, was vor allem in Zeiten von schlechten Internetverbindungen genutzt worden ist, da so die Ladezeiten der Bilder in den Webbrowsern kontrolliert und verbessert werden konnten.
Die GIF-Datei ermöglicht, mehrere Einzelbilder in einer Datei zu speichern, die von geeigneten Betrachungsprogrammen als Animation interpretiert werden.
Über GIFs und weitere Grafikformate könnt ihr in unserem weiteren Blogbeitrag nachlesen.
GIF-Formate erobern die sozialen Netzwerke.
Zur Speicherung wurde Anfang der 90er Jahre die GIF-Datei schnell durch das JPEG-Format ersetzt. Im Gegensatz zur JPEG-Datei kann eine GIF-Datei allerdings Transparenzen speichern, weshalb sie fast nur im Webdesign weiterhin von Bedeutung war.
Durch die Möglichkeit der GIF-Datei, kleine Animationen ohne zusätzliche Plugins in jedem Browser anzuzeigen, wird dieses Format im Internet mittlerweile wieder häufiger verwendet. In den sozialen Netzwerken, 4chan, reddit und tumblr sind Animationen gang und gäbe. Auch bei Facebook können Unternehmen mittlerweile GIF-Dateien mit ihren Fans teilen. Allerdings ist es nicht möglich, animierte GIF’s direkt auf Facebook hochzuladen. Es muss zuerst auf einem externen Server gespeichert und per URL eingefügt werden.
Wo werden GIF-Animationen noch verwendet?
GIF-Animationen finden vor allem im Internet ihre Verwendung:
- Banner
- Animationen
- Anzeigen
- Werbung
- kleinere Bilder
- Cinemagramme - Standbilder, die eine kleine, sich wiederholende Bewegung enthalten
- Stereogramme - Wiedergabe von Bildern, die einen Eindruck von einer räumlichen Tiefe geben sollen
Aber wie erstelle ich denn jetzt eigentlich eine GIF-Animation?
Es gibt zwei verschiedene Möglichkeiten, eine GIF-Animation zu erstellen:
GIF-Animation mit Internet-Dienst erstellen.
Wenn es bereits ein Ausgangsvideo auf YouTube gibt, ist es am einfachsten, eine GIF-Animation über einen Internet-Dienst zu erstellen. Hier muss nur der gewünschte URL-Link eingefügt bzw. ein Video hochgeladen und die Anfangs- und Endzeit bestimmt werden. Beispiel für ein Internet-Dienst, mit dem ihr eure eigenen GIF’s erstellen könnt: imgflip Animated GIF Generator.
GIF-Animation mit Photoshop.
Ihr wollt über Adobe Photoshop eine GIF-Datei erstellen? Hier zeige ich euch, Schritt für Schritt, wie ihr eure Animation hinbekommt:
Als Beispiel haben wir die GIF-Animation von unserem Blogbeitrag „Bézierkurve“.
- Zuerst benötigen wir die Einzelbilder, die die Animation ergeben sollen, auf extra Ebenen. Für unser GIF haben wir hier die einzelnen Vektoren im Adobe Illustrator angelegt und dann über Copy and Paste in Adobe Photoshop eingefügt.
- Unter "Fenster > Zeitleiste" öffnet ihr als nächstes die Optionen, die euch für Animationen bereitstehen. Hier müsst ihr als erstes auf „Videozeitleiste erstellen“ klicken, damit jede einzelne Ebene als lila Kasten erscheint. Damit kann gesteuert werden, wie lang ein Bildelement angezeigt wird und wann das nächste kommt. Hier könnt ihr wild herumprobieren.
- Wenn ihr zufrieden mit eurer Animation seid, könnt ihr unter +shift+alt+S euer GIF für das Web speichern. Dabei solltet ihr darauf achten, dass die Datei nicht zu groß wird, denn dadurch werden im Internet die Ladezeiten beeinflusst.
- Und schon könnt ihr eure eigene GIF-Animation anschauen und an all eure Fans in den sozialen Netzwerken teilen.
Was genau ist eigentlich eine GIF-Animation?
Wir kennen sie alle - Animationen, die die Welt im Internet zum Leben erweckt haben. Mittlerweile erobern sie sogar die sozialen Netzwerke wie z.B. Facebook. Hierzu habe ich mir in den letzten Tagen folgende Frage gestellt: „Was genau ist eigentlich eine GIF-Animation?"
Animationen (von lat. animare: „zum Leben erwecken“; animus: „Geist, Seele“) bestehen aus mehreren Einzelbildern, die ein gesamtes, bewegtes Bild ergeben. Diese Bewegungen können zum Beispiel gezeichnet und in einem Fingerkino angeschaut werden. Sehr coole Beispiele habe ich für euch bei "The Flippist" gefunden. Außerdem können Animationen über den Computer erstellt oder auch bei einer Fotografie aufgenommenwerden, wenn bei der Kamera schnell hintereinander mehrere Bilder geschossen werden.
Diese Techniken werden vor allem bei der Produktion von Zeichentrickfilmen verwendet. Animationen werden auch häufig im Bereich der Werbung im Internet eingesetzt. Was für mich als Mediengestalter ein wichtiger Punkt meiner Ausbildung ist.
