Für einfache Animationen im Web eignen sich besonders Gif-Bilder, die als animierte Gif's - eine Art Daumenkino - abgespielt werden können. Hiermit lassen sich mit einfachen Bildfolgen relativ schnell eine Bewegung simulieren, was in diesem Auftrag geübt wird.

Lehrerbeispiel: Laufendes Etwas mit eigenem Charakter (aus 5 Bilder mit jeweils 3 einfachen Formen)

Ziele

• Übung von Bewegungsabläufen (in Animationen)
• Abstraktionsfähigkeit von Figuren durch einfache, geometrische Formen

Vorkenntnisse

• Umgang mit dem Computer
• Minimale Grundkenntnisse eines pixelbasierten Bildbearbeitungsprogramm (z.B. Photoshop, Gimp)

Auftrag

Bringen Sie eine Figur zum laufen. Nutzen Sie einfache, geometrische Grundelemente. Versuchen Sie eine natürliche und flüssige Bewegung zu erzeugen, die in einem Loop (Zyklus) ohne Unterbruch wiederholt abgespielt werden kann. Die animiterte Figur soll durch die Bewegung einen bestimmten Charakter widerspiegeln. Sie läuft und läuft...

Vorgaben/Material

Programm 

ImageReady oder entsprechendes Bildbearbeitungsprogramm mit Animated Gif-Funktion  (benötigt wird das Fenster "Animation" und die Werkzeuge "Kreis", "Rechteck" mit der Funktion "Transformieren")

Einstellungen

• Arbeitsdatei Bildgrösse: 300 X 200 Pixel (Ausgangslage), Transparenter Hintergrund, RGB 
• Einzelbildabspieldauer: Kürzer als 0.15 Sekunden
• Wiederholungsoption: unbegrenzt
• Optimierte Version (Ausgabedatei) speichern unter: "Nur Bilder (Gif)" mit "Standardeinstellung"

Kriterien

• Flüssigkeit des Bewegungsablaufes
• Ausarbeitung eines Charakters
• Wenige Bilder und einfache grafische Elemente

Quellen/ Links

• Arbeitsdatei der oben gezeigten Gif-Animation (mit ImageReady öffnen / psd Version CS2)
• Theorie zu animierte Gif's von SELFHTML
• Beispiele von animierten Gif's die laufen und anderes tun