Überlagern von Text (oder anderen Elementen) über animierten GIFs in Photoshop

Manchmal reicht ein GIF allein nicht aus. Manchmal möchten Sie ein wenig Text hinzufügen. Photoshop kann den Job erledigen, aber der Vorgang ist nicht so intuitiv, wie Sie es sich vorstellen, insbesondere wenn Sie noch nie zuvor eine Animation in Photoshop bearbeitet haben.

Wenn Sie ein GIF in Photoshop importieren, werden Sie feststellen, dass jeder Frame in „Ebenen“ angezeigt wird. Insbesondere ändert das Ändern der Reihenfolge der Ebenen nicht die Reihenfolge, in der Frames wiedergegeben werden. Was genau ist los?

Um dies herauszufinden, müssen Sie das Zeitleistenfenster öffnen, das Sie unter Fenster> Zeitleiste finden.

Dadurch wird ein neues Fenster hinzugefügt, in dem Sie die Frames in Ihrem GIF sehen und sogar die Wiedergabetaste drücken können, um eine Vorschau der Wiedergabe anzuzeigen.

Die Dinge können etwas verwirrend werden, also lasst uns einen Blick darauf werfen. Für die Zwecke unserer Übung…

• Das Zeitleiste Im Fenster können Sie steuern, in welcher Reihenfolge Ihre Frames wiedergegeben werden, und eine Vorschau Ihrer Animation anzeigen.
• Das Lagen Das Fenster steuert, über welchen Rahmen transparente Überlagerungen angezeigt werden. Ein Overlay oben in der Liste wird beispielsweise über allen Frames angezeigt.

Lassen Sie uns mit dem Zugriff darauf unser Overlay hinzufügen. In diesem Beispiel fügen wir Text hinzu. Erstellen Sie daher wie gewohnt ein Textfeld.

Wie immer wird Ihr Text in einer neuen Ebene hinzugefügt. Ziehen Sie diese Überlagerung an den Anfang Ihrer Ebenenliste.

Auf diese Weise wird Ihre Textüberlagerung über Ihrem gesamten GIF angezeigt.

Wenn das alles ist, was Sie tun möchten, sind Sie fertig! Wenn Sie jedoch möchten, dass Ihre Überlagerung an einem bestimmten Punkt in der Animation angezeigt wird, werden die Dinge etwas komplizierter. Ziehen Sie Ihr Textfeld in die Mitte, um zu sehen, was ich meine.

In meinem Beispiel wurde dadurch der Text für die erste Hälfte der Frames angezeigt und verschwand dann.

Das ist wahrscheinlich das Gegenteil von dem, was Sie wollen, und die einzige Möglichkeit, dies zu beheben, besteht darin, alle Ebenen neu anzuordnen. Ziehen Sie die frühen Frames an den Anfang der Liste und platzieren Sie Ihren Text in der Mitte.

Auf diese Weise kann Ihr Text zur Hälfte des GIF angezeigt werden. Sie können später sogar noch ein Stück Text hinzufügen.

Kapiert?

Es kann eine Weile dauern, bis alles richtig ist. Spielen Sie jedoch lange genug mit der Ebenenreihenfolge, und Ihr Text wird genau dann angezeigt, wenn Sie es möchten.

Wenn Sie fertig sind, empfehlen wir Ihnen, auf Datei> Für Web speichern zu klicken, um das GIF zu exportieren. Sie erhalten viel Kontrolle über die Qualität, was zur Reduzierung der Dateigröße beitragen kann. Viel Spaß mit deinem neuen GIF!