GIF-Preloader Animation erstellen – Photoshop-Tutorial

Du möchtest eine GIF-Ladeanimation für deine Website erstellen? In diesem Tutorial zeige ich dir, wie du in Photoshop einen Preloader (Kreisförmiges Ladesymbol) erstellen und als animiertes GIF ausgeben kannst. Dies geht nicht über eine Keyframe-Animation, sondern mittels der Video-Zeitleiste und mehreren darin gesetzten Keyframes. Das Ergebnis ist eine schöne Spinning-Animation als Loop.

Meine andere Photoshop-Tutorials rund um GIF-Animationen:
GIF-Animation erstellen: www.youtube.com/watch?v=FesTOLnj1HY
Video zu GIF-Animation umwandeln: www.youtube.com/watch?v=9OIBHKPvm8Q

Zum Original-Video von 2-Minute Design: www.youtube.com/watch?v=U5goYYhneVo

Ich verwende für das Tutorial Adobe Photoshop CS6. Ein GIF erstellen ist eine Basis-Funktion von Photoshop und kann auch mit früheren Versionen der Creative Suite oder natürlich mit der Creative Cloud (Adobe CC) durchgeführt werden.

Dieses Video ist auf Deutsch. I speak german in this tutorial.

neueres Video älteres Video