So machen Sie Text in Photoshop transparent

Sie möchten Text zu einem Bild hinzufügen, haben aber keinen geeigneten Platz dafür? Versuchen Sie es mit transparentem Text in Photoshop!

Dieses Tutorial zeigt Ihnen, wie Sie einen transparenten Textbereich erstellen. Dabei ist die Typografie selbst vollständig transparent, sodass das darunterliegende Bild durchscheint. Wir umgeben den Text mit einem Farbblock, meist Weiß, um die Form der Buchstaben hervorzuheben. Anschließend bildet der Text den Rahmen für das Motiv. Dies ist ein toller Designtrick für Bilder, deren Text zu unruhig ist, um ihn lesbar zu machen.

Transparenten Text in Photoshop zu erstellen ist ganz einfach. Füge zunächst eine neue Ebene über deinem Bild hinzu und fülle sie mit Weiß. Füge anschließend deinen Text hinzu. Um den Text transparent zu machen, verwende ich die erweiterten Fülloptionen von Photoshop, um die Typografieebene in eine Hervorhebungsebene umzuwandeln. Dadurch werden Löcher in die Buchstabenform gestanzt, die direkt zum darunterliegenden Bild führen.

Schritt 1: Öffnen Sie das Bild

Öffnen Sie zunächst das Bild, dem Sie einen Transparenzeffekt hinzufügen möchten. Ich habe beispielsweise dieses Bild der New Yorker Skyline von Adobe Stock heruntergeladen :

Schritt 2: Eine neue Ebene hinzufügen

Im Ebenenbedienfeld befindet sich das Bild auf der Hintergrundebene. Klicken Sie unten im Ebenenbedienfeld auf das Symbol „ Neue Ebene hinzufügen“ .

Über dem Bild wird eine neue leere Ebene mit dem Namen „ Ebene 1“ angezeigt.

Wir werden diese Ebene verwenden, um den weißen Bereich um den Text herum zu erstellen.

Schritt 3: Füllen Sie die neue Ebene mit Weiß

Füllen Sie die Ebene mit Weiß, indem Sie in der Menüleiste zum Menü „Bearbeiten“ gehen und „Füllen“ auswählen .

Legen Sie im Dialogfeld „Füllen“ für „Inhalt “ die Option „Weiß“ fest. Klicken Sie anschließend auf „OK“.

Photoshop füllt die Ebene mit Weiß und blockiert so vorübergehend die Anzeige des Bilds.

Schritt 4: Reduzieren Sie die Deckkraft der Ebene

Reduzieren Sie im Ebenenbedienfeld die Deckkraft von Ebene 1 auf 75 %.

Wenn die Deckkraft reduziert wird, ist das Bild jetzt teilweise sichtbar, sodass wir es beim Hinzufügen von Text sehen können.

Schritt 5: Textwerkzeug auswählen

Wählen Sie in der Symbolleiste das Textwerkzeug aus .

Schritt 6: Schriftart auswählen

Wählen Sie in der Optionsleiste Ihre Schriftart aus. Wir verwenden für dieses Beispiel Futura PT Heavy, aber jede Schriftart mit dickem Text ist geeignet.

Stellen Sie in der Optionsleiste die Schriftgröße auf 150 pt ein. Wir müssen die Größe des Textes nach dem Hinzufügen anpassen, aber dies sollte uns einen ausreichend großen Ausgangspunkt bieten.

Schritt 7: Stellen Sie die Textfarbe auf Schwarz ein

Bevor Sie die Optionsleiste verlassen, stellen Sie sicher, dass die Textfarbe auf Schwarz eingestellt ist. Falls nicht, drücken Sie die Taste D auf Ihrer Tastatur, um die Standardfarbe wiederherzustellen.

Schwarz ermöglicht es uns, den Text vor einem weißen Hintergrund zu sehen, verschwindet aber, wenn wir den Text transparent machen.

Schritt 8: Text hinzufügen

Klicken Sie in das Dokument und fügen Sie Ihren Text hinzu. Wir geben beispielsweise die Wörter NEW YORK CITY ein.

