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

Manchmal reicht eine GIF alleine nicht aus. Manchmal möchten Sie etwas Text hinzufügen. Photoshop kann den Job erledigen, aber der Vorgang ist nicht so intuitiv, wie Sie es sich vorstellen würden, besonders wenn Sie zuvor noch keine Animation in Photoshop bearbeitet haben.

Wenn Sie eine GIF-Datei in Photoshop importieren, werden Sie feststellen, dass jedes Bild in „Ebenen“ angezeigt wird. Wenn Sie die Reihenfolge der Ebenen ändern, ändert sich auch nicht die Reihenfolge, in der Bilder wiedergegeben werden?

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 Ihrer GIF sehen können, und sogar die Wiedergabetaste drücken, um eine Vorschau der Wiedergabe anzuzeigen.

Die Dinge können ein wenig verwirrend werden, lassen Sie uns einen Blick darauf werfen. Zum Zwecke unserer Übung…

• Das Zeitleiste In diesem Fenster können Sie steuern, in welcher Reihenfolge Ihre Bilder wiedergegeben werden, und eine Vorschau Ihrer Animation anzeigen.
• Das Schichten Fenster steuert, welche Frames mit transparenten Overlays angezeigt werden. Eine Überlagerung am oberen Rand der Liste wird beispielsweise über alle Frames angezeigt.

Mit diesem Zugriff können wir unsere Überlagerung hinzufügen. In diesem Beispiel fügen wir Text hinzu. Erstellen Sie also ein Textfeld wie gewohnt.

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

Auf diese Weise wird Ihre Textüberlagerung auf Ihrer gesamten GIF angezeigt.

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

In diesem Beispiel wurde der Text in der ersten Hälfte der Frames angezeigt und verschwand dann.

Das ist wahrscheinlich das Gegenteil von dem, was Sie wollen, und Sie können es nur korrigieren, indem Sie alle Ebenen neu anordnen. Ziehen Sie die frühen Rahmen an den Anfang der Liste und setzen Sie Ihren Text in die Mitte.

Dadurch kann Ihr Text auf halbem Weg durch die GIF angezeigt werden. Sie können später sogar ein weiteres Stück Text hinzufügen.

Kapiert?

Es kann eine Weile dauern, bis die Dinge richtig sind, aber wenn Sie lange genug mit der Ebenenreihenfolge spielen, wird Ihr Text genau dann angezeigt, wenn Sie es möchten.

Wenn Sie fertig sind, sollten Sie auf Datei> Für Web speichern klicken, um die GIF-Datei zu exportieren. Sie erhalten viel Kontrolle über die Qualität, wodurch die Dateigröße reduziert werden kann. Genießen Sie Ihr neues vollständiges GIF!