Differences

This shows you the differences between two versions of the page.

--- radiogaga_02 [2021/04/22 09:34] – jana
+++ radiogaga_02 [Unknown date] (current) – removed - external edit (Unknown date) 127.0.0.1
@@ Line 1: / Line 1: @@
-====== Hausaufgaben ======
-===== Radio Gaga 02: Animiertes Gif =====
-Es gibt viele verschiedene Werkzeuge, die es Ihnen ermöglichen ein //[[wpde>Animiertes Gif]]// zu erzeugen. Dabei handelt es sich um eine Bilddatei, die es erlaubt mehrere übereinander liegende Einzelbilder abzuspeichern, die beispielsweise in einem Webbrowser als Animationen dargestellt werden kann.
-Erstellen Sie ein //Animiertes Gif// ((https://helpx.adobe.com/de/photoshop/how-to/make-animated-gif.html)) in den Pixelgrößen 1024px x 768px (Breite x Höhe). Als Grundlage dient das von Ihrer Gruppe in der vergangenen Aufgabe entwickelte Band-Logo ([[radiogaga_01#teilaufgabe_4bandlogo|Radio Gaga 01 Teilaufgabe 4]]). Jede/r Gruppen Teilnehmer*in muss ein eigenes Animiertes Gif erstellen. Das Animierte Gif soll dabei aus mindestens 24 einzelnen Frames bestehen. Die Datei Größe sollte 2mb nicht überschreiten. Die Animation soll endlos sein, d.h. in Endlosschleife laufen.
-Teilen Sie einen Screenshot Ihres Zwischenstandes via Mattermost und laden Sie Ihren finalen Stand [[datei_benennung|richtig benannt]] in Ihren Sciebo Namens Ordner.
-==== Beispiel 1 (Video Timeline) ====
-Unteres Beispiel folgt der Anleitung dieses [[https://www.youtube.com/watch?v=NIWcv4utlfY|Youtube Videos]] zur Erstellung eines Animierten Gifs in Photoshop durch Verwendung der //Video Timeline//. Im Video wird erläutert, wie verschiedenen Werte einer Einstellungsebene durch das Setzen von Keyframes benutzt werden können um eine Animation zu erstellen.
-{{:animated_gif_beispiel_1_animation_screenshot.png?nolink&450|}} => {{:eyelight_logo_old_animated.gif?direct&400|}} \\ Um die Animation des rechten Bildes zu sehen müssen Sie auf dieses klicken.
-==== Beispiel 2 (Frame Animation) ====
-Das untere Photoshop Beispiel benutzt eine //Frame Animation//. Bei dieser Art der Animation wird für jeden einzelnen Frame eine eigene Ebene angelegt. In einem zweiten Schritt können zwischen den Frames Zwischenschritte interpoliert werden. Online werden Sie dazu viele verschiedene Anleitungen und how-tos finden: Googeln Sie einmal und finden sie eine Anleitung, die am ehesten dem entspricht was Sie sich für Ihre Logo Animation vorstellen.
-{{:animated_gif_beispiel_2_animation_screenshot.png?nolink&450|}} => {{:blueview_logo_beispiel.gif?direct&400|}}
- \\ Um die Animation des rechten Bildes zu sehen müssen Sie auf dieses klicken.
-Schauen Sie sich auch einmal online nach Werkzeugen um, die es Ihnen ermöglichen Animierte Gifs zu erstellen. Vermutlich werden Sie auf ähnliche Tools stoßen, wie folgende:
-  * https://ezgif.com/maker
-  * https://imgflip.com/gif-maker
-  * https://gifmaker.me
-**Beispiele für Lösungswege**
-==vormittags==
-//The Papershakers//
-{{ :01_thepapershakers.gif?200 |}}  {{ :02_thepapershakers.gif?200 |}}  {{ :03_thepapershakers.gif?200 |}}
-//the brainwashing machine club//
-{{ :01_brainwash.gif?200 |}}  {{ :02_brainwash.gif?200 |}}  {{ :03_brainwash.gif?200 |}}
-//sió//
-{{ :01_sio.gif?200 |}}  {{ :02_sio.gif?200 |}}  {{ :03_sio.gif?200 |}}
-//Lilly and Paperplanes//
-{{ :01_lilly.gif?200 |}}  {{ :02_lilly.gif?200 |}}