Klicken Sie zum Akzeptieren auf das Häkchen in der Optionsleiste.

Im Ebenenbedienfeld wird die neue Textebene über Ebene 1 angezeigt.

Schritt 9: Textgröße ändern

Gehen Sie im Menü zum Menü „Bearbeiten“ und wählen Sie „Frei transformieren“ aus .

Photoshop umgibt den Text mit einem Transformationsfeld und Griffen.

Bevor Sie die Ziehpunkte ziehen, aktivieren Sie in der Optionsleiste das Verknüpfungssymbol zwischen den Feldern „Breite“ und „Höhe“ . Dadurch wird das Seitenverhältnis des Textes beim Ändern der Größe fixiert, sodass die Buchstaben nicht verzerrt werden.

Ziehen Sie dann einen beliebigen Griff, um die Textgröße zu ändern.

Hier wird im Beispiel der Text größer dargestellt, um möglichst viel vom Bild abzudecken.

Klicken und ziehen Sie dann im Transformationsfeld, um den Text neu zu positionieren. Beispielsweise wird der Text vor den Wasserrand verschoben.

Wenn Sie fertig sind, drücken Sie die Eingabetaste (Win) bzw. Return (Mac) auf Ihrer Tastatur, um die freie Transformation zu akzeptieren und zu schließen.

Schritt 10: Mischoptionen ändern

Stellen Sie im Bedienfeld „Ebenen“ sicher, dass die Textebene ausgewählt ist, und klicken Sie unten auf das Symbol „ Ebeneneffekte“ (fx) .

Wählen Sie dann im oberen Menü „Mischoptionen“ aus.

Dadurch wird das Dialogfeld „Ebenenstil“ von Photoshop geöffnet und auf die Hauptfülloptionen eingestellt.

Ändern Sie im Abschnitt „Erweiterte Überblendung“ die Aussparung von „Keine“ in „Flach“. Dadurch wird die Textebene zu einer Aussparungsebene, d. h. Photoshop verwendet die Form der Buchstaben, um durch Ebene 1 zu dringen und das Bild auf der Hintergrundebene freizugeben.

Sie werden den Effekt erst sehen, wenn Sie die Fülldeckkraft auf 0 % reduzieren.

Klicken Sie auf „OK“ , um das Dialogfeld „Ebenenstil“ zu schließen.

Dabei wird nicht nur der Text selbst transparent, sondern auch der Bereich auf Ebene 1 direkt unter dem Text, als wäre der Text durchgestanzt worden.

Das Bild auf der Hintergrundebene ist jetzt durch die Buchstaben sichtbar.

Schritt 11: Ebene 1 auswählen

Passen Sie die Größe des weißen Bereichs um den Text an, sodass er nicht das gesamte Bild abdeckt.

Klicken Sie im Bedienfeld „Ebenen“ auf „Ebene 1“, um Ebene 1 auszuwählen.

Schritt 12: Ändern Sie die Größe der Ebene mithilfe der Funktion „Frei transformieren“

Gehen Sie zurück zum Menü „Bearbeiten“ und wählen Sie „Frei transformieren“.

Bevor Sie die Transformationsgriffe ziehen, gehen Sie zurück zur Optionsleiste und trennen Sie die Verknüpfung der Felder „Breite“ und „Höhe“. So können Sie die Griffe frei ziehen, ohne sich um das Seitenverhältnis kümmern zu müssen.

Ziehen Sie dann die oberen und unteren Ziehpunkte in Richtung Text. Drücken Sie anschließend die Eingabetaste (Windows) bzw. Return (Mac).

Schritt 13: Passen Sie die Deckkraft der Ebene an

Passen Sie abschließend die Deckkraft von Ebene 1 an, um die Sichtbarkeit des Textes zu optimieren.

Durch Erhöhen der Deckkraft wird der weiße Bereich um den Text herum besser lesbar. Durch Verringern der Deckkraft wird der Textbereich im Bild unscharf.

Im Beispiel wird die Deckkraft auf 85 % eingestellt.

Nach dem Erhöhen der Deckkraft sollte das endgültige Ergebnis des transparenten Textbereichs wie folgt aussehen.