Moskau von oben – GIF Animation mit Photoshop erstellen

85 Stockwerke – eine Aussicht bis zum Horizont. Ein atemberaubender 360° Blick auf die russische Metropole und die abendliche Rushhour. Aber wie diese am besten ohne Stativ und DSLR festhalten?

Da ich keine Kamera mit dabei hatte mußte mein iPhone 6s herhalten. Aus vier Einzelbildern ist dann  diese kleine GIF-Animation entstanden.

Wie das geht? Relativ schnell und einfach mit Photoshop.

GIF Animation mit Photoshop - Moskau bei Nacht
GIF Animation mit Photoshop und iPhone – Moskau bei Nacht

In fünf schnellen Schritten eine GIF Animation mit Photoshop erstellen

Schritt 1 – Ebene in Timeline/Zeitleiste einfügen

Photoshop Timeline für GIF Animation
GIF Animation in Photoshop Timeline vorbereiten

Über Windows/Fenster Timline bzw. Zeitleiste wählen. Die Zeitleiste erscheint anschließend unter dem Bildfenster. Die einzelnen Ebenen Eurer Animation auswählen und auf „zu Zeitliste hinzufügen“ klicken. Nun werden die Ebenen als Einzelelemente in der Timeline sichtbar.

Schritt 2 – Zeitliche Abfolge ausrichten
Im nächsten Schritt, die einzelnen Ebenen (Videoelemente) in ihrer Länge einrichten und in zeitlicher Abfolge auf der Timeline ausrichten.

Schritt 3 – GIF Animation erstellen

Erstellung der GIF-Animation aus Photoshop für Web
GIF Animation aus Photoshop exportieren (Web)

Hierzu entweder für GIF-Animation „Für Web speichern (Legacy) wählen oder alternativ „Video rendern“ wählen, um ein Videofile (z.B. MP4) zu bekommen. Dies kann vor allem bei Instagram interessant sein, da hier keine GIFs unterstützt werden

Schritt 4 – GIF Einstellung Endlosschleife (loopen)

Loop und Bildgröße der GIF Animation Photoshop einstellen

Um das GIF auf eine „Unendlichschleifenwiedergabe“ oder neudeutsch zu „loopen“ unten rechts dir Option „unbegrenzt“ wählen. Zusätzlich könnt Ihr in diesem Fenster die Größe und Qualität Eures GIFs einrichten.

Schritt 5 – Speichern der GIF Animation
… und im Browser testen. Und schon bewegt sich Euer GIF 😉

2 Einträge zu „Moskau von oben – GIF Animation mit Photoshop erstellen

Kommentar verfassen

Trage deine Daten unten ein oder klicke ein Icon um dich einzuloggen:

WordPress.com-Logo

Du kommentierst mit Deinem WordPress.com-Konto. Abmelden /  Ändern )

Google+ Foto

Du kommentierst mit Deinem Google+-Konto. Abmelden /  Ändern )

Twitter-Bild

Du kommentierst mit Deinem Twitter-Konto. Abmelden /  Ändern )

Facebook-Foto

Du kommentierst mit Deinem Facebook-Konto. Abmelden /  Ändern )

Verbinde mit %s

This site uses Akismet to reduce spam. Learn how your comment data is processed.