Erstellen von animierten GIFs aus Bildern mit Photoshop CS6

Ich habe kürzlich ein paar lustige Bilder von meinem Cousin gemacht und wollte ein eigenes animiertes GIF erstellen, anstatt das von Google+ automatisch erstellte „Auto Awesome“ zu verwenden. Da ich Photoshop CS6 installiert habe, dachte ich, ich würde es versuchen und sehen, was passiert. Zuerst dachte ich, es wäre ziemlich einfach: Importieren Sie die Bilder in separate Ebenen und speichern Sie sie einfach als GIF-Datei mit Animation. Falsch!

Wenn Sie versuchen, das GIF auf diese Weise zu erstellen, werden Sie feststellen, dass der Animationsabschnitt im Dialogfeld "Für Web speichern" ausgegraut ist. Um das aktivieren zu können, sodass Sie die Schleifenoptionen auswählen können, müssen Sie in Photoshop CS6 eine so genannte Rahmenanimation erstellen. Das hört sich kompliziert an, ist aber ziemlich einfach. In diesem Beitrag gehe ich Sie durch die Schritte zur Erstellung Ihrer eigenen animierten GIF-Datei mit Standbildern.

Ich werde auch erwähnen, wie man ein Video importiert und dieses in ein animiertes GIF konvertiert. Beim Importieren eines Videos unterscheidet sich nur der Importvorgang, die restlichen Schritte bleiben gleich.

Schritt 1 - Alle Bilder importieren

Als erstes müssen Sie alle Ihre Bilder in einer Photoshop-Datei in separaten Ebenen importieren. Wenn Sie beispielsweise 6 Bilder haben, öffnen Sie alle in Photoshop und erstellen Sie eine neue Datei, kopieren Sie diese und fügen Sie sie in eine eigene Ebene in der neuen Datei ein. Ebene 1 sollte Ihr Startbild sein und die letzte Ebene sollte das letzte Bild in der Animation sein.

Dieser Teil des Prozesses wird wahrscheinlich die meiste Zeit von allen Schritten beanspruchen. Es gibt wahrscheinlich eine einfachere und schnellere Möglichkeit, dies in Photoshop zu tun, aber da ich kein Profi bin, kopiere ich jedes Bild manuell und füge es in eine neue Photoshop-Datei ein. Wenn Sie einen schnelleren Weg kennen, teilen Sie mir dies bitte in den Kommentaren mit.

Schritt 2 - Erstellen Sie eine Rahmenanimation

Der zweite Schritt besteht darin, die eigentliche Animation in Photoshop selbst zu erstellen. Dazu müssen Sie zunächst das Schnittfenster öffnen. Geh hinauf zu Fenster und wähle Zeitleiste.

Jetzt wirst du das sehen Zeitleiste Fenster am unteren Bildschirmrand geöffnet. Es sollte zu Beginn völlig leer sein. Um eine Frame-Animation zu erstellen, klicken Sie einfach mit der rechten Maustaste auf eine beliebige Stelle in der Zeitleiste und wählen Sie Frame-Animation erstellen.

Wenn Sie dies tun, sehen Sie jetzt nur ein Bild in der Timeline mit einer kleinen kleinen 1 in der oberen linken Ecke. Dabei handelt es sich entweder um das Bild, das Sie im Ebenenbedienfeld ausgewählt haben, oder um die zuletzt hinzugefügte Ebene (letztes Bild in der Animation). An diesem Punkt handelt es sich um eine Ein-Frame-Animation, die wir nicht wollen.

Stattdessen möchten wir, dass alle Ebenen in die Animation einbezogen werden. Dazu müssen wir auf den kleinen Pfeil nach unten rechts im Schnittfenster klicken. Es hat einen kleinen Pfeil nach unten und daneben ein paar horizontale Linien. Wenn Sie darauf klicken, sehen Sie eine Option namens Frames aus Ebenen erstellen.

Jetzt sollten Sie für jede Ebene, die Sie in Ihrer Datei haben, einen Rahmen sehen. Für jedes Bild wird außerdem ein kleines Bild unter dem Bild angezeigt, in dem Sie die Zeitdauer auswählen können, für die jedes Bild angezeigt werden soll.

Wie Sie oben sehen können, beträgt das erste Bild 5 Sekunden und der Rest wird auf 0 gesetzt. Sie müssen sie entsprechend anpassen, Sie können jedoch auch eine benutzerdefinierte Zeitspanne auswählen.

Wenn Sie die Zeit für jedes Bild ausgewählt haben, können Sie mit dem letzten Schritt fortfahren, in dem Ihre neue Animation in einer GIF-Datei gespeichert wird.

Schritt 3 - Speichern Sie die GIF-Datei

Jetzt ist es Zeit, dein animiertes GIF zu speichern. Um dies zu tun, gehen Sie zu Datei und klicken Sie auf Speichern Sie für Web. Ganz unten im Speicherdialogfeld sehen Sie den Bereich Animation, der nicht mehr grau sein sollte.

Ihre Möglichkeiten hier sind ziemlich einfach zu verstehen. Sie können wirklich nur auswählen, wie die Schleife wiederholt werden soll, und dann eine Vorschau der Animation anzeigen, bevor Sie sie speichern. Das ist alles! Hoffentlich hilft Ihnen dieses Handbuch dabei, Ihre animierten GIFs in Photoshop CS6 problemlos zu erstellen!

Fazit

Es gibt einige Dinge, die es wert sind, erwähnt zu werden. Wenn Sie der Ansicht sind, dass das animierte GIF zu groß ist, müssen Sie zunächst die Größe der einzelnen Bilder reduzieren, bevor Sie Ihre endgültige Photoshop-Datei mit mehreren Ebenen erstellen. Sie können die Bilder entweder zuschneiden, wenn Sie nur einen Teil der Fotos zum Erstellen der Animation benötigen, oder Sie können die Größe des gesamten Bildes reduzieren.

Zweitens: Wenn Sie ein Video haben, können Sie die Videoframes automatisch in Ebenen importieren, indem Sie zu gehen Datei, dann Einführen und klicken Sie auf Video-Frames zu Ebenen.

Das ist also alles was dazu gehört. Um die Größe zu verwalten, müssen Sie möglicherweise die Qualität der Bilder reduzieren, um eine kleine GIF-Datei zu erstellen. Genießen!