Projekt:

www.die-virtuelle-schule.de

ein offenes Internetprojekt am Rotteck-Gymnasium, unterstützt von Thomas Gebhardt

Hans-Dieter Mallig

Ein Konzept für eine Fortbildungsveranstaltung beim Regionalen Arbeitskreis Multimedia (Gymnasien) - Freiburg/ Breisgau-Hochschwarzwald-

am 25.10.2000 am Rotteck-Gymnasium in Freiburg

Einführung in die Erstellung animierter GIFs

Programm

Demonstration verschiedener GIFs, Einsatzmöglichkeiten

Demonstration verschiedener Beispiele
Einsatzmöglichkeiten als elektronisches Daumenkino

(Im Internet auf Homepages)
als Demonstration im Unterricht (Computerraum; Fachraum mit Rechner und Projektion)

zur Veranschaulichung von Veränderungen, Bewegungen, Abläufen, Zusammenhängen

Hinweis auf

Datei-Größe (Lade- und Übertragungszeit besonders im Internet)

Bildgröße (wächst im Quadrat)
Farben (-Begrenzung) (Beispiele für unterschiedlichen Speicherplatzbedarf)
Zahl der Einzelbilder (siehe Beispiele)

Informationen über notwendige Hardware und Software

Hardware
Software

Gif-Constuction-Set (http://www.mindworkshop.com Shareware: 20.-$ US)
Graphikprogramm, das im GIF-Format speichert

Hier: PAINT (Teil des Windows-Pakets, ab Windows 98 auch im GIF-Format)
und L View-pro (http://www.lview.com Shareware: 50.- $ US), falls Paint nicht im GIF-Format speichert

Einführung in das Erstellen eines einfachen Blinke-Bildchens

(Verschiedene Fenster leicht überlappend mit Browser und nach und nach mit Paint, Word-Pad, Windows-Explorer, Gif-Constr.)

Beispiel: NEU-Gif in verschiedenen Variationen

Buchstaben erscheinen nacheinander
Ein Buchstabe wird immer wieder durch den folgenden ersetzt
Buchstaben erscheinen nacheinander und verändern die Farbe
usw

Probleme (vorerst einfache Betrachtung) bei der Erstellung des ersten Blinkebildchens

gleiche Bildgröße (durch Vorlage/ Schablone [Bildformateinstellung z.B. 60-30/ 100-50 oder schneller mit 'kopieren nach' und über Schablone kopieren (dies später)]) Paint-Demonstration
Schrift (nach Paint aus Wordpad über Zwischenspeicher) Demonstration
Für jedes GIF in einem eigenen Unterverzeichnis arbeiten (Windows-Explorer-Demonstration)
Jedes Einzelbild unter eigenem Namen speichern

Arbeiten mit Paint

Schrift aus Wordpad oder Word über Zwischenspeicher
(Bilder aus einfachen geometrischen Formen zusammensetzen (später))
Copy und paste
Hintergrundfarbe (erschwert das Zeichnen; wenn, dann erst am Ende einfärben)
Paint unter Windows95 speichert nur als bmp ---> gif mit Lview
Paint unter Windows 2000 bietet zunächst zum Speichern nur das bmp-Format. Hat man jedoch mit 'alle Datei-Typen öffnen' eine Gif-Datei geöffnet, wird auch für andere Dateien das gif-Format zum Speichern angeboten. Demonstration

Arbeiten mit LView-pro (falls notwendig)

BMP-Format mit LViewPro in GIF-Format ändern (Retouch)

Farbtiefe (Dolor Depth)
Hintergrundfarbe (weiss)
Speichern als GIF89a

Arbeiten mit GIF CONSTR SET

GIF CONSTR. SET aufrufen (Demonstration)

File > Animation wizard [Zauberstab bei neuer Version]
Next
for use with a web-page >next
loop > next
drawn with 16 colours > next
50 hundredths > next
select > ins Verzeichnis > datei anklicken > ok
nächste Datei anklicken > 0k .... (bei neuer Version kann man auch mehrere gleichzeitig anklicken)
...... > done
done
view [Button mit schwarzer Brille] (ist bei der alten Version langsamer als auf einer Web-site

Nachbearbeiten

Control > edit: Control vor Bildern, die lange stehen sollen, vergrößern

Erstellung einer Front-Page/Composer-Seite mit Einbau des Blinkebildchens

Workshop I:

Rechnerbedienung

Anmeldung: schüler-xxx (xxx steht für 111 bis 125)

Passwort: schüler

Blinkebildchen NEU nach einer der besprochenen Vorgehensweisen

Einführung in mögliche Arbeitstechniken zum Erstellen von GIFs

Probleme:

gleiche Bildgröße ((Beispiel) einfacher über 'Bild-Schablone' (besser direkt in Paint 0salzstock.gif. 011. - 014.gif) kopieren, als gleiche Größe ausschneiden oder einstellen)
Objekte bei Bildfolgen in gleicher Position (bei Veränderung) (Markierungspunkte anbringen)
Objekte bei Bildfolgen in gleichmäßiger Positionsänderung für Bewegung (Markierungspunkte anbringen)
weißer Bildhintergrund leichter (Farbhintergrund später)
Speicherung der Einzelbilder in sinnvoller Namenssequenz (Explorerbeispiel) In eigenem Verzeichnis

Arbeiten mit Paint

Schrift aus Wordpad oder Word über Zwischenspeicher (Demonstration)
Bilder aus einfachen geometrischen Formen zusammensetzen, z.B. Quader ( Demonstration)
Vergrößerte Ansicht benützen (Demonstration)
Copy und paste
Hintergrundfarbe (erschwert das Zeichnen; wenn, dann erst am Ende einfärben)
Windows95 speichert nur als bmp --- gif mit Lview

Arbeiten mit Lview (falls notwendig)

Farbtiefe
Hintergrundfarbe
als Gif 89 speichern

Arbeiten mit Gif-Constructor-Set

Wizard öffnen
Einfach- oder Endlosloop
Nachbearbeiten der Kontrollen

Strategien (verschiedene Beispiele)

Motiv auf Schablone verschieben und jeweils speichern <<<Demonstration
Motiv auf Schablone verschieben, verändern und jeweils speichern (Regenwurm)
Beim Endbild beginnend, nach und nach Teile löschen (Translation)
Seite mit den Einzelmotiven, die anschließend einzeln abgespeichert und später in die Schablone kopiert werden

Workshop II:

Animiertes Gif nach eigenen Vorstellungen
Einfügen des Gif in die Front-Page/Composer-Seite