Ein animiertes GIF in Photoshop ist eine Animation, die mit dem Grafikeditor Adobe Photoshop im GIF-Format (Graphics Interchange Format) erstellt wurde. GIF ist ein gängiges Bildformat, das Animationen unterstützt, indem es mehrere Frames (oder Bilder) nacheinander anzeigt und so den Effekt einer Bewegung erzeugt.

Mit Adobe Photoshop können Sie ganz einfach aus einer Reihe von Fotos eine originale animierte GIF-Datei (Graphics Interchange Format) erstellen. In diesem Tutorial führen wir Sie Schritt für Schritt durch die Erstellung eines animierten GIFs in Photoshop.

Animiertes GIF „Vögel, die mit den Flügeln schlagen“ in Photoshop.

1. Wählen Sie aus, welche Fotos Sie für Ihr GIF verwenden möchten.

Um das bestmögliche GIF zu erhalten, verwenden Sie eine Reihe von Bildern, die schnell hintereinander aufgenommen werden. Am besten funktionieren Zeitrafferbilder oder Bilder, die im Burst-Modus aufgenommen wurden. Dies liegt daran, dass Ihr GIF dadurch wie ein kurzes Endlosvideo aussieht. Je mehr Frames Sie in Ihrem GIF verwenden, desto flüssiger wird der Animationseffekt. Animiertes GIF in Photoshop.

Normalerweise funktionieren 15–24 Standbilder am besten. Stellen Sie sicher, dass die Bildgröße für jeden Ihrer Frames gleich ist, also überprüfen Sie die Pixelanzahl noch einmal. Legen Sie das gesamte Filmmaterial, das Sie verwenden möchten, in einem Ordner auf Ihrem Desktop oder Ihrer Festplatte ab. Dadurch werden sie in Photoshop leichter gefunden.

So erstellen Sie ein animiertes GIF in Photoshop

2. Fotos importieren. Animiertes GIF in Photoshop

Öffnen Sie Adobe Photoshop. Wählen Sie im Menü „Datei“ die Option „Skripte“ > „Dateien in Stapel laden“. Dadurch wird ein neues Dialogfeld geöffnet. Klicken Sie auf „Durchsuchen“, um den Ordner zu finden, den Sie auf Ihrem Desktop oder Ihrer Festplatte erstellt haben und der die Bilder enthält, die Sie in Ihr GIF aufnehmen möchten.

Drücken Sie die Umschalttaste, um mehrere Bilder auszuwählen. Wenn alle Bilddateien, die Sie verwenden möchten, markiert sind, klicken Sie auf OK. Anschließend werden alle ausgewählten Dateien im Dialogfeld „Ebenen laden“ aufgelistet.

Klicken Sie auf „OK“ und Photoshop öffnet die ausgewählten Bilder als separate Ebenen in einem neuen Dokument.

Photoshop-Timeline-Panels

3. Öffnen Sie das Zeitleistenfenster. Animiertes GIF in Photoshop

Wählen Sie im Menü „Fenster“ die Option „Zeitleiste“, um das Zeitleistenfenster im Arbeitsbereich zu öffnen. Standardmäßig wird das Zeitleistenfenster am unteren Bildschirmrand geöffnet.

In der Mitte des Zeitleistenfensters sehen Sie die Schaltfläche „Video-Zeitleiste erstellen“ mit einem Pfeil daneben. Klicken Sie auf den Pfeil und wählen Sie im Dropdown-Menü die Option „Frame-Animation erstellen“ aus.

Jetzt steht auf der Schaltfläche „Frame-Animation erstellen“. Klicken Sie auf diese Schaltfläche.

So erstellen Sie ein animiertes GIF in Photoshop-Animationsrahmen

4. Konvertieren Sie die Bildebenen in Animationsrahmen.

In der oberen rechten Ecke des Zeitleistenfensters sehen Sie ein Menüsymbol (vier horizontale Linien). Klicken Sie auf dieses Menüsymbol, um ein Dropdown-Menü mit Animationsoptionen zu öffnen.

Klicken Sie auf Rahmen aus Ebenen erstellen. Dadurch werden die Bilder im Ebenenbedienfeld in einzelne Frames in Ihrem GIF umgewandelt.

Sie sollten nun im Zeitleistenfenster eine Miniaturansicht jeder Ihrer Bildebenen sehen. Klicken Sie auf die Schaltfläche „Abspielen“, um eine Vorschau Ihres GIF anzuzeigen. Animiertes GIF in Photoshop

Schleifenanimation

5. Führen Sie die Animation in einer Schleife aus.

In der unteren linken Ecke des Zeitleistenfensters sehen Sie mehrere Loop-Optionen. Mit Adobe Photoshop können Sie entscheiden, ob Ihr GIF einmal, dreimal oder dauerhaft abgespielt werden soll. Sie können andere Zyklusoptionen manuell auswählen, indem Sie „Andere“ auswählen.

Der Ausfall ist häufig dauerhaft. Wenn Sie eine der anderen Optionen ausgewählt haben, klicken Sie auf den Pfeil neben der angegebenen Dauer. Wählen Sie dann „Für immer“ aus dem Dropdown-Menü.

Klicken Sie erneut auf das Wiedergabesymbol, um sicherzustellen, dass Ihnen das animierte GIF gefällt. Animiertes GIF in Photoshop

6. Exportieren Sie die Animation als GIF-Datei.

Wählen Sie im Menü „Datei“ die Option „Exportieren“ > „Für Web speichern (Legacy)“. Dadurch wird ein neuer Einstellungsdialog geöffnet. Hier finden Sie die idealen Einstellungen zum Speichern Ihrer Arbeit Datei Format GIFs:

  • Wählen Sie im Abschnitt „Voreinstellung“ die Option „GIF 128 Dithered“ aus.
  • Wählen Sie unter Farben die Option 256 aus.
  • Im Abschnitt „Bildgröße“ können Sie die physischen Abmessungen Ihres GIF-Bildes anpassen. Wenn Ihre ursprünglichen Bilddateien sehr groß waren, sollten Sie die Größe Ihres GIF-Bildes reduzieren, um ein besseres Anzeigeerlebnis im Web zu erzielen. Wenn Sie die Größen anpassen, sehen Sie in der unteren linken Ecke der GIF-Vorschau, wie sich die geschätzte Dateigröße ändert.
  • Stellen Sie sicher, dass unter „Looping-Optionen“ „Für immer“ ausgewählt ist.

Klicken Sie in der unteren linken Ecke des Dialogfelds auf „Vorschau“, um zu sehen, wie Ihr GIF in einem Webbrowserfenster aussehen wird. Animiertes GIF in Photoshop

Klicken Sie auf „Speichern“, um ein neues Dialogfeld „Speicheroptionen“ zu öffnen. Benennen Sie die Datei, wählen Sie ein Ziel aus und klicken Sie auf Speichern. Das ist alles! Mit Adobe Photoshop haben Sie schnell und einfach Ihr eigenes GIF erstellt.