Animation

Wilkommen zu meinem ersten Tutorial, wie man animierte Icons erstellt.

Ihr braucht dazu:

1. Photoshop (Ich benutze hierzu die CS 3 Version)
   
2. Einen Video Downloader (Ich benutze den VDownloader 1.12 – Hier kannst du den Downloader erwerben.
   

Zu allererst such ich mir ein Video raus, ich nehme dieses Video, den Trailer zu "In meinem Himmel".

Den Link des Videos kopier ich mir in die Zwischenablage.



Dann öffnet sich automatisch ein Fenster beim VDownloader, falls dies nicht geschieht, kann man den Link in die VIDEO-URL Zeile einfügen.



Achtet darauf das der Ausgabe-Format auf MP4 eingestellt ist.



Nun wird das Video runtergeladen und konventiert, dies kann eine Weile dauern.



Nachdem das Video runtergeladen wurde, darf der VDownloader gerne geschlossen werden, den nun wird Photoshop gebraucht.

Um das animierte Video zu öffnen, öffnet ihr es diesmal nicht normal, sondern benutzt die Funktion Importieren, die ihr bei Datei findet, dort wählt ihr Videoframes in Ebenen.



Nun wählt ihr euer Video aus, falls dies nicht klappt, klickt ihr unten auf Dateiname und gebt folgendes ein *.* und drückt auf Laden oder die Entertaste.



Nun werden alle Dateien angezeigt und ihr wählt euer Video aus, darauf erscheint dieses Fenster.
In dem wird euch die Frage gestellt, ob ihr das ganze Video als GIF haben wollt oder nur einzelne Stellen, ich empfehle euch nur einen Ausschnitt zu wählen, da ein ganzes Video meist sehr viele Ebenen habt, und diese auf Dauer für ein Icon zu langweilig wirken.

Um nur eine bestimmte Szene zu wählen, haltet ihr die Feststelltaste (Taste über dem Strg rechts unten der Tastatur) fest und sucht euch eine bestimmte Szene aus.



Nun bestätigt ihr auf Ok und es öffnet sich euer Bild, danach schaltet ihr das Animationsfenster ein, das ihr hier findet.



Falls sich bei euch so ein Fenster öffnet, drückt ihr auf In Frame-Animation konventieren.



Nun solltet ihr euer Bild verkleinern, da die meisten Videos sehr groß sind.



Wenn ihr auf dem Bild etwas bearbeiten wollt, oder Colo's setzten wollt, geht ihr auf das 1. Frame und bearbeitet es dort.



Nachdem ihr mit dem Ergebnis zufrieden seid, speichert ihr es ab.
Dafür speichert ihr es nicht normal ab, sondern klickt auf Datei und wählt Für Web und Geräte speichern aus.



Darauf öffnet sich ein Fenster ... Um die Animation abzuspeichern, drückt ihr auf Speichern, wenn ihr euch die Animation noch mal anschauen wollt, klickt ihr auf die Play Taste.





So sieht mein Endergebnis aus:



So sieht mein animierter Icon ohne Effekte aus, ihr könnt ihn gerne benutzen und selbst damit rum experimentieren.





Und hier noch andere Beispiele, die ich gemacht habe: