hardmood.info

A DokuWiki flirting with bilingualism to chronicle Prof. Felix Beck's courses and academic antics.

User Tools

Site Tools

Trace:
radiogaga_02

Differences

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

Link to this comparison view

Both sides previous revisionPrevious revision
Next revision		Previous revision
Last revisionBoth sides next revision
radiogaga_02 [2021/04/10 12:20] – [Beispiel 1 (Video Timeline)] hardmoodradiogaga_02 [2021/04/22 10:08] – jana
Line 4: Line 4:
 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. 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. Teilen Sie Ihr animiertes Gif via Mattermost und laden Sie es in Ihren Sciebo Namens Ordner.+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) ==== ==== Beispiel 1 (Video Timeline) ====
  
-Unteres Beispiel folgt der Anleitung dieses [[https://www.youtube.com/watch?v=NIWcv4utlfY|Youtube Videos]] zur Erstellung eines Animierten Gifs 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.+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. {{: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.
Line 14: Line 16:
 ==== Beispiel 2 (Frame Animation) ==== ==== Beispiel 2 (Frame Animation) ====
  
-Das untere Beispiel benutzt eine //Frame Animation//. Bei dieser Art wird für die einzelnen Frames eine eigene Ebene eingeblendet. In einem zweiten Schritt kann dann zwischen diesen interpoliert werden. Es gibt dazu viele verschiedene Anleitungen und how-tos. Googeln Sie und finden Sie eine, die am ehesten dem entspricht was Sie sich für Ihre Logo Animation vorstellen.+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|}} {{: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.
  
  
Line 24: Line 26:
   * https://imgflip.com/gif-maker   * https://imgflip.com/gif-maker
   * https://gifmaker.me   * https://gifmaker.me
 +
 +\\  
 +\\ 
 +
 +==== Beispiele für Lösungswege ====
 +
 +==vormittags==
 +\\ 
 +
 +**The Papershakers**
 +
 + 
 +\\ 
 +\\ 
 +
 +
 +{{ :01_thepapershakers.gif?direct&270|}}  {{ :02_thepapershakers.gif?direct&270|}}  {{ :03_thepapershakers.gif?direct&270|}}  
 +
 +\\ 
 +\\ 
 +\\ 
 +\\ 
 +\\ 
 +\\ 
 +\\ 
 +\\ 
 +\\ 
 +\\ 
 +\\ 
 +\\ 
 +
 +**BWMC**
 +
 +{{ :01_brainwash.gif?direct&270|}}  {{ :02_brainwash.gif?direct&270|}}  {{ :03_brainwash.gif?direct&270|}}
 +
 +\\ 
 +\\ 
 +\\ 
 +\\ 
 +\\ 
 +\\ 
 +\\ 
 +\\ 
 +\\ 
 +\\ 
 +\\ 
 +\\ 
 +\\ 
 +
 +**sió**
 +
 + {{ :01_sio.gif?direct&270|}}  {{ :02_sio.gif?direct&270|}}  {{ :03_sio.gif?direct&270|}}  
 +
 +\\ 
 +\\ 
 +\\ 
 +\\ 
 +\\ 
 +\\ 
 +\\ 
 +\\ 
 +\\ 
 +\\ 
 +\\ 
 +\\ 
 +\\ 
 +\\ 
 +\\ 
 +
 +**Lilly and Paperplanes**
 +
 + {{ :01_lilly.gif?direct&270|}} {{ :02_lilly.gif?direct&270|}}  
 +
 +\\ 
 +\\ 
 +\\ 
 +\\ 
 +\\ 
 +\\  
 +\\ 
 +\\ 
 +\\ 
 +\\ 
 +\\ 
 +\\ 
 +\\ 
 +
 +
 +==nachmittags==
 +\\ 
 +
 +**Call Out**
 +
 + {{ :03_callout.gif?direct&270|}}  {{ :01_callout.gif?direct&270|}} {{ :02_callout.gif?direct&270|}}
 +
 +\\ 
 +\\ 
 +\\ 
 +\\ 
 +\\ 
 +\\  
 +\\ 
 +\\ 
 +\\ 
 +\\ 
 +
 +**A.B.C.**
 +
 + {{ :03_abc.gif?direct&270|}}  {{ :01_abc.gif?direct&270|}} {{ :02_abc.gif?direct&270|}} 
 +
 +\\ 
 +\\ 
 +\\ 
 +\\ 
 +\\ 
 +\\  
 +\\ 
 +\\ 
 +\\ 
 +\\ 
 +
 +**fruitm8s**
 +
 + {{ :03_fruitm8s.gif?direct&180|}} {{ :02_fruitm8s.gif?direct&270|}} {{ :01_fruitm8s.gif?direct&270|}}
 +
 +\\ 
 +\\ 
 +\\ 
 +\\ 
 +\\ 
 +\\  
 +\\ 
 +\\ 
 +\\ 
 +\\ 
 +\\ 
 +\\ 
 +\\ 
 +\\ 
 +
 +**kósmou**
 +
 +{{ :01_kosmou.gif?direct&270|}}