Transcript Animierte Bilder Zeichnung und Animation selbsterstellt G.Meininghaus, Konstanz Wie? Selbsterstellte Zeichnungen im GIF Format. (Keine Filme, Videos oder Fotos) 1.

Animierte Bilder
Zeichnung und Animation
selbsterstellt
G.Meininghaus, Konstanz
1
Wie?
Selbsterstellte Zeichnungen im GIF Format.
(Keine Filme, Videos oder Fotos)
1. Mit einem Zeichenprogramm werden mehrere
Zeichnungen mit kleinen Unterschieden gemacht.
2. Mit einem Animationsprogramm werden die Bewegungen
der einzelnen Zeichnungen festgelegt und zu einem
animierten Bild zusammengefasst.
G.Meininghaus, Konstanz
2
Variationen
1.
• Teile des Bildes
bewegen sich.
2.
• Teile des Bildes
bewegen sich.
• Bild bleibt stehen.
• Bild bewegt sich.
G.Meininghaus, Konstanz
3
Beispiele 1
Teile des Bildes bewegen sich.
Bild bleibt stehen.
G.Meininghaus, Konstanz
4
Beispiele 2
Teile des Bildes bewegen sich.
Bild bewegt sich.
G.Meininghaus, Konstanz
5
Vorgehensweise
1.
2.
3.
Erstellen der Grundzeichnungen mit einem
Malprogramm.
Weiterbearbeiten der Grundzeichnungen mit einem
Animationsprogramm, um die bewegten Teile der
Bilder festzulegen.
Fertigstellen mit einem Animationsprogramm, um
die Einzelbilder zu einer Animation
zusammenzufassen.
G.Meininghaus, Konstanz
6
Ablauf Beispiel 1
1
Erstellen der Grundzeichnung mit MS Paint
•
•
•
•
•
•
•
•
•
•
•
•
Größe des Papiers 5x5 cm (Menü Bild >> Attribute)
Kopf mit Augen und Pupille malen
"Speichern" als GIF Datei, Name 1
Pupille entfernen (Radierer, Farbe weiß)
Augen mit Lid und Pupille unten malen
"Speichern unter…" Name 2
"Speichern unter…" Name 3
"Speichern unter…" Name 4
"Speichern unter…" Name 5
1. Bild wieder öffnen und Tränen malen
Bild "Speichern"
MS Paint schließen
G.Meininghaus, Konstanz
7
Ablauf Beispiel 1
2
Mit Picture Publisher weiterarbeiten, um die bewegten
Teile der Bilder festzulegen
•
•
•
•
Öffnen aller 5 Bilder auf einmal
Bilder auf 200% zoomen und ausrichten
Tränen auf Bild 1 maskieren (Maskenwerkzeuge >> Zauberstab)
Maske in Objekt verwandeln (Menü Objekt >> Maske in Objekt
verwandeln)
• Dieses Objekt (Tränen) über die Zwischenablage kopieren und in
die Bilder 2 – 5 einfügen
• Objekte (Tränen) in den Bildern 2 – 5 durch Ziehen positionieren
• Alle Bilder speichern und schließen
G.Meininghaus, Konstanz
8
Ablauf Beispiel 1
3
GIF Animation mit Picture Publisher fertig stellen. Die
Einzelbilder werden zu einem Bild zusammengefasst.
• Öffnen aller 5 Bilder auf einmal
• Menü Extras >> GIF Animation >> Datei >> Neu
• Größe des Bildes in Pixel angeben. Wiederholungen: Endlos.
Generelle Verzögerung: 20 (1/100 Sekunden)
• Hinzufügen der Einzelbilder zur Animation
– Bild markieren >> in die Zwischenablage kopieren
– Animationsfenster aktivieren >> Bild als neues Einzelbild speichern
(Menü Bearbeiten)
– Mit allen Bildern in der richtigen Reihenfolge wiederholen
• Speichern der Animation
G.Meininghaus, Konstanz
9
Ablauf Beispiel 2
1
Erstellen der Grundzeichnung mit MS Paint
•
•
•
•
•
Größe des Papiers 5x5 cm (Menü Bild >> Attribute)
Engel zeichnen
"Speichern" als GIF Datei, Name 1
Flügel entfernen (Radierer, Farbe weiß)
"Speichern unter…" Name 2, Name 3, Name 4, Name 5,
Name 6
• MS Paint schließen
G.Meininghaus, Konstanz
10
Ablauf Beispiel 2
2
Mit Picture Publisher weiterarbeiten, um die bewegten
Teile der Bilder festzulegen
•
•
•
•
•
•
•
•
Öffnen aller Bilder auf einmal
Evtl. Bilder auf 200% zoomen und ausrichten
Flügel auf Bild 1 maskieren (Maskenwerkzeuge >> Zauberstab)
Maske in Objekt verwandeln (Menü Objekt >> Maske in Objekt
verwandeln)
Dieses Objekt (Flügel) über die Zwischenablage kopieren und in die
Bilder 2 – 6 einfügen
Evtl. Objekte umformen und Gitter einblenden
Objekte (Flügel) in den Bildern 2 – 6 durch Ziehen positionieren und
drehen. Drehpunkt verändern!!!
Alle Bilder speichern und schließen
G.Meininghaus, Konstanz
11
Ablauf Beispiel 2
3
GIF Animation mit Picture Publisher fertig stellen. Die
Einzelbilder werden zu einem Bild zusammengefasst.
• Öffnen aller Bilder auf einmal
• Menü Extras >> GIF Animation >> Datei >> Neu
• Größe des Bildes in Pixel angeben. Wiederholungen: Endlos.
Generelle Verzögerung: 20 (1/100 Sekunden)
• Hinzufügen der Einzelbilder zur Animation
– Bild markieren >> in die Zwischenablage kopieren
– Animationsfenster aktivieren >> Bild als neues Einzelbild speichern
(Menü Bearbeiten)
– Mit allen Bildern in der richtigen Reihenfolge wiederholen
• Speichern der Animation
G.Meininghaus, Konstanz
12
Ablauf Beispiel 2
4
GIF Animation mit Picture Publisher fertig stellen. Das
ganze Bild soll sich auf dem Bildschirm bewegen.
•
•
•
•
•
•
Öffnen der gespeicherten Animation
Im Register "Allgemein" Breite auf z.B. 600 erhöhen
Bild 1 im Register "Übersicht" markieren
Im Register "Einzelbild" Wert X-Abstand um 10 – 20 erhöhen
Für die Bilder 2 – 5 wiederholen
Speichern der Animation
• (Soll sich das Bild auch in der Senkrechten bewegen, muss die
Höhe verändert werden und bei den Einzelbildern der Wert Y.)
G.Meininghaus, Konstanz
13