Wie erstellt man eine animierte GIF-Grafik?

Was ist ein animiertes GIF (Format GIF89A)?
Ein animiertes GIF ist nichts anderes als eine GIF-Datei die aus mindestens zwei GIF-Einzelbildern oder "Frames" besteht. Bei einem Durchlauf der Einzelbilder wird jedes davon eine bestimmte Zeit lang angezeigt; auch die Zahl der Durchläufe kann eingestellt werden. (Die Anzeigedauer und die Zahl der Durchläufe können vom Anwender genau festgelegt werden.) Die Abfolge der Einzelbilder wird vom menschlichen Auge als Bewegung wahrgenommen. Ein Web-Browser benötigt keine zusätzlichen Plug-ins oder Erweiterungen, um ein animiertes GIF anzeigen zu können.

HINWEIS: Die Animation wird nicht auf jedem Computer und in jedem Browser gleich angezeigt. Je nach Rechenleistung des Prozessors kann die Animation schneller oder langsamer abgespielt werden, und die Darstellung der Farben hängt von den Möglichkeiten der Grafikkarte und von der Bildschirmauflösung ab.

LERNEN SIE, WIE SIE EIGENE ANIMATIONEN ERSTELLEN KÖNNEN
Zum Erstellen einer Animation benötigen Sie zwei Programme. Zunächst einmal brauchen Sie ein Programm, um die Einzelbilder zu erstellen. Ich verwende normalerweise das 3D-Animationsprogramm "Lightwave 3D" von Newtek, es funktioniert aber auch mit jedem anderen Grafikprogramm (Paint Shop Pro, Corel, Photoshop usw.). Darüber hinaus brauchen Sie ein Programm, mit dem Sie die Einzelbilder zu einer Animation zusammenfügen können. Es gibt verschiedene Programme zum Erstellen von GIF-Animationen, ich selbst verwende am liebsten "Gif Movie Gear" von Gamani Productions. In dieser Übung verwenden wir Gif Movie Gear, um die Grafiken zusammenzusetzen und zu optimieren. Das Verfahren ist jedoch bei anderen Softwareprodukten grundsätzlich dasselbe.

OK, fangen wir also an.

ERSTER SCHRITT.
Erstellen Sie die Einzelbilder.
Hierbei gilt vor allem: Weniger ist mehr. Sie sollten in eine Animation keine unnötigen Daten hinein packen. Je weniger Bilder Sie verwenden, desto besser. Wenn Sie den gewünschten Effekt mit nur zwei Einzelbildern erzielen können, umso besser! Damit dieser Pinguin den Schnabel öffnet und zwinkert, habe ich nur vier Einzelbilder benötigt.

Die Einzelbilder für eine solche Animation können Sie in jedem beliebigen Grafikprogramm erstellen, z. B. in PhotoShop, Paint Shop Pro usw.

Die Grafiken von Animation Factory sind in gewisser Weise einzigartig, weil wir ein 3D-Animationsprogramm verwenden, um sie zu erstellen. Unten sehen Sie eine Abfolge von Einzelbildern, aus denen ich vor einiger Zeit einen animierten Frosch zusammengestellt habe. Anstatt die Bilder von Hand zu zeichnen, habe ich das Objekt in einem 3D-Programm erstellt und mit diesem Programm das Bild animiert.

Es sind verschiedene gute 3D-Programme erhältlich, die preislich zwischen 25 und 8000 Euro liegen können. Bei Animation Factory verwenden wir überwiegend ein etwas anspruchsvolleres 3D-Programm namens Lightwave 3D (www.newtek.com).

Nach meiner Erfahrung sollte man die Einzelbilder als Bitmap-Dateien (BMP) speichern, da dieses Format die höchste Bildqualität bietet. Man kann die Einzelbilder aber auch problemlos im Format GIF oder JPG speichern. Bei einem guten GIF-Editor können Sie zwischen vielen verschiedenen Dateiformaten wählen, um die Animation zu erstellen.

