Erstellen einer Grafik mit Gif-Animation

Am Beispiel der täglichen Dollarkurve von Reuters (wurde mittlerweile vom Euro ersetzt) möchte ich das äußerstst leichte Erstellen einer einfachen Gif-Animation mit entsprechenden Hilfsprogrammen erklären:

Eine Gif-Animation besteht aus mehreren Pixelbildern, die in ein und derselben Datei übereinandergelegt sind und in frei wählbaren Zeitintervallen nacheinander geladen werden. Dadurch entsteht der Eindruck einer Bewegung. Da Dateien im Internet klein sein müssen, können wir nicht die übliche Zahl von Bildern pro Sekunde wählen, die in Film und Fernsehen üblich sind, sondern müssen uns auf eine wesentlich geringere Anzahl von "Frames" beschränken.

Für die Animation benötigen wir also erstmal die einzelnen Standbilder. Ich nehme mal die tägliche Reuters-Dollar-Grafik, bei der sich die Kurve (die den Wochenverlauf darstellt) schrittweise entwickeln soll.

Der Einfachheit halber lösche ich von der fertigen Grafik nach und nach Teile weg und erstelle nach jedem Löschvorgang einen Screenshot (Apfeltaste+Shift+"3"). Dabei lasse ich die Vergrößerung der Ansicht immer gleich um auch gleich große Einzelbilder zu erhalten. Die Screenshots (werden automatisch auf der obersten Ebene der Festplatte abgelegt) öffne ich in Photoshop und stelle sie frei und zwar alle in der gleichen Größe und Position. Die Bildfolge sieht dann ungefähr so aus:

Um euch ganz viel Kleinarbeit zu ersparen und die Datei ohne Schwierigkeiten so klein wie möglich zu gestalten, benötigt ihr das Programm "Gif-Builder", daß im Moment in der aktuellen Version 5.0 vorliegt. Es kann von allen Shareware-Servern geladen werden.

Das Programm selbst ist Freeware und sehr einfach zu bedienen: Es muss nur eine neue Datei erstellt werden, das Frame- und Previewfenster geöffnet sein und unter "Options" muss der Punkt "Frame Optimization" angekreuzt sein. Der letzte Punkt dient dazu, dass Teile des Gifs, die in der eigentlichen Animation nicht geändert werden, aus den folgenden Frames weggelöscht werden und nur die Bereiche neu geladen werden müssen, die sich auch wirklich verändern. Das spart enorm Datenmenge. Die Frames, aus denen dann hinterher die Animation besteht, sehen nach dem Speichern dann so aus:

Um die eigentliche Animation zu erstellen, lade ich die Frames in der gewünschten Reihenfolge mit Menue: "FILE", "Add Frame..." (Apfeltaste+"K"). Die Reihenfolge kann hinterher durch schieben der Frames im Frame-Fenster beliebig verändert werden. Die Animation kann mit Apfeltaste + "R" abgespielt werden (Apfel+"." beendet die Vorschau).

Die Abspieldauer der einzelnen Frames könnt ihr durch Doppelklick auf den Wert unter "Delay" im Frame-Fenster ändern. Eine ständige Wiederholung der Animation erreicht ihr über Menuepunkt "Options" und "loop...".

Gif-Builder gibt es übrigens nur für den Macintosh. Für DOSen etc. existieren ähnliche Programme, die ich allerdings bislang noch nicht benutzt habe. Beschreibungen der Programme (komplette Besprechungen und Benutzerhinweise) und Tipps zum Erstellen von Animationen gibt auch das Buch: Gif Animation Studio
von Richard Koman
erschienen bei: O'Reilly

Das ist allerdings nur in Englisch erhätlich. Dem Buch liegt eine CD bei mit Beispielanimationen und den besprochenen Programmen (DOS und Mac). Allerdings nicht immer die neueste Version. Da das Buch nicht unter die deutsche Preisbindung fällt, dürfte sein Preis in hiesigen Buchhandel stark schwanken. Ich habe es in Köln damals für ca. 40,- EUR gekauft. Ich finde allerdings, daß sich der Preis lohnt. Der Schinken kann aber sicherlich auch direkt in den Staaten bestellt werden. Das Buch im Internet: http://www.amazon.de/exec/obidos/ASIN/1565922301/

Viel Spaß noch beim Basteln.

Bis bald

Hanno Weinert-Sprissler