Info5-Animation: Unterschied zwischen den Versionen
Aus RMG-Wiki
K (→Anleitung B: Erstellen schwierigerer Animationen) |
K (→Anleitung A: Erstellen einer einfachen Animation) |
||
(10 dazwischenliegende Versionen von einem Benutzer werden nicht angezeigt) | |||
Zeile 13: | Zeile 13: | ||
'''Links und einfache Beispiele:''' | '''Links und einfache Beispiele:''' | ||
− | * [http://www. | + | * [http://www.youtube.com/watch?v=05qcReEyJqg&feature=related/ Beispiele für gute sw Animation - handgemalte Einzelbilder] |
+ | * [http://www.imedias.ch/unterricht/pdfs-anleitungen/Trickfilm-WinMovieMaker.pdf Trickfilme mit Moviemaker und Digicam] | ||
+ | * [http://www.mediaculture-online.de/fileadmin/bibliothek/loos_trickfilmhandbuch/loos_trickfilmhandbuch.html Grundideen zum Trickfilmerstellen] | ||
* [http://www.clipproject.info/Cliparts.html Seite mit freier Cartoon Clipart (nicht kommerzielle Verwendung)] Diese Bilder kann man als Basis eigener Animationen verwenden. | * [http://www.clipproject.info/Cliparts.html Seite mit freier Cartoon Clipart (nicht kommerzielle Verwendung)] Diese Bilder kann man als Basis eigener Animationen verwenden. | ||
Zeile 25: | Zeile 27: | ||
* Erstelle eine einfache Animation aus max 20 Bildern, die nur aus geometrischen Formen bestehen! (Kreise, Rechtecke, Linien, ....) | * Erstelle eine einfache Animation aus max 20 Bildern, die nur aus geometrischen Formen bestehen! (Kreise, Rechtecke, Linien, ....) | ||
− | * Mache dir vorher eine einfache Skizze auf Papier - besprich sie kurz mit dem Lehrer, bevor du anfängst! | + | * Mache dir vorher eine einfache Skizze auf Papier mit allen wichtigen Szenen (=Storyboard) und beschreibe den Inhalt (+ Ton)- besprich sie kurz mit dem Lehrer, bevor du anfängst! |
Zeile 33: | Zeile 35: | ||
# Beginne mit ''Datei - Neu - Neues Bild'' und wähle ''Papierfarbe'': weiß und ''Bildgröße'': 300 x 300 Pixel. | # Beginne mit ''Datei - Neu - Neues Bild'' und wähle ''Papierfarbe'': weiß und ''Bildgröße'': 300 x 300 Pixel. | ||
# Wähle im Menü ''Ebene - Neue - Neue Ebene''! Damit fügst du eine "durchsichtige "Folie" ein, auf der du jetzt z.B. '''einen''' Kreis zeichnest, den du dann frei verschieben kannst! | # Wähle im Menü ''Ebene - Neue - Neue Ebene''! Damit fügst du eine "durchsichtige "Folie" ein, auf der du jetzt z.B. '''einen''' Kreis zeichnest, den du dann frei verschieben kannst! | ||
− | # Wähle links | + | # Wähle links das Form-Zeichenwerkzeug (Taste S drücken) und oben in der Menüleiste die Form (Kreis, Rechteck, ...). Wenn das Objekt farbig sein soll, oben "gefüllt" anklicken. |
# Im Farbwähler links unten über Farbkreis und Dreieck mit der Maus die gewünschte Farbe einstellen. (Man kann Objekte auch nachträglich mit dem Eimerwerkzeug einfärben.) | # Im Farbwähler links unten über Farbkreis und Dreieck mit der Maus die gewünschte Farbe einstellen. (Man kann Objekte auch nachträglich mit dem Eimerwerkzeug einfärben.) | ||
# Im Bild mit gedrückter linker Maustaste einen Kreis, ein Rechteck usw. in der gewünschten Größe erstellen. (Wenn es misslingt, ''Bearbeiten-Rückgängig'' oben im Menü wählen, oder links das Radierwerkzeug verwenden | # Im Bild mit gedrückter linker Maustaste einen Kreis, ein Rechteck usw. in der gewünschten Größe erstellen. (Wenn es misslingt, ''Bearbeiten-Rückgängig'' oben im Menü wählen, oder links das Radierwerkzeug verwenden | ||
# Taste "V" drücken oder Verschiebewerkzeug (Pfeil) mit der Maus in der linken Leiste anwählen und Objekt mit Maus (oder mit den Pfeiltasten) an gewünschte Postion schieben. | # Taste "V" drücken oder Verschiebewerkzeug (Pfeil) mit der Maus in der linken Leiste anwählen und Objekt mit Maus (oder mit den Pfeiltasten) an gewünschte Postion schieben. | ||
− | # Wenn alles stimmt, das erste Bild als . | + | # Wenn alles stimmt, das erste Bild einmal als .awd- Datei speichern, dann als .jpg-Datei. Dazu ''Datei - Speichern unter'' wählen. Einen sinnvollen Speicherort, Dateinamen (ball1.jpg) und Dateityp (.jpg) wählen und abspeichern. <span style="color:#C00000">'''Diesen Schritt für jedes neue Einzelbild deines Trickfilms wiederholen'''</span>, d.h. als .jpg mit laufender Nummer, z.B. ball1.jpg, ball2.jpg .... abspeichern. |
+ | # Wenn das Projekt noch nicht fertig ist und man später weiterarbeiten möchte, den vorläufigen Endstand noch einmal als .awd-Datei speichern. In diesem Formatt bleiben die (verschiebbaren) Ebenen erhalten (jpg kann das nicht!)! | ||
Zeile 50: | Zeile 53: | ||
* Wenn du '''mehrere Gegenstände''' hast (2 Kugeln die zusammenstoßen, eine schräge Ebene die bleibt, auf der sich eine Kugel bewegt), brauchst du '''mehrere Ebenen'''. | * Wenn du '''mehrere Gegenstände''' hast (2 Kugeln die zusammenstoßen, eine schräge Ebene die bleibt, auf der sich eine Kugel bewegt), brauchst du '''mehrere Ebenen'''. | ||
:* <span style="color:#C00000">'''Wichtig: 1 Objekt pro Ebene, damit man sie einzeln verschieben und verändern kann!'''</span> | :* <span style="color:#C00000">'''Wichtig: 1 Objekt pro Ebene, damit man sie einzeln verschieben und verändern kann!'''</span> | ||
− | :* Um Objekte auf '''verschiedenen Ebenen''' zu verwenden, muss man nur die Schritte 3 bis 8 mehrfach ausführen! Um in einer bestimmten Ebene zu arbeiten (etwas hinzumalen ...), kann man die gewünschte Ebene rechts unter "Ebene" auswählen (=anklicken). Der Hintergrund ist die unterste Ebene und was hier gezeichnet wird, ist '''nicht verschiebbar'''! | + | :* Um Objekte auf '''verschiedenen Ebenen''' zu verwenden, muss man nur die Schritte 3 bis 8 mehrfach ausführen! Um in einer bestimmten Ebene zu arbeiten (etwas hinzumalen ...), kann man die gewünschte Ebene rechts unter "Ebene" auswählen (=anklicken). Der Hintergrund ist die unterste Ebene und was hier gezeichnet wird, ist '''nicht verschiebbar'''! |
− | + | ||
===Für Fortgeschrittene:=== | ===Für Fortgeschrittene:=== | ||
Zeile 62: | Zeile 64: | ||
*'''3D-Effekt''': Im Menü oben unter Filter - Rendering-Filter - Beleuchtungseffekte einen Lichtpunkt auf mein Objekt setzen. Er sollte zum Schatten passen, z.B. Lichtpunkt links oben - Schatten rechts unten vom Objekt. | *'''3D-Effekt''': Im Menü oben unter Filter - Rendering-Filter - Beleuchtungseffekte einen Lichtpunkt auf mein Objekt setzen. Er sollte zum Schatten passen, z.B. Lichtpunkt links oben - Schatten rechts unten vom Objekt. | ||
|} | |} | ||
− | |||
==Benutzung des Animationsprogramms== | ==Benutzung des Animationsprogramms== | ||
Zeile 73: | Zeile 74: | ||
[[Bild:animake.jpg]] | [[Bild:animake.jpg]] | ||
|} | |} | ||
− | + | *Unter "Datei" - "Neu" ein neues Projekt öffnen! | |
− | * Unter ''Bearbeiten - Einfügen aus Datei'' vorher erzeugte Bilder einfügen. Um mehrere Bilder | + | * Unter ''Bearbeiten - Einfügen aus Datei'' vorher erzeugte Bilder einfügen. Um mehrere Bilder einzufügen, diese zur Auswahl mit gedrückter StrG-Taste anklicken. |
* Die Reihenfolge der Bilder kann verändert werden, indem man ein Bild anklickt und dann mit den Pfeiltasten oben im Menü verschiebt. | * Die Reihenfolge der Bilder kann verändert werden, indem man ein Bild anklickt und dann mit den Pfeiltasten oben im Menü verschiebt. | ||
* Markierte Bilder können über den ''Bearbeiten''-Befehl im Menü kopiert, gelöscht, usw. werden. | * Markierte Bilder können über den ''Bearbeiten''-Befehl im Menü kopiert, gelöscht, usw. werden. | ||
* Eine Vorschau auf die fertige Animation erhält man mit dem Blitzsymbol. | * Eine Vorschau auf die fertige Animation erhält man mit dem Blitzsymbol. | ||
* Die Anzahl der Wiederholungen der gesamten Animationen kann man unter ''Animationen-Einstellungen'' festlegen. | * Die Anzahl der Wiederholungen der gesamten Animationen kann man unter ''Animationen-Einstellungen'' festlegen. | ||
− | * die Anzeigedauer eines markierten Bildes wird festgelegt mit ''Bearbeiten-Eigenschaften-Verweilzeit'' (in | + | * die Anzeigedauer eines markierten Bildes wird festgelegt mit ''Bearbeiten-Eigenschaften-Verweilzeit'' (in Millisekunden!). Wird hinter ''Verweilzeit'' das Kästchen angeklickt, so gilt diese Einstellung für alle markierten Bilder. |
− | * | + | * Wenn alles fertig ist, wird die gesamte Animation mit ''Datei - Speichern unter'' als .gif-Datei unter einem sinnvollen Namen im eigenen Ordner abgespeichert (vorher "Bearbeiten - Alles markieren" klicken). Die Anfrage, ob die Zahl der Farben reduziert werden soll, besser mit "Nein" beantworten .... es gibt sonst z.T. Probleme beim Speichern. |
* Statt einzelner Bilder können auch fertige Animationen geladen und verändert werden (zum Beispiel Einfügen einzelner Bilder oder Hinzufügen von Bildern am Ende der Animation. | * Statt einzelner Bilder können auch fertige Animationen geladen und verändert werden (zum Beispiel Einfügen einzelner Bilder oder Hinzufügen von Bildern am Ende der Animation. | ||
* Man kann die fertige Animation in jedem Web-Browser betrachten. | * Man kann die fertige Animation in jedem Web-Browser betrachten. | ||
− | |||
==Anleitung B: Erstellen schwierigerer Animationen== | ==Anleitung B: Erstellen schwierigerer Animationen== | ||
Zeile 90: | Zeile 90: | ||
− | ''' | + | '''Erstellen einer freihändig-gezeichneten Animation aus max. 30 Bildern, z.B.''' |
{| | {| | ||
| [[Bild:face1.gif|187px]] | | [[Bild:face1.gif|187px]] | ||
Zeile 96: | Zeile 96: | ||
'''Selbst gezeichnetes Gesicht''', das mit den Augen rollt oder lacht ... | '''Selbst gezeichnetes Gesicht''', das mit den Augen rollt oder lacht ... | ||
* Dabei in den Hintergrund das unveränderte (nur Farbwechsel sind o.k.) Grundgesicht. | * Dabei in den Hintergrund das unveränderte (nur Farbwechsel sind o.k.) Grundgesicht. | ||
− | * Alle | + | * Alle '''einzeln''', sich drehenden, bewegten oder die Form ändernden Objekte brauchen eine '''eigene Ebene''' - und zwar '''jedes einzelne''' eine eigene (z.B. recht und linke Pupille getrennt)! |
|} | |} | ||
Zeile 102: | Zeile 102: | ||
− | ''' | + | '''Erstellen einer Animation aus max. 30 Bildern, z.B. eine Szene im Weltraum''' |
+ | |||
+ | * Dabei in den Hintergrund das unveränderte (nur Farbwechsel sind o.k.) Weltall mit blinkenden Planeten. | ||
+ | * Alle '''einzeln''', sich drehenden, bewegten oder die Form ändernden Objekte brauchen eine '''eigene Ebene''' - und zwar '''jedes einzelne''' eine eigene (z.B. jeder Laserstrahl, jedes Raumschiff)! | ||
{| | {| | ||
− | | [[Bild:space2.gif| | + | | [[Bild:space2.gif|221px]] |
| | | | ||
− | + | ||
− | + | # In Artweaver neues Blatt öffnen, dabei Papierfarbe z.B. dunkelblau oder schwarz wählen. (Oder später mit Eimerfüllwerkzeug und Einstellung "Verlauf" füllen) | |
− | + | ||
− | # In Artweaver neues Blatt öffnen, dabei | + | |
# Einige Planeten/Sterne malen (Kreise bzw. Punkte in verschiedenen Farben ...). Wer 3D Planeten will, muss diese einzeln in Ebenen malen, und der Anweisung zu 3D (siehe oben) folgen. | # Einige Planeten/Sterne malen (Kreise bzw. Punkte in verschiedenen Farben ...). Wer 3D Planeten will, muss diese einzeln in Ebenen malen, und der Anweisung zu 3D (siehe oben) folgen. | ||
# Unter z.B. [http://www.clipproject.info/Cliparts.html www.cliprojects.info Cartoonclipart - Space] ein Raummschiff herunterladen (Rechtsklick - Grafik kopieren). Rechtliche Hinweise beachten! In Artweaver in neuer Ebene einfügen! Evtl. mit ''Filter-Renderingfilter-Beleuchtungseffekte'' einen 3D Effekt für das Raumschiff erzeugen! | # Unter z.B. [http://www.clipproject.info/Cliparts.html www.cliprojects.info Cartoonclipart - Space] ein Raummschiff herunterladen (Rechtsklick - Grafik kopieren). Rechtliche Hinweise beachten! In Artweaver in neuer Ebene einfügen! Evtl. mit ''Filter-Renderingfilter-Beleuchtungseffekte'' einen 3D Effekt für das Raumschiff erzeugen! |
Aktuelle Version vom 19. Oktober 2010, 22:18 Uhr
Inhaltsverzeichnis |
Erstellen einer einfachen Animation - Einleitung
Grundsätzlich braucht man zur Erstellung von Animationen wenig:
- eine Folge von einzelnen Bildern (aus Internet, eingescannt, mit Kamera, Zeichenprogrammen oder Kompaktlösungen wie Pivot-Stickfigure erstellt).
- Jede Phase der Bewegung/Veränderung ist dabei ein einzelnes Bild.
- Je mehr Bilder man hat, desto flüssiger werden die Bewegungen ....
- es empfiehlt sich, z.B. im Zeichenprogramm die Elemente der Figur als Einzelobjekte zu speichern, nicht einzubinden, und alle Einzelschritte aufzubewahren. Auf sinnvoll benannte und nummerierte Bilder achten!
- Ein Animationsprogramm, in dem man diese Einzelbilder als "Film" speichert, und Rehenfoge, Bilder/sek usw. festlegt.
- Kaufprogramme wie den ULEAD Gif Animator
- einfache Freeware wie Animake oder den Advanced GIF-Animator.
In diesen Programmen erstellt man i.d.R. animierte gif-Dateien aus den Einzelbildern, fügt noch Titel hinzu, ....
Links und einfache Beispiele:
- Beispiele für gute sw Animation - handgemalte Einzelbilder
- Trickfilme mit Moviemaker und Digicam
- Grundideen zum Trickfilmerstellen
- Seite mit freier Cartoon Clipart (nicht kommerzielle Verwendung) Diese Bilder kann man als Basis eigener Animationen verwenden.
![]() |
![]() |
Anleitung A: Erstellen einer einfachen Animation
- Erstelle eine einfache Animation aus max 20 Bildern, die nur aus geometrischen Formen bestehen! (Kreise, Rechtecke, Linien, ....)
- Mache dir vorher eine einfache Skizze auf Papier mit allen wichtigen Szenen (=Storyboard) und beschreibe den Inhalt (+ Ton)- besprich sie kurz mit dem Lehrer, bevor du anfängst!
Erstellen der Einzelbilder mit Artweaver
- Öffne zum Zeichnen das Programm ArtWeaver
- Beginne mit Datei - Neu - Neues Bild und wähle Papierfarbe: weiß und Bildgröße: 300 x 300 Pixel.
- Wähle im Menü Ebene - Neue - Neue Ebene! Damit fügst du eine "durchsichtige "Folie" ein, auf der du jetzt z.B. einen Kreis zeichnest, den du dann frei verschieben kannst!
- Wähle links das Form-Zeichenwerkzeug (Taste S drücken) und oben in der Menüleiste die Form (Kreis, Rechteck, ...). Wenn das Objekt farbig sein soll, oben "gefüllt" anklicken.
- Im Farbwähler links unten über Farbkreis und Dreieck mit der Maus die gewünschte Farbe einstellen. (Man kann Objekte auch nachträglich mit dem Eimerwerkzeug einfärben.)
- Im Bild mit gedrückter linker Maustaste einen Kreis, ein Rechteck usw. in der gewünschten Größe erstellen. (Wenn es misslingt, Bearbeiten-Rückgängig oben im Menü wählen, oder links das Radierwerkzeug verwenden
- Taste "V" drücken oder Verschiebewerkzeug (Pfeil) mit der Maus in der linken Leiste anwählen und Objekt mit Maus (oder mit den Pfeiltasten) an gewünschte Postion schieben.
- Wenn alles stimmt, das erste Bild einmal als .awd- Datei speichern, dann als .jpg-Datei. Dazu Datei - Speichern unter wählen. Einen sinnvollen Speicherort, Dateinamen (ball1.jpg) und Dateityp (.jpg) wählen und abspeichern. Diesen Schritt für jedes neue Einzelbild deines Trickfilms wiederholen, d.h. als .jpg mit laufender Nummer, z.B. ball1.jpg, ball2.jpg .... abspeichern.
- Wenn das Projekt noch nicht fertig ist und man später weiterarbeiten möchte, den vorläufigen Endstand noch einmal als .awd-Datei speichern. In diesem Formatt bleiben die (verschiebbaren) Ebenen erhalten (jpg kann das nicht!)!
- Jetzt kannst du z.B. in deiner Animation einen Ball durch das Bild rollen lassen (d.h. 15 Bilder, bei denen die Kugel langsam von links nach rechts verschoben wird)
- Wenn du mehrere Gegenstände hast (2 Kugeln die zusammenstoßen, eine schräge Ebene die bleibt, auf der sich eine Kugel bewegt), brauchst du mehrere Ebenen.
- Wichtig: 1 Objekt pro Ebene, damit man sie einzeln verschieben und verändern kann!
- Um Objekte auf verschiedenen Ebenen zu verwenden, muss man nur die Schritte 3 bis 8 mehrfach ausführen! Um in einer bestimmten Ebene zu arbeiten (etwas hinzumalen ...), kann man die gewünschte Ebene rechts unter "Ebene" auswählen (=anklicken). Der Hintergrund ist die unterste Ebene und was hier gezeichnet wird, ist nicht verschiebbar!
Für Fortgeschrittene:
|
Benutzung des Animationsprogramms
- Das Programm Animake öffnen.
- Unter "Datei" - "Neu" ein neues Projekt öffnen!
- Unter Bearbeiten - Einfügen aus Datei vorher erzeugte Bilder einfügen. Um mehrere Bilder einzufügen, diese zur Auswahl mit gedrückter StrG-Taste anklicken.
- Die Reihenfolge der Bilder kann verändert werden, indem man ein Bild anklickt und dann mit den Pfeiltasten oben im Menü verschiebt.
- Markierte Bilder können über den Bearbeiten-Befehl im Menü kopiert, gelöscht, usw. werden.
- Eine Vorschau auf die fertige Animation erhält man mit dem Blitzsymbol.
- Die Anzahl der Wiederholungen der gesamten Animationen kann man unter Animationen-Einstellungen festlegen.
- die Anzeigedauer eines markierten Bildes wird festgelegt mit Bearbeiten-Eigenschaften-Verweilzeit (in Millisekunden!). Wird hinter Verweilzeit das Kästchen angeklickt, so gilt diese Einstellung für alle markierten Bilder.
- Wenn alles fertig ist, wird die gesamte Animation mit Datei - Speichern unter als .gif-Datei unter einem sinnvollen Namen im eigenen Ordner abgespeichert (vorher "Bearbeiten - Alles markieren" klicken). Die Anfrage, ob die Zahl der Farben reduziert werden soll, besser mit "Nein" beantworten .... es gibt sonst z.T. Probleme beim Speichern.
- Statt einzelner Bilder können auch fertige Animationen geladen und verändert werden (zum Beispiel Einfügen einzelner Bilder oder Hinzufügen von Bildern am Ende der Animation.
- Man kann die fertige Animation in jedem Web-Browser betrachten.
Anleitung B: Erstellen schwierigerer Animationen
- Mache dir vorher eine einfache Skizze auf Papier - besprich sie kurz mit dem Lehrer, bevor du anfängst!
Erstellen einer freihändig-gezeichneten Animation aus max. 30 Bildern, z.B.
- ODER
Erstellen einer Animation aus max. 30 Bildern, z.B. eine Szene im Weltraum
- Dabei in den Hintergrund das unveränderte (nur Farbwechsel sind o.k.) Weltall mit blinkenden Planeten.
- Alle einzeln, sich drehenden, bewegten oder die Form ändernden Objekte brauchen eine eigene Ebene - und zwar jedes einzelne eine eigene (z.B. jeder Laserstrahl, jedes Raumschiff)!
![]() |
|