Die erste Animation

So funktionieren Animationen

Animationen bestehen aus mehreren Bildern, die schnell hintereinander gezeigt werden. So entsteht der Eindruck eines bewegten Bildes. Ganz genau so funktionieren auch Daumenkinos, das Fernsehen, Kinofilme und Computerspiele.
Eine xcf-Datei mit Bildern kann so abgespeichert werden, dass jede Ebene wie ein eigenständiges Bild behandelt wird und diese Bilder "abgespielt" werden.

zurück zum Seitenanfang
zum Inhaltsverzeichnis

Als Animation speichern

Voraussetzung ist eine Bilddatei mit Ebenen (xcf-Format).
In dem Beispiel sollen einem Männchen Haare wachsen.
In der Datei face-add.xcf gibt es folgende Ebenen:

Nun kann gespeichert werden. Also mit der rechten Maustaste in das Bild und dann "Datei"-"Sichern unter" wählen.
(Es ist wichtig "Sichern unter" und nicht "Sichern" zu wählen, da "Sichern unter" eine neue Datei anlegt und die alte unberührt lässt. "Sichern" hingegen speichert lediglich den aktuellen Stand in die bereits bestehende Datei.)
Folgendes Fenster erscheint:

Abb.: Bild sichern

Wichtig ist, nun im gif-Format zu sichern!
Nach einem "OK", geht es so weiter:

Abb.: Bild als Animation sichern

Hier muss auf jedenfall "Save as animation" (als Animation sichern) angeklickt werden! Mit der unteren Einstellung kann man den "Schwarz-Weiß-Modus" (grayscale) wählen.
Nun erscheint ein weiteres Fenster:

Abb.: Bild als Animation sichern

Hier klickt man zunächst einfach OK.
zurück zum Seitenanfang
zum Inhaltsverzeichnis

Animation ansehen

Um sich die Animation anzusehen, klickt man mit rechten Maustaste in das Bild (das heisst nun face-add.gif, siehe Titelleiste) und wählt den Befehl "Filter"-"Animation"-"Animation abspielen".

Abb.: animation abspielen

Folgendes Fnster erscheint:

Abb.: Animations-Player

Hier kann man sich nun das Werk am Stück oder schrittweise ansehen.
zurück zum Seitenanfang
zum Inhaltsverzeichnis

Animation in Webseite einbauen

Natürlich kann man eine solche Animation auch in Webseiten einbauen. Im HTML-Code behandelt man sie wie jede andere Bilddatei:
Mit "


<img src="face-add.gif">

" baut man die Animation ein.

Abb.: Die Animation

zurück zum Seitenanfang
zum Inhaltsverzeichnis