So erstellen Sie ein animiertes GIF mit Photoshop

Animierte GIFs gehören zu den unterhaltsamsten und am häufigsten verwendeten Dateien im Web. Sie können gleichermaßen verwendet werden, um Spaß zu haben oder einen Punkt schnell und didaktisch nach Hause zu fahren, ohne viel Platz auf einer Website zu beanspruchen.

GIFs scheinen zwar komplex zu sein, sind aber eigentlich nicht so schwer zu erstellen. Wenn Sie über Photoshop verfügen, haben Sie bereits alles, was Sie zum Erstellen benötigen. Genau das zeigen wir Ihnen in diesem Tutorial.

Bereit? Lass uns anfangen.

Schritt 1: Bereiten Sie zunächst die Bilddateien vor, aus denen Ihre GIF-Datei besteht, da jede GIF-Datei aus verschiedenen Frames besteht. Das bedeutet, dass Sie bereits die verschiedenen „Frames“ haben sollten, aus denen Ihr GIF besteht. In diesem Beispiel werde ich ein GIF erstellen, das aus drei einfachen Bilddateien besteht (siehe unten).

Schritt 2: Öffnen Sie die Dateien in Photoshop (es sei denn, Sie haben sie zu Beginn in Photoshop erstellt) und stellen Sie sicher, dass jede zu einer separaten Ebene gehört. Um dies sicherzustellen, klicken Sie nach dem Öffnen der ersten Datei unten rechts im Ebenenbedienfeld auf „ Neue Ebene erstellen“ und fügen Sie die nächste Bilddatei in die neue Ebene ein.

Nachdem alle Ihre Bilder ihren eigenen Ebenen hinzugefügt wurden, sollten sie im Bedienfeld „Photoshop-Ebenen“ folgendermaßen aussehen:

Schritt 3: Gehen Sie in Photoshop zum Menü „ Fenster“ und klicken Sie auf die Option „ Animation “. Dadurch wird die Animationspalette von Photoshop aufgerufen. Sobald dies der Fall ist, klicken Sie auf die Schaltfläche unten rechts (siehe Abbildung unten), um von der Timeline- Ansicht zur Frames- Ansicht zu wechseln, was unsere Arbeit etwas erleichtert.

Schritt 4: Standardmäßig wird in der Animationspalette nur eines der Bilder (oder "Frames") angezeigt, die Sie haben. Außerdem wird am unteren Rand jedes Frames die Uhrzeit angezeigt, zu der es in der endgültigen GIF-Datei angezeigt wird. Wenn Sie das ändern möchten, klicken Sie einfach darauf und wählen Sie die gewünschte Zeit aus. Die von Ihnen gewählte Zeit gilt auch für die übrigen Bilder.

Schritt 5: Fügen Sie nun einige Frames hinzu, in die Ihre anderen Bilder eingefügt werden sollen. Klicken Sie dazu in der Animationspalette auf die Schaltfläche " Rahmen duplizieren".

Dadurch wird der zweite Frame hinzugefügt, aus dem sich Ihr GIF zusammensetzt. Hier ist der Trick: Vergewissern Sie sich, dass für jeden hinzugefügten Frame nur die relevante Ebene ausgewählt ist, die das gewünschte Bild für diesen Frame enthält. Überprüfen Sie die Bilder unten zum Beispiel:

Da ich möchte, dass Layer 1 und Layer 2 die zweite bzw. dritte Komponente meiner GIF-Datei sind, wähle ich nur den einen oder anderen für den zweiten und dritten Frame aus. Am Ende sollte die Animationspalette alle Frames Ihrer GIF-Datei in der Reihenfolge anzeigen, in der sie angezeigt werden, und mit der Zeitdauer, die jeweils angezeigt wird, sollte auch festgelegt werden.

Schritt 6: Sobald die Bilder Ihres bald erscheinenden GIFs fertig sind, können Sie sie speichern. Klicken Sie dazu im Menü Datei auf Für Web und Geräte speichern. Wählen Sie im daraufhin angezeigten Fenster unter Voreinstellung das GIF-Format aus.

Wenn Sie in diesem Fenster auf die Registerkarten über Ihrem Bild klicken, können Sie außerdem die verschiedenen Ausgabequalitäten (natürlich mit unterschiedlichen Größen) für Ihre GIF-Datei auswählen.

Sobald Sie die Größe und Qualität Ihres GIF ausgewählt haben, klicken Sie auf Speichern und Sie sind fertig.

Viel Spaß mit deiner GIF-Datei!