Ein animiertes GIF erstellen Sie in Photoshop als Frame-Animation: Jede Ebene wird zu einem Einzelbild, Sie legen Dauer und Schleife fest und exportieren das Ergebnis als GIF. Das Video unten zeigt die Basics. Die folgenden Abschnitte fassen den Ablauf zusammen und ergänzen Tipps für Einsteiger.
Das Wichtigste in Kürze
- Jede Ebene entspricht einem Bild der Animation.
- Dauer pro Bild und Schleifenoptionen steuern das Tempo.
- Der Export erfolgt über „Für Web speichern“ als GIF.
- Kurze Animationen mit wenigen Farben bleiben klein.
Video-Quelle: Video auf YouTube ansehen. Der Beitrag selbst ist eine eigenständige Anleitung zum Thema.
Wie erstellen Sie ein GIF Schritt für Schritt?
- Dokument in passender Größe anlegen und Bilder auf eigenen Ebenen platzieren.
- Fenster „Zeitleiste“ öffnen und „Frame-Animation“ wählen.
- Einzelbilder aus den Ebenen erzeugen und Sichtbarkeit je Bild einstellen.
- Dauer pro Bild festlegen, zum Beispiel einige Zehntelsekunden.
- Schleifenoption auf „Immer“ stellen, wenn das GIF dauerhaft laufen soll.
- Über „Für Web speichern“ als GIF exportieren.
| Einstellung | Wirkung |
|---|---|
| Dauer pro Bild | Bestimmt die Geschwindigkeit |
| Schleife | Einmal, mehrfach oder dauerhaft |
| Farbanzahl | Weniger Farben bedeuten kleinere Dateien |
| Bildgröße | Kleinere Abmessungen reduzieren Dateigröße |
Tipps für Einsteiger
- Wenige Bilder und kurze Dauer verwenden
- Weniger Farben und einfache Motive wählen
- Ebenen benennen, damit der Überblick bleibt
- Vorschau im Browser prüfen
Welche Fehler passieren häufig?
- Zu große Datei
- Falsche Schleifeneinstellung
- Zu schnelle Bildfolge
Häufige Fragen
GIF oder Video?
Video ist bei längeren Animationen meist besser. GIF ist universell einsetzbar.
Wie verkleinere ich ein GIF?
Weniger Bilder, kleinere Abmessungen, weniger Farben. Siehe Beitrag zum GIF-Export.
Wo setze ich GIFs ein?
In Social Media, Newslettern und auf Webseiten, mit Blick auf Dateigröße.
Praxisbeispiel zum Nachmachen (hypothetisch)
Ein kleines Unternehmen möchte ein animiertes Logo für den Newsletter: Vier Ebenen mit Farbvarianten werden zu Frames, jedes dauert eine Zehntelsekunde, die Schleife läuft endlos. Beim Export werden Farben reduziert, bis die Datei unter dem gewünschten Limit bleibt.
Kurz-Checkliste zum Abhaken
- Ebenen als Frames
- Dauer pro Frame
- Schleife gesetzt
- Farben reduziert
- Test im Newsletter
Vertiefende Fragen und Antworten
Wie viele Frames sind sinnvoll?
So wenige wie möglich für die gewünschte Wirkung.
Warum ruckelt mein GIF?
Zu wenige Frames oder zu lange Dauer.
Kann ich Transparenz nutzen?
GIF unterstützt einfache Transparenz.
Hintergrundwissen: Begriffe kurz erklärt
Bei animierten GIFs begegnen Ihnen diese Begriffe.
| Begriff | Bedeutung |
|---|---|
| Frame | Einzelbild einer Animation |
| Schleife | Wiederholung der Animation |
| Farbtabelle | Begrenzte Farbpalette des GIF |
| Dithering | Rasterung zur Simulation von Verläufen |
Fazit
Mit Ebenen und Zeitleiste entsteht ein einfaches GIF in wenigen Minuten. Üben Sie mit kurzen Loops. Bei Grafiken unterstützt That Works Media.
Weiterführende Ratgeber
Das könnte Sie auch interessieren
- Photoshop 2021 das große Update die wichtigsten Funktionen in der Praxis
- Photoshop Tutorial – Pinsel als Formsprache und Stilmittel einsetzen auf Flyer, Poster, Designs
- Transparenter Text in Photoshop: Häufige Probleme und Lösungen

