Wie erstellt man eine animierte GIF-Grafik?

DRITTER SCHRITT
Optimieren Sie Ihre Animation.
Als nächstes sollten Sie Ihre Grafik zur Verwendung im Internet optimieren. Wahrscheinlich wiederholen sich in den Einzelbildern bestimmte Daten immer wieder. Es genügt, wenn diese Daten im ersten Einzelbild vorhanden sind, aus allen anderen können sie entfernt werden. (Denken Sie z. B. an Disney-Zeichentrickfilme: Die Zeichentrick-Künstler zeichnen den Hintergrund nicht für jedes Einzelbild neu, weil das einfach zu lange dauern würde. Statt dessen zeichnen sie den Hintergrund nur einmal und legen dann die Figuren darüber. Genauso wird es auch bei GIF-Animationen gemacht. Der Hintergrund muss nicht immer wieder neu erstellt werden, und wenn man diese Daten eliminieren kann, wird die Datei deutlich kleiner.)

Die meisten Programme bieten Möglichkeiten, um Dateien zu optimieren. Gif Movie Gear bildet da keine Ausnahme. Wenn Sie in Gif Movie Gear möglichst kleine Animationen erstellen möchten, sollten Sie so viele dieser Optionen wie möglich nutzen. (In seltenen Fällen lassen sich stark optimierte Animationen in einigen älteren Browsern nicht richtig abspielen.)

Dialogfeld für Optimierungen in Gif Movie Gear

Sie können eine Animation weiter verkleinern, indem Sie die Zahl der darin verwendeten Farben reduzieren. Je weniger Farben die Animation verwendet, desto kleiner ist die Datei. Nachdem Sie den Optimierungsassistenten ausgeführt haben, wird die alte Dateigröße, die neue Größe der optimierten Datei und eine Vorschau auf die "abgespeckte" Animation angezeigt. Wenn Ihnen alles zusagt, können Sie die Animation speichern. Wenn Ihnen das Ergebnis nicht gefällt, können Sie mit neuen Einstellungen einen weiteren Versuch unternehmen.

Dialogfeld für Farbreduzierung in Gif Movie Gear

Vergleichen wir jetzt eine nicht optimierte mit einer optimierten GIF-Animation. Können Sie irgendwelche Unterschiede feststellen? Es lassen sich in der Tat kaum irgendwelche Unterschiede ausmachen, aber sehen Sie sich einmal die unterschiedlichen Dateigröße an! Die optimierte Grafik lässt sich doppelt so schnell herunterladen. Beim Erstellen einer Animation sollten Sie sich also immer die Zeit nehmen, die Grafik zu optimieren und die Farben zu reduzieren. Die Besucher Ihrer Website werden Ihnen dafür dankbar sein.

Nicht optimiert, 256 Farben 13,5 KB

Optimiert, 32 Farben 6,3 KB

Wenn Ihnen das Ergebnis gefällt und die Dateigröße vernünftig erscheint, speichern Sie die optimierte Animation. Sie können die Grafik jetzt auf Ihre Website hochladen und dort als Gestaltungsmittel verwenden.

VIERTER SCHRITT
Transparenz
Häufig werden wir gefragt, wie man eine GIF-Datei transparent macht, damit sie vor einem Hintergrund zu schweben scheint oder als Teil eines strukturierten oder andersfarbigen Hintergrunds erscheint. Bei einer bereits optimierten Grafik kann es schwierig, wenn nicht unmöglich sein, den Hintergrund transparent zu schalten.

Beachten Sie die folgenden Hinweise, wenn Sie eine Grafik transparent machen:

1. Sie müssen die Optimierung der Einzelbilder rückgängig machen, wenn diese bereits optimiert wurden. (Ganz richtig: Sie müssen die Animation wieder in ihren Ausgangszustand versetzen, bevor Sie Änderungen daran vornehmen.) Dazu gibt es ein gutes Online-Tool unter ">www.gifworks.com.

2. Die Animation benötigt einen einfarbigen Hintergrund, der z. B. weiß, schwarz, grau usw. sein kann. Diese Farbe schalten wir transparent. (Hinweis: Wenn Sie vorhaben, eine Grafik als transparente GIF-Datei zu verwenden, sollten Sie die Hintergrundfarbe nach Möglichkeit nicht innerhalb des Bilds verwenden. Andernfalls besteht die Gefahr, dass nicht nur der Hintergrund, sondern auch Teile des Bilds selbst transparent werden.)

Laden Sie wieder die Einzelbilder Ihrer Animation, damit wir beginnen können. Ich werde jetzt aus unserem kleinen Pinguin eine transparente GIF-Grafik machen.

1. Schritt: Wählen Sie mit der Transparenzoption die Farbe aus, die transparent gemacht werden soll. Sie müssen den Hintergrund bei jedem Einzelbild transparent schalten.

2. Schritt: Legen Sie die Methode zum Entfernen des Einzelbilds fest:
Bei transparenten GIFs können Sie normalerweise nicht die Standardeinstellung "Leave alone" (Alleine lassen) zum Entfernen des Einzelbilds verwenden. Sie müssen die Option "Restore Background" (Hintergrund wiederherstellen) verwenden. Wenn Sie die falsche Einstellung gewählt haben und die Animation abspielen, machen sich wahrscheinlich Spuren oder Überbleibsel des vorherigen Einzelbilds bemerkbar.

3. Schritt: Optimieren Sie die Grafik:
Versuchen Sie immer, die Grafik so gut wie möglich zu optimieren. Transparente Grafiken lassen sich normalerweise nicht so gut optimieren wie nicht transparente Grafiken.

Hier sehen Sie das Ergebnis, das ich bekommen habe, nachdem ich den Hintergrund transparent geschaltet und die Grafik so gut wie möglich optimiert habe.

Transparent 32 Farben 9 KB

Ich bin kein großer Freund von transparenten GIFs. Für mich sehen sie nicht so gut aus und lassen sich auch nicht so gut optimieren wie nicht transparente GIFs. Manchmal sind sie jedoch die einzige Möglichkeit, um die gewünschte Wirkung zu erzielen.

ZURÜCK ZU TEIL 1