Material - GIF

Im Original veränderbare Word-Dateien
Animationen
GIF-Animation
Auf Webseiten, in E-Mails oder in Präsentationen sieht man häufig einfache bewegte Bilder, meist
Copyright
www.park-koerner.de
www.park-koerner.de
bewegten
Bilder
erinnern an das gute alteCopyright
Daumenkino.
Es werden
dabei nacheinander Bilder gezeigt, die jeweils nur geringfügig verändert wurden. Durch die
Trägheit des menschlichen Gehirns erscheinen uns die Bilder als eine Bewegung.
Copyright
im Stilwww.park-koerner.de
von Comicstrips. Diese
Copyright www.park-koerner.de
Copyright www.park-koerner.de
Copyright www.park-koerner.de
Copyright www.park-koerner.de
Copyright www.park-koerner.de
Copyright www.park-koerner.de
Copyright www.park-koerner.de
Copyright www.park-koerner.de
Copyright www.park-koerner.de
Copyright www.park-koerner.de
Copyright www.park-koerner.de
Copyright www.park-koerner.de
Quelle: http://de.wikipedia.org/w/index.php?title=Datei:Daumenkino_kol.jpg (15.08.12)
Nach diesem Prinzip funktionieren auch Kino- oder Videofilme. Die Filme bestehen in der Regel
aus 25 bis 50 Einzelbildern pro Sekunde.
In der Computergrafik werden solche einfachen Bewegungen GIF-Animationen genannt. Die
einzelnen Bilder (Bitmaps), aus denen die Bewegung zusammengesetzt ist, können in eine Datei
Copyright www.park-koerner.de
Copyright www.park-koerner.de
des GIF-Formats gespeichert werden.
Das GIF-Format benötigt wenig Copyright
Speicher,www.park-koerner.de
daher eignet es
sich gut, um Animationen ins Internet auf Webseiten zu stellen oder in Mails oder Chats zu nutzen.
Copyright www.park-koerner.de
Kopierrechte (gedruckt und digital) für alle eigenen Schüler bei Erwerb Privatlizenz, für
alle Schüler und Lehrer der Schule bei Erwerb Schüler-Lehrer-Lizenz
Im Original veränderbare Word-Dateien
Auf vielen Seiten im Internet werden GIF-Animationen kostenlos oder gegen eine Gebühr zur
eigenen Verwendung zum Download angeboten.
Animierte GIFs bestehen aus einzelnen Bitmaps, die nacheinander angezeigt werden!
Wenn man
ein animiertes
Copyright
www.park-koerner.de
GIF mit einem
Bildbearbeitungsprogramm
anschaut,
so sieht
man nur ein
Copyright
www.park-koerner.de
Copyright
www.park-koerner.de
einzelnes Bild. Um die Animation zu sehen, braucht man einen Browser oder ein Programm, das
GIF-Animationen abspielen kann, z. B. IrfanView oder PowerPoint.
Jedes Browser-Programm kann GIF-Animationen darstellen.
Um alle Einzelbilder zu sehen, benötigt man ein Programm zum Erstellen und Bearbeiten von
animierten GIFs.
Solche Programme sind z. B.
Copyright www.park-koerner.de
 Ulead GIF Animator
Copyright www.park-koerner.de
Copyright www.park-koerner.de
 psynetic Gif-X (kostenlos)
 AniMake (kostenlos)
