Auszug desArtikels aus Heft 3/2001 . (den vollständigen Artikel gibt es auf der MW-Homepage)

Gif-Animationen mit Shareware Wer Photoshop nicht zur Hand hat kann trotzdem Animationen mit allen Finessen erstellen. Diverse Shareware-Programme bieten dazu umfangreiche Funktionen Von Thomas Thü Hürlimann (unredigierte, unkorrigierte Version) Mit den in diesem Kreativ gezeigten Techniken lassen sich auch gössere und aufwendigere Animationen erstellen. Das links abgebildete Beispiel wurde von Thü komplett mit GifBuilder animiert. Unser Arbeits-Beispiel wird jedoch einiges weniger komplex nur mit zwei Bewegungsabläufen in einer kleinen Kuckucks-Uhr

Zuerst wird die Grundzeichnung erstellt. Ein sehr gutes Shareware-Programm für diese Aufgabe ist der GraphicConverter. Natürlich kann das auch in irgendeinem anderen Programm gemacht werden, wie ColorIt, MacPaint, AppleWorks, Photoshop, usw. Für die Kuckucksuhr-Animation wird eine Grundfläche von 60 x 60 Pixel bei 72 dpi benötigt (dies entspricht der Bildschirmaufläsung).

Die Farbeinstellung für 256 Farben (bzw. 216 Farben für Internetbrowser) ist eine Beschränkung die durch das Gif-Format gegeben ist, die Animation muss deshalb mit maximal 216 Farben erstellt werden.

Grundzeichnung in 3 Schritten
Mit Hilfe des Gitterrasters kann nun die Position jedes Pixels nachvollzogen werden (das Raster ist im GifConverter nicht verfügbar, es dient lediglich hier im Heft dazu, dass die einzelnen Pixel klar zu sehen sind). In der Farbpalette sind die Farben markiert die beim jeweiligen Schritt gezeichnet werden. So können Sie nun Punkt für Punkt in der richtigen Farbe vom Heft auf Ihren Mac übertragen.

So sieht die fertige Grundzeichnung im GraphicConverter aus. Von dieser ausgehend können nun die Bewegungen eingefügt werden. Dazu werden zuerst 3 Kopien der Grundzeichnungs-Datei im Pict-Format gespeichert und entsprechend den Abbildungen oben benannt.

Die Grundzeichnung kann dann geschlossen werden. Stattdessen wird die Datei "Kuckuck1.pict" geöffnet, der untere Teil des Bildes (das Pendel) abgeändert wie im Beispiel unten links gezeigt und schliesslich gespeichert. Dann wird die Datei "Kuckuck1b.pict" geöffnet, und auch hier wird der untere Teil des Bildes Pixel für Pixel abgeändert wie unten links im Bild gezeigt und gespeichert.

Von den Dateien "Kuckuck1a.pict" und "Kuckuck1b.pict" wird ein Dublikat erzeugt und umbenannt wie hier links gezeigt.

In der Datei "Kuckuck2.pict" den Bereich oberhalb des Zifferblattes Pixel für Pixel so abändern wie oben rechts gezeigt, und abgespeichert. In der Datei "Kuckuck3.pict" den gleichen Bereich oberhalb des Zifferblattes abändern wie oben rechts gezeigt und speichern.

Nun kann der GifBuilder gestartet werden. Per Drag and Drop platzieren wir die Dateien vom Finder her in das "Frames"-Fenster des GifBuilders, in der Reihenfolge wie im Bild links gezeigt.

Damit die Animation nicht nur zwei Sekunden dauert, wird sie so eingestellt dass sie sich wiederholt. In der Looping-Einstellung des GifBuilders kann man sie sowohl unendlich als auch für eine bestimmte Anzahl sich wiederholend einstellen.

Die Animation ist nun fertig und kann abgespeichert werden. Sie hat eine Grösse von nur 6K und es ist deshalb nicht nötig sie zu optimieren. Bei grösseren Animationen wie bei der eingangs abgebildeten werden die statischen Bildteile die sich wiederholen gelöscht, damit sich die Dateigrösse verringert. In GifBuilder kann man dazu die "Disposal Methode" ändern, damit die nachfolgenden Frames, die leere Stellen enthalten, die vorhergehenden nur dort abdecken wo sie nicht leer sind. Beim GifBuilder ist diese Optimierung mit viel Handarbeit verbunden. Photoshop 5.5 (bzw. Adobe ImageReady) hat eine Funktion eingebaut die diese Optimierung automatisch vornimmt.

Gif Animationen können von jedem Webbrowser abgespielt werden. Dazu müssen sie nicht unbedingt in eine HTML-Seite eingebettet werden. Es genügt wenn man das Gif-Dokument auf das Programm-Icon zieht. Auch der QuickTime Player kann animierte Gif-Dateien abspielen. Das schöne an diesem Player ist, dass man die Animation vergrössern kann, indem man rechts unten am Player-Fenster zieht.