Frame-Animation mit Photoshop – Einen Ladebalken animieren

Mit Photoshop lassen sich verschiedene Arten von Animationen herstellen. Eine davon ist die sog. Frame-Animation, in der verschiedene Einzelbilder nacheinander abgespielt werden. In diesem Video-Tutorial zeige ich euch am Beispiel eines Ladebalkens, wie ihr das Grundobjekt gestaltet und anschließend mit Hilfe der Photoshop-Zeitleiste animiert. Das Ergebnis speichern wir als GIF-Animation ab.

Dieses Video ist ein Auszug aus dem Training »Webdesign mit Photoshop« von Galileo Press und wurde auf Photoshop Profis veröffentlicht.

In dieser neuen Folge der »Photoshop-Profis« zeigt Ihnen Jonas Hellwig, wie Sie einen Ladevorgang ansprechend visualisieren können. Bei der Animation des Fortschrittbalkens hilft Ihnen die neue Zeitleiste in Photoshop CS6. Den Ladebalken selber können Sie über Ebenenstile plastisch gestalten und zum Leuchten bringen. Naürlich zeigt Ihnen der Profi auch, wie Sie die Animation als GIF speichern.

Mit dem Laden des Videos akzeptieren Sie die Datenschutzerklärung von YouTube.
Mehr erfahren

Video laden

YouTube immer entsperren

Geschrieben von:

Jonas Hellwig

Jonas ist Gründer der Agentur kulturbanause und des kulturbanause Blogs. Er arbeitet an der Schnittstelle zwischen UX/UI Design, Frontend und Redaktion und hat zahlreiche Fachbücher und Video-Trainings veröffentlicht. Jonas Hellwig ist regelmäßig als Sprecher auf Fachveranstaltungen anzutreffen und unterstützt mit Seminaren und Workshops Agenturen und Unternehmen bei der Planung, der Gestaltung und der technischen Umsetzung von Web-Projekten.

Jonas Hellwig bei Xing