Sobald Sie die Einzelbilder erstellt und gespeichert haben, können Sie sie zusammensetzen.

ZWEITER SCHRITT
Setzen Sie die Einzelbilder zusammen.
Jetzt benötigen Sie das Programm zum Zusammensetzen der GIF-Grafiken. Ich habe schon mit verschiedenen Programmen gearbeitet. Gif Movie Gear ist gut, ebenso Gif Animator von Ulead. Eine Demoversion von Gif Movie Gear finden Sie unter www.gamani.com.

Mit diesem Programm können wir einstellen, wie lange jedes Einzelbild angezeigt wird und wie viele Wiederholungen ("Schleifen") die Animation umfassen soll.

Laden Sie sämtliche Einzelbilder in das Programm. Jetzt können Sie auch einstellen, wie oft die Animation abgespielt werden soll. Sie können die Abspielhäufigkeit beliebig einstellen, von einmal bis unendlich. Normalerweise lassen wir die Animationsschleife immer wieder ablaufen, also unendlich, in bestimmten Fällen kann es jedoch sinnvoll sein, wenn der Betrachter nach dem Abspielen der Animation nur noch das letzte Einzelbild zu sehen bekommt. (In Gif Movie Gear muss die Schleifenwiederholung auf "0" eingestellt werden, damit die Animation immer wieder von neuem abgespielt wird.)

Gif Movie Gear

Nachdem Sie die Einzelbilder geladen haben, müssen Sie sie in die richtige Reihenfolge bringen. Die animierte GIF-Datei lässt sich nur in eine Richtung abspielen, Sie können sie also nicht rückwärts oder abwechselnd vor und wieder zurück laufen lassen.)

Als nächstes müssen Sie für jedes Einzelbild die Verzögerung einstellen. Sie können jedes Einzelbild so schnell oder so langsam einstellen, wie Sie möchten. (Hinweis: Die Animation wird nicht auf jedem Computer gleich angezeigt. Auf älteren, langsameren Computern wird sie deutlich langsamer abgespielt als auf neueren Computern mit schnellen Prozessoren. Behalten Sie das im Gedächtnis, wenn Sie eine Animation auf einem älteren Computer erstellen.)

Für diese Animation habe ich Einzelbild-Verzögerungen von 150, 50, 15 und 50 Hundertstel Sekunden verwendet. Das dritte Einzelbild ist auf eine sehr kurze Verzögerung (15) eingestellt, und deswegen scheinen die Augenzwinkern.

Sehen Sie sich unbedingt eine Vorschau auf die Animation an, um sich davon zu überzeugen, dass die Verzögerungen stimmen.

Entfernen von Einzelbildern:
Dieses Thema ist schwer zu erklären. Die Einzelbild-Entfernung hat damit zu tun, wie die Einzelbilder in einer Animation angezeigt werden. Je nachdem, ob Sie mit transparenten GIFs oder mit Grafiken mit einfarbigem Hintergrund arbeiten, kann diese Einstellung sehr wichtig sein. (Bei einem transparenten GIF scheint der Hintergrund an bestimmten Stellen der Grafik durch.) Sie können dem Web-Browser zu jedem Einzelbild mitteilen, wie er es entfernen soll, nachdem es angezeigt wurde. Mit diesen Einstellungen und mit transparenten GIFs befassen wir uns später.

Da ich meine Grafik vor einem weißen Hintergrund verwenden möchte, verändere ich die Voreinstellung "Leave Alone" (Alleine lassen) für das Entfernen des Einzelbilds nicht. (Hinweis: Bei optimierten GIFs führt diese Einstellung normalerweise zu einer viel kleineren Datei. Bei transparenten GIFs funktioniert sie jedoch normalerweise nicht.)

Die fertige Animation

Wenn Ihnen das Ergebnis gefällt, speichern Sie die Animation. Jetzt können wir zum letzten Schritt gehen, dem Optimieren der Animation.