Das bekannteste Programm ist der Ulead GIF Animator. Er ist lizenzgebührenpflichtig. Eine
Version mit reduziertem Funktionsumfang ist kostenlos erhältlich.
Wie die Abbildungen zeigen, können animierte GIFs aus wenigen Einzelbildern bestehen. Das ist
Copyright www.park-koerner.de
Copyright www.park-koerner.de
der Grund, weshalb in diesen Animationen die Bewegungen nicht sehr flüssig wirken, sondern eher
abgehackt. Es gibt GIF-Animationen, die nur aus zwei Bildern bestehen. Durch abwechselndes
Zeigen der beiden Bilder entsteht der Bewegungseindruck.
Copyright www.park-koerner.de
Copyright www.park-koerner.de
Copyright www.park-koerner.de
Die meisten animierten GIFs besitzen eine geringe
Auflösung. Das GIF mit der Katze in der nebenstehenden
Abbildung hat eine Auflösung von 86 x 88 Pixeln (=
Copyright www.park-koerner.de
Copyright www.park-koerner.de
7568 Pixel).
Copyright www.park-koerner.de
Copyright www.park-koerner.de
Bekannte einfache Animationen sind z. B. animierte
Smileys. Diese werden gerne in Chatrooms oder E-Mails
verwendet.
Copyright www.park-koerner.de
Copyright www.park-koerner.de
Copyright www.park-koerner.de
Copyright www.park-koerner.de
Kopierrechte (gedruckt und digital) für alle eigenen Schüler bei Erwerb Privatlizenz, für
alle Schüler und Lehrer der Schule bei Erwerb Schüler-Lehrer-Lizenz
Im Original veränderbare Word-Dateien
Erstellen von animierten GIFs
Um ein animiertes GIF zu erstellen, braucht man wie schon erwähnt eine Reihe von Bildern, die
schnell hintereinander gezeigt eine Bewegung vortäuschen.
Es müssen entweder mehrere einzelne
Bilderwww.park-koerner.de
erzeugt werden oder ein Ursprungsbild,
das Stück für
Copyright
Copyright www.park-koerner.de
Stück geändert und pro Änderung als neue GIF-Datei gespeichert wird. Die Bilder können sowohl
Bitmaps als auch Vektorgrafiken sein, die beim Speichern ins GIF-Format umgewandelt werden.
Die einzelnen Bilder können am Computer gezeichnet oder mit einer Digitalkamera bzw. einem
Scanner erstellt werden. Oder man zeichnet sie von Hand und scannt sie anschließend, um sie mit
einem Bildbearbeitungsprogramm weiterzubearbeiten.
Copyright www.park-koerner.de
Copyright www.park-koerner.de
Copyright www.park-koerner.de
Copyright www.park-koerner.de
Copyright www.park-koerner.de
Copyright www.park-koerner.de
Copyright www.park-koerner.de
Copyright www.park-koerner.de
Copyright www.park-koerner.de
Copyright www.park-koerner.de
Copyright www.park-koerner.de
Copyright www.park-koerner.de
Copyright www.park-koerner.de
Copyright www.park-koerner.de
Copyright www.park-koerner.de
Copyright www.park-koerner.de
Copyright www.park-koerner.de
Kopierrechte (gedruckt und digital) für alle eigenen Schüler bei Erwerb Privatlizenz, für
alle Schüler und Lehrer der Schule bei Erwerb Schüler-Lehrer-Lizenz
Im Original veränderbare Word-Dateien
Die einzelnen Bilder werden in der Regel nicht mit dem Animationsprogramm erzeugt bzw.
bearbeitet, sondern mit einem separaten Programm.
Praktisch sind Programme, in denen man die einzelnen Bilder in Ebenen ablegen kann. Bestimmte
Bildbearbeitungsprogramme können die verschiedenen Ebenen als animierte GIF-Datei
abspeichern.
Ansonsten muss jede Ebene
als www.park-koerner.de
GIF gespeichert bzw. exportiert
werden.
Copyright
Copyright
www.park-koerner.de
Copyright
www.park-koerner.de
Die einzelnen Bilder werden in das GIF-Animationsprogramm geladen. Es werden meist auch JPGBilder akzeptiert.
Im Animationsprogramm werden die Bilder entweder einzeln hintereinander dargestellt (Ulead GIF
Animator)
Copyright www.park-koerner.de
Copyright www.park-koerner.de
Copyright www.park-koerner.de
Copyright www.park-koerner.de
Copyright www.park-koerner.de
Copyright www.park-koerner.de
Copyright www.park-koerner.de
Copyright www.park-koerner.de
Copyright www.park-koerner.de
oder sie
werden in einer
Copyright
www.park-koerner.de
Tabelle aufgelistet
(AniMake, psynetic Gif-X).
Wennwww.park-koerner.de
ein Bild in der
Copyright www.park-koerner.de
Copyright
Tabelle markiert wird, wird es in einem separaten Fenster gezeigt.
Copyright www.park-koerner.de
Copyright www.park-koerner.de
Copyright www.park-koerner.de
Copyright www.park-koerner.de
Kopierrechte (gedruckt und digital) für alle eigenen Schüler bei Erwerb Privatlizenz, für
alle Schüler und Lehrer der Schule bei Erwerb Schüler-Lehrer-Lizenz
Im Original veränderbare Word-Dateien
Copyright www.park-koerner.de
Copyright www.park-koerner.de
Copyright www.park-koerner.de
Copyright www.park-koerner.de
Copyright www.park-koerner.de
Copyright www.park-koerner.de
Copyright www.park-koerner.de
Copyright www.park-koerner.de
Copyright www.park-koerner.de
Die Eigenschaften der Einzelbilder für jedes einzelne Bild werden in einem Eigenschaftsfenster
gezeigt und können dort bearbeitet werden.
Copyright www.park-koerner.de
Copyright www.park-koerner.de
Copyright www.park-koerner.de
Copyright www.park-koerner.de
Copyright www.park-koerner.de
Copyright www.park-koerner.de
Copyright www.park-koerner.de
Copyright www.park-koerner.de
Copyright www.park-koerner.de
Copyright www.park-koerner.de
Kopierrechte (gedruckt und digital) für alle eigenen Schüler bei Erwerb Privatlizenz, für
alle Schüler und Lehrer der Schule bei Erwerb Schüler-Lehrer-Lizenz
Im Original veränderbare Word-Dateien
Dauer/Verweilzeit
Die wichtigste Einstellung bzw. Eigenschaft ist die Verweildauer des Bildes. Sie legt fest, wie lange
jedes Einzelbild gezeigt wird. In der Regel sind 50 Millisekunden (0,05 Sekunden) als Standard
voreingestellt. Die Dauer kann für jedes einzelne Bild oder für alle Bilder gemeinsam festgelegt
werden.www.park-koerner.de
Durch Vergrößern oder Verkleinern
der Dauer einzelner Bilder
lassenwww.park-koerner.de
sich Teile des
Copyright www.park-koerner.de
Copyright
Copyright
Bewegungsablaufs einer Animation verlangsamen oder beschleunigen.
Offset
Die Bilder sind in sogenannten Frames (englisch: Rahmen) eingebettet. Innerhalb der Frames
können sie verschoben werden. x-Offset ist die Verschiebung in horizontaler Richtung, y-Offset in
vertikaler Richtung. Mit dem Offset können zusätzliche Bewegungen des gesamten Objektes
erzeugtwww.park-koerner.de
werden. Im Ulead GIF Animator
das Objekt mit der Maus
innerhalb
des Frames
Copyrightkann
www.park-koerner.de
Copyright
www.park-koerner.de
Copyright
verschoben werden. Es gibt Animationen, bei denen die animierten Objekte auf der Stelle
verharren, und solche, in denen sie sich von einem Punkt zu einem anderen bewegen. Die Größe der
Frames muss dementsprechend angepasst werden. Die Framegröße ist für alle Einzelbilder gleich.
Sie kann nachträglich verändert werden.
Transparenz
Copyright
www.park-koerner.de
Objekts
kann
transparent gesetzt oder Copyright
mit einerwww.park-koerner.de
Farbe versehen
werden. Die meisten Hintergründe in GIF-Animationen sind transparent, sodass die Animationen
leicht vor verschiedenen Hintergründen z. B. in der Webseite platziert werden können.
Copyright
www.park-koerner.de
Der Hintergrund
des animierten
Copyright www.park-koerner.de
Copyright www.park-koerner.de
Copyright www.park-koerner.de
Tweening
Copyright
www.park-koerner.de
Copyright www.park-koerner.de
Copyright www.park-koerner.de
Mit der Tweening-Technik erzeugt das Animationsprogramm automatisch zwischen zwei
Einzelbildern (Anfangsbild und Endbild) Zwischenbilder (Inbetweens). So kann die Animation
flüssiger gestaltet oder eine Form in eine andere verwandelt werden.
Copyright www.park-koerner.de
Copyright www.park-koerner.de
Copyright www.park-koerner.de
Ulead GIF Animator bietet eine Tweening-Funktion an. Mehr über Tweening später.
Copyright www.park-koerner.de
Kopierrechte (gedruckt und digital) für alle eigenen Schüler bei Erwerb Privatlizenz, für
alle Schüler und Lehrer der Schule bei Erwerb Schüler-Lehrer-Lizenz
Im Original veränderbare Word-Dateien
Bearbeitungsmöglichkeiten
Je nach Programm gibt es verschiedene Bearbeitungsmöglichkeiten. Nachfolgend ein paar
Beispiele.
Copyright www.park-koerner.de
Copyright www.park-koerner.de
Copyright www.park-koerner.de
Wiederholung
Mit Wiederholung wird festgelegt, wie oft die Bildfolge nacheinander gezeigt wird. -1 bedeutet
unendlich viele Wiederholungen.
Löschen, Verschieben, Kopieren, Duplizieren
Einzelne Bilder können gelöscht, verschoben, kopiert bzw. dupliziert werden.
Copyright www.park-koerner.de
Copyright www.park-koerner.de
Copyright www.park-koerner.de
Text
Bilder können mit Texten versehen werden. Die Texte
können ähnlich wie in Textverarbeitungen formatiert
werden (Schriftart, Schriftgröße usw.). Durch
Verschieben des Textes, Ändern der Textfarbe usw. in
den Einzelbildern können Animationseffekte für den
Copyright www.park-koerner.de
Copyright www.park-koerner.de
Text erzielt werden.
Copyright www.park-koerner.de
Sämtliche Einstellungen zur Animation werden in der
GIF-Datei gespeichert.
Bildbearbeitungsfunktionen
Je nach Programm stehen verschiedene Bildbearbeitungsfunktionen zur Verfügung:
Copyright www.park-koerner.de
 Spiegeln
