Verflixte Pixel Stand: 13.07.2016 Jahrgangsstufen Lernbereich 2: Modul 2.8.2 Fach/Fächer Übergreifende Bildungsund Erziehungsziele Zeitrahmen Benötigtes Material Informationstechnologie Medienbildung 2 Doppelstunden Programme zur Gif- und Vektoranimation Kompetenzerwartungen Die Schülerinnen und Schüler... erstellen eine Folge von Bildern, um mithilfe geeigneter Software digitale Daumenkinos zu erzeugen. Aufgaben Aufgabe: Für ein Schulfest werden die einzelnen Klassen aufgefordert, Beiträge zu präsentieren. Da ihr euch im Fach IT gerade mit dem Thema Computeranimation beschäftigt, machst du den Vorschlag, ein Bilderquiz für schlaue Köpfe zu erstellen. Dabei soll ein Bildmotiv in mehreren Animationsstufen allmählich erkennbar werden. Wer es am schnellsten erkennt, ist Sieger. Um eine Vorstellung zu geben, zeigst du deinen Mitschülern ein Beispiel. Bevor es zur Umsetzung kommt, muss geklärt werden, was dafür notwendig ist. Dazu müssen einige Fragen beantwortet werden. Welche Bilder können verwendet werden? Woher sind diese zu beziehen? Mit welchem Programm lassen sich die Bilder auf die gewünschte Weise verpixeln? Wie ist aus den Pixelstufen eine selbstlaufende Animation zu erstellen? Kann für den Wechsel zwischen den Stufen eine Zeitleiste eingeblendet werden? Seite 1 von 5
Hinweise zum Unterricht Illustrierende Aufgaben zum LehrplanPLUS Je nachdem, welche Voraussetzungen gegeben sind, welche Kenntnisse die Schülerinnen und Schüler auf dem Gebiet der Computeranimation bereits haben und welche Anregungen von Seiten der Lehrkraft möglich sind, kann es bei dieser Aufgabe zu unterschiedlichen Lösungen kommen. Daher werden nachfolgend lediglich einige Lösungsbeispiele gezeigt, die als Anregung dienen sollen. Anregung 1: Welche Bilder können verwendet werden? Woher sind diese zu beziehen? Da es sich bei einem Schulfest um eine öffentliche Veranstaltung handelt, muss genau darauf geachtet werden, dass die gezeigten Bilder den Vorgaben des Urheberrechts entsprechen. Der sicherste Weg dafür ist immer das Verwenden eigener Bilder, für die man selbst die Rechte besitzt. Es können aber auch frei zur Verfügung gestellte Bilder zum Einsatz kommen. Eine beliebte Quelle dafür ist die Bilddatenbank Pixabay (Stand: März 2016). Dort können mit entsprechenden Suchbegriffen schnell die gewünschten Motive gefunden werden. Stets muss aber auch auf solchen Seiten darauf geachtet werden, dass es sich wirklich um freie Bilder handelt, die unter einer Creative-Commons-Lizenz angeboten werden. Auf Pixabay z. B. gibt es neben freien auch kostenpflichtige Bilder. Seite 2 von 5
Anregung 2: Mit welchem Programm lassen sich die Bilder auf die gewünschte Weise verpixeln? Bildbearbeitungsprogramme gibt es wie Sand am Meer. Nicht alle sind gleich gut, nicht alle sind teuer, nicht alle sind kostenlos. Also gilt es auch hier das richtige Programm für den gewünschten Zweck zu finden. Für den Einsatz in Schulen eignen sich kostenlose Programme wie GIMP, Artweaver oder Paint.Net (Stand: 2016). Letzteres ist für das Verpixeln von Bildern besonders geeignet, da es einen entsprechenden Filtereffekt (Verzerren > in Pixel auflösen...) anbietet. Abb.: Screenshots Paint.Net (Version 4.0.9 2016) Anregung 3: Wie ist aus den Pixelstufen eine selbstlaufende Animation zu erstellen? In der Regel können Bildbearbeitungsprogramme, die mit Ebenen arbeiten, so genannte animierte Gifs erstellen. Der Name leitet sich von dem Grafikformat Gif der Firma Compuserve ab, das die Bildebenen speichern kann, ohne sie zu verschmelzen, wie es z. B. beim Export in das jpg-format geschieht. Mithilfe eines Animationseditors lässt sich aus den auf den Ebenen versetzten Bildobjekten ein Bewegungsablauf generieren. Dies entspricht dem Effekt des Daumenkinos, das bedingt durch die Trägheit des Auges, nacheinander gezeigte Bilder zu einer Bewegungsillusion verschmelzen lässt. Der Kineograph 1868 (Wikipedia) Seite 3 von 5
Bildebenen im Programm Artweaver GIF-Animator im Programm GIMP Eine einfache und ebenfalls kostenlose Möglichkeit zum Erzeugen animierter Gifs bietet das Programm Screen-To-Gif. Es zeichnet Bildschirmkopien auf und liefert je nach Einstellung von Größe und Aufnahmezeiten fertige Bildfolgen im Gif-Format. Anregung 4: Screenshot Screen-To-Gif Kann für den Wechsel zwischen den Stufen eine Zeitleiste eingeblendet werden? Der Reiz des Spiels wird erhöht, wenn die ablaufende Bedenkzeit eingeblendet wird. Eine einfach zu verwirklichende Möglichkeit bietet dafür das Programm MS Powerpoint. Dort kann ein Balken (Rechteck) so animiert werden, dass er während einer vorgegeben Zeit erscheint bzw. verschwindet. Die fertige Präsentation kann als selbstablaufende PPS- oder als i-spring-datei gespeichert werden. Bildschirmkopie von MS Powerpoint mit animierter Zeitleiste Seite 4 von 5
Bildschirmfotos von einzelnen Folien (3 von 6) Quellenangaben Die verwendeten Bilder stammen aus der gemeinfreien Bilderdatenbank Pixabay, sind frei von Urheberrechten unter Creative Commons CC0 veröffentlicht: pixabay.com/de Stand: Januar 2016 Motorrad: pixabay.com/de/suzuki-motorrad-fahrzeuge-1174859/ - CC0 kein Bildnachweis nötig Eisvogel: pixabay.com/de/alcedo-atthis-eisvogel-vogel-klein-881594/ - CC0 kein Bildnachweis nötig Daumenkino: https://de.wikipedia.org/wiki/daumenkino - Stand: Januar 2016 GIMP: gimp.org/downloads - open source Bildbearbeitung unter GNU-Lizenz - Stand: Januar 2016 Paint.Net: getpaint.net/download.html - freies Bildbearbeitungsprogramm - Stand: Januar 2016 Artweaver: artweaver.de/de/download kostenlose, freie Version - Stand: Januar 2016 Beispiel für eine Schülerarbeit Fertiges Ratespiel mit anmierten Gifs und Zeitleiste Autor: O. Wagner Seite 5 von 5