GIF erstellen in Photoshop: 6 einfache Schritte zu deiner Animation

Vera Bauer3. MAI 2023
Photoshop ist auf einem PC-Monitor geöffnet.

stock.adobe.com/Gorodenkoff

Animierte GIFs sind aus dem Internet nicht mehr wegzudenken – egal ob für Memes oder Social Media Posts. Wir zeigen dir, wie du die kurzen Clips in Photoshop erstellst.

Die Abkürzung GIF steht für „Graphics Interchange Format“. Es handelt sich um ein komprimiertes Bilddateiformat, das eine Animation ermöglicht. GIFs bestehen aus einer Reihe Standbilder, die nacheinander abgespielt werden, um die Illusion einer Bewegung zu erzeugen. Mit Photoshop auf deinem PC oder deinem Laptop kannst du sie ganz schnell selbst zusammenbasteln, denn das Programm bietet dafür die richtigen Werkzeuge.

Schritt 1: Lade deine Bilder in Photoshop

Wenn du bereits eine Bilderreihe für ein animiertes GIF erstellt hast, sammle sie in einem separaten Ordner. Lade sie dann in Photoshop, indem du „Datei > Skripten > Dateien in Stapel laden“ anklickst. Wähle die Bilderreihe aus, die du zuvor schon erstellt hast. Photoshop erstellt für jedes Bild automatisch eine eigene Ebene. Gehe nun zu Schritt 2 über.

In dem Photoshop-Programm werden Bilder hochgeladen.

Adobe/Screenshot: TURN ON

Hast du noch keine Bilderserie erstellt, ist das auch kein Problem. Zunächst musst du mehrere neue Ebenen hinzufügen. Um dies zu tun, wähle „Ebene > Neu > Ebene“ aus. Achte darauf, die Ebenen aussagekräftig zu benennen, damit du bei der Erstellung des GIFs nicht durcheinanderkommst. Füge so viele Ebenen hinzu, wie du für das Grundgerüst deiner Animation brauchst. Zum Beispiel einen Hintergrund, einen Rahmen und einen Text. Du kannst sie direkt in Photoshop erstellen. Danach bist du bereit für Schritt 2.

Schritt 2: Öffne die Zeitleiste

Obwohl das Programm Photoshop primär zum Bearbeiten von Bildern genutzt wird, gibt es auch hier eine Timeline, ähnlich wie bei Videoschnitt-Programmen. Um sie zu öffnen, wähle in der oberen Leiste die Einstellung „Fenster > Zeitleiste“. In der dann erscheinenden Timeline kannst du nun verschiedene Ebenen für unterschiedliche Zeiträume ein- und ausblenden. So verwandelst du statische Bilder in ein GIF.

In dem Photoshop-Programm wird die Timeline geöffnet.

Adobe/Screenshot: TURN ON

Schritt 3: Erstelle einzelne Frames

Oben rechts im Timeline-Fenster kannst du in einem Dropdown-Menü den Punkt „Frames aus Ebenen erstellen“ auswählen.

In dem Photoshop-Programm werden einzelne Frames erstellt.

Adobe/Screenshot: TURN ON

Schritt 4: Lege die Anzeigedauer fest

Du solltest nun mehrere nummerierte Rechtecke in der Timeline sehen. Darunter ist eine Sekundenzahl angegeben, die du ändern kannst. Wähle unter jedem Bild aus, wie lange es angezeigt werden soll.

In dem Photoshop-Programm wird die Anzeigedauer festgelegt.

Adobe/Screenshot: TURN ON

Schritt 5: GIF im Loop-Modus

Am unteren Rand der Zeitleiste kannst du einstellen, wie oft sich die Animation wiederholen soll. Als Standardeinstellung ist „Unbegrenzt“ ausgewählt, aber du kannst das GIF so oft wiederholen lassen, wie du es möchtest. Anschließend kannst du das GIF einmal abspielen lassen, indem du auf den Wiedergabe-Button drückst. Wird die Animation falsch herum abgespielt, klicke erneut auf das Menüsymbol im Timeline-Fenster und wähle „Frames umkehren“ aus.

In dem Photoshop-Programm wird der Loop-Modus eingestellt.

Adobe/Screenshot: TURN ON

Schritt 6: Speichere und exportiere das GIF

Bist du zufrieden mit deinem GIF? Dann speichere es unter „Datei > Exportieren > Für Web speichern“ ab. Im nächsten Dropdown-Menü namens „Voreinstellungen“ wählst du den Typ der GIF-Datei aus. Hier hast du verschiedene Möglichkeiten – bei allen gilt jedoch: Die Zahl neben der Auswahl bestimmt, wie groß das GIF wird und wie detailliert es später angezeigt wird. Je höher sie ist, desto mehr Farben und Details siehst du später, allerdings erhöht sich dabei auch die Dateigröße. Am Ende legst du noch einen Wert für die Schleifenwiedergabe fest.

In dem Photoshop-Programm wird das GIF exportiert.

Adobe/Screenshot: TURN ON

Speichere die Datei anschließend ab. Du findest sie nun auf deinem Computer und kannst sie hochladen, wo auch immer du möchtest.

Zusammenfassung: So erstellst du ein GIF in Photoshop

  • Am besten hast du bereits eine Bilderserie für dein animiertes GIF vorbereitet. Öffne diese in Photoshop.
  • Öffne danach die Zeitleiste, mit der du die Dauer, Reihenfolge und Abläufe der Animation steuern kannst.
  • Anschließend erstellst du zu jedem einzelnen Bild deiner Serie einen Frame, bei dem du außerdem die Anzeigedauer auswählst.
  • Zu guter Letzt legst du fest, ob sich das GIF endlos wiederholen oder nach einem Durchlauf stoppen soll.
  • Dann kannst du das GIF speichern, exportieren und hochladen.

Beiträge zu Bildbearbeitungen