Copyright www.park-koerner.de
Copyright www.park-koerner.de
 Farbtiefe verändern
 Grautöne
 Negativbild erzeugen
Der Ulead GIF Animator verfügt noch über zahlreiche zusätzliche Effekte. Es ist jedoch ratsam, die
Bilder mit einem entsprechenden Bildbearbeitungsprogramm
zu bearbeiten.
Copyright www.park-koerner.de
Copyright www.park-koerner.de
Copyright www.park-koerner.de
Die Bilder für einfache GIF-Animationen wie Smileys können
Präsentationsprogramm wie PowerPoint ziemlich schnell erstellt werden.
Copyright www.park-koerner.de
Copyright www.park-koerner.de
z.
B.
mit
einem
Copyright www.park-koerner.de
Copyright www.park-koerner.de
Kopierrechte (gedruckt und digital) für alle eigenen Schüler bei Erwerb Privatlizenz, für
alle Schüler und Lehrer der Schule bei Erwerb Schüler-Lehrer-Lizenz
Im Original veränderbare Word-Dateien
Copyright www.park-koerner.de
Copyright www.park-koerner.de
Copyright www.park-koerner.de
Durch Gruppieren und Kopieren derCopyright
Bildteile,
die nicht animiert werden,Copyright
lassen sich
in kurzer Zeit
www.park-koerner.de
www.park-koerner.de
mehrere Einzelbilder erzeugen. Die Einzelbilder können mit der Copy-and-Paste-Funktion von
Windows direkt in die Frames von Ulead GIF Animator eingefügt werden. Bei anderen
Programmen müssen die Bilder erst in GIF- oder JPG-Dateien umgewandelt werden.
Copyright www.park-koerner.de
Copyright www.park-koerner.de
Copyright www.park-koerner.de
Copyright www.park-koerner.de
Copyright www.park-koerner.de
Copyright www.park-koerner.de
Copyright www.park-koerner.de
Copyright www.park-koerner.de
Copyright www.park-koerner.de
Copyright www.park-koerner.de
Copyright www.park-koerner.de
Copyright www.park-koerner.de
Copyright www.park-koerner.de
Copyright www.park-koerner.de
Kopierrechte (gedruckt und digital) für alle eigenen Schüler bei Erwerb Privatlizenz, für
alle Schüler und Lehrer der Schule bei Erwerb Schüler-Lehrer-Lizenz