In diesem Tutorial erfahren Sie, wie Sie in Photoshop transparenten Text erstellen, sodass das Bild hinter dem Text in den Buchstaben angezeigt wird! Eine schrittweise Anleitung für Photoshop CC, CS6 und früher.
Müssen Sie einem Bild Text hinzufügen, aber es gibt keinen geeigneten Ort, um ihn zu platzieren? Fügen Sie es in Photoshop als transparenten Text hinzu! In diesem Tutorial zeige ich Ihnen, wie Sie auf einfache Weise einen transparenten Textbereich erstellen. Dies bedeutet, dass der Typ selbst vollständig transparent ist und das Bild darunter durchscheint. Wir umgeben den Text mit einem einfarbigen Block, normalerweise weiß, um die Formen der Buchstaben zu verdeutlichen. Der transparente Text wird dann zum Rahmen für unser Thema! Dies ist ein großartiger Design-Trick für Bilder, die zu beschäftigt sind, als dass Text leicht lesbar wäre.
Das Erstellen von transparentem Text in Photoshop ist einfach. Wir beginnen damit, eine neue Ebene über dem Bild hinzuzufügen und es mit Weiß zu füllen. Dann fügen wir unseren Text hinzu. Um den Text transparent zu machen, verwenden wir die erweiterten Überblendungsoptionen von Photoshop (keine Sorge, es handelt sich um sehr einfache "erweiterte" Optionen), um aus unserer Textebene eine "Aussparungs" -Ebene zu machen, mit der Löcher bis zum Bild in den Formen gestanzt werden unserer Briefe!
So sieht der transparente Textbereich aus, wenn wir fertig sind:
Der transparente Texteffekt.
Lass uns anfangen!
So fügen Sie transparenten Text hinzu
In diesem Tutorial verwende ich Photoshop CC, aber jeder Schritt ist mit Photoshop CS6 und früheren Versionen kompatibel. Sie können auch mein Video zu diesem Tutorial auf unserem YouTube-Kanal verfolgen. Oder laden Sie dieses Tutorial als druckfertiges PDF herunter!
Schritt 1: Öffnen Sie Ihr Bild
Öffnen Sie zunächst das Bild, in dem Sie einen transparenten Typ hinzufügen möchten. Ich habe dieses Bild der New Yorker Skyline von Adobe Stock heruntergeladen:
Das Originalbild. Bildnachweis: Adobe Stock.
Schritt 2: Fügen Sie eine neue Ebene hinzu
Im Ebenenbedienfeld sehen wir das Bild auf der Hintergrundebene. Fügen Sie eine neue leere Ebene über dem Bild hinzu, indem Sie unten im Ebenenbedienfeld auf das Symbol Neue Ebene klicken:
Klicken Sie auf das Symbol "Neue Ebene".
Eine neue Ebene mit dem Namen "Ebene 1" wird über der Hintergrundebene angezeigt:
Die neue Ebene wird hinzugefügt.
Schritt 3: Fülle die neue Ebene mit Weiß
Wir werden diese Ebene verwenden, um den weißen Bereich zu erstellen, der den Text umgibt. Füllen Sie die Ebene mit Weiß, indem Sie in der Menüleiste zum Menü Bearbeiten gehen und Füllen wählen:
Gehen Sie zu Bearbeiten> Ausfüllen.
Setzen Sie im Dialogfeld Ausfüllen die Option Inhalt oben auf Weiß und klicken Sie dann auf OK:
Wählen Sie Weiß als Füllfarbe.
Photoshop füllt die Ebene mit Weiß und blockiert das Bild vorübergehend:
Die neue Ebene ist jetzt mit Weiß gefüllt.
Schritt 4: Verringern Sie die Deckkraft der Ebene
Verringere die Deckkraft von "Ebene 1" auf 75% . Die Option „Deckkraft“ befindet sich oben rechts im Ebenenbedienfeld:
Verringere die Deckkraft von "Ebene 1" auf 75%.
Wenn die Deckkraft verringert ist, wird das Bild jetzt teilweise durchscheinend angezeigt, sodass wir es sehen können, wenn wir den Text hinzufügen:
Das Bild wird jetzt durch "Ebene 1" angezeigt.
Schritt 5: Wählen Sie das Textwerkzeug
Wählen Sie in der Symbolleiste das Textwerkzeug aus:
Auswahl des Textwerkzeugs.
Schritt 6: Wählen Sie Ihre Schriftart
Wählen Sie Ihre Schriftart in der Optionsleiste . Ich verwende Futura PT Heavy, das ich von Adobe Typekit heruntergeladen habe, aber jede Schriftart funktioniert:
Auswahl der Schriftart in der Optionsleiste.
Stellen Sie die Schriftgröße weiterhin in der Optionsleiste auf 72 pt ein . Wir müssen die Größe des Texts ändern, sobald wir ihn hinzugefügt haben, aber dies gibt uns vorerst die größte voreingestellte Größe:
Festlegen der Schriftgröße auf 72 pt.
Schritt 7: Setzen Sie die Schriftfarbe auf Schwarz
Stellen Sie sicher, dass Ihre Schriftfarbe auf Schwarz eingestellt ist, indem Sie den Buchstaben D auf Ihrer Tastatur drücken, wodurch die Standardfarbe wiederhergestellt wird. Dies ist nur so, damit wir den Typ vor dem weißen Hintergrund sehen können. Die aktuelle Schriftfarbe finden Sie im Farbfeld in der Optionsleiste:
Das Typ-Farbfeld in der Optionsleiste.
Schritt 8: Fügen Sie Ihren Text hinzu
Klicken Sie in das Dokument und fügen Sie Ihren Text hinzu. Ich schreibe die Wörter "NEW YORK CITY":
Hinzufügen von Text zum Bild.
Klicken Sie auf das Häkchen in der Optionsleiste, um es zu akzeptieren:
Klicken Sie auf das Häkchen, um den Text zu akzeptieren.
Im Ebenenbedienfeld wird die neue Textebene über "Ebene 1" angezeigt:
Das Ebenenbedienfeld mit der neuen Textebene.
Schritt 9: Ändern Sie die Textgröße
Gehen Sie zum Menü Bearbeiten in der Menüleiste und wählen Sie Frei transformieren:
Gehen Sie zu Bearbeiten> Freie Transformation.
Photoshop umgibt den Text mit dem Feld „Frei transformieren“ und den Ziehpunkten. Klicken Sie auf einen der Eckpunkte und ziehen Sie ihn, um die Größe des Texts nach Bedarf zu ändern. Halten Sie beim Ziehen die Umschalttaste gedrückt, um zu vermeiden, dass die Formen der Buchstaben beim Ändern der Größe verzerrt werden:
Halten Sie die Umschalttaste gedrückt und ziehen Sie die Eckpunkte, um die Größe des Texts zu ändern.
Um den Text zu verschieben, klicken Sie in das Feld "Freie Transformation" und ziehen Sie ihn an die gewünschte Position. Ich werde meinen Text vor die Wasserlinie stellen. Wenn Sie fertig sind, drücken Sie die Eingabetaste (Win) / Return (Mac) auf Ihrer Tastatur:
Klicken und ziehen Sie in das Feld "Frei transformieren", um den Text neu zu positionieren.
Schritt 10: Öffnen Sie die Mischoptionen
Klicken Sie bei ausgewählter Textebene unten im Ebenenbedienfeld auf das Symbol „Ebenenstile“ (das FX- Symbol):
Klicken Sie auf das Symbol Ebenenstile.
Wählen Sie oben in der Liste Mischoptionen aus:
Wählen Sie "Mischoptionen".
Dadurch wird das Dialogfeld „Ebenenstil“ von Photoshop geöffnet, in dem die Hauptüberblendungsoptionen festgelegt sind. Ändern Sie im Abschnitt Erweiterte Überblendung die Option Aussparung von Keine in Flach . Dadurch wird die Textebene zu einer "Aussparung "sebene. Dies bedeutet, dass Photoshop die Formen der Buchstaben verwendet, um durch " Ebene 1 "zu stanzen und das Bild auf der Hintergrundebene anzuzeigen:
Setzen Sie die Knockout-Option auf "Shallow".
Um den Effekt zu sehen, ziehen Sie den Schieberegler für die Fülldeckkraft ganz nach unten auf 0% :
Senkung der Fülldeckkraft auf 0%.
Klicken Sie auf OK, um das Dialogfeld Ebenenstil zu schließen. Nicht nur der Text selbst ist transparent geworden, sondern auch der Bereich auf "Ebene 1" direkt unter dem Text, als hätte der Text ein Loch durchgestanzt. Wir können jetzt das Bild auf der Hintergrundebene durch die Buchstaben sehen:
Der Effekt, nachdem die Textebene in eine Aussparungsebene umgewandelt wurde.
Schritt 11: Wählen Sie "Layer 1"
Ändern Sie die Größe des weißen Bereichs, der den Text umgibt, damit nicht das gesamte Foto verdeckt wird. Klicken Sie im Ebenenbedienfeld auf Ebene 1, um sie auszuwählen:
Auswahl von "Layer 1".
Schritt 12: Ändern Sie die Größe der Ebene mit Free Transform
Gehen Sie zum Menü Bearbeiten und wählen Sie erneut Free Transform :
Gehen Sie zu Bearbeiten> Freie Transformation.
Ziehen Sie die oberen und unteren Ziehpunkte in Richtung des Texts. Drücken Sie die Eingabetaste (Win) / Return (Mac) auf Ihrer Tastatur, wenn Sie fertig sind:
Ändern Sie die Größe des weißen Bereichs, der den Text umgibt, mit Free Transform.
Schritt 13: Passen Sie die Deckkraft der Ebene an
Passen Sie abschließend die Deckkraft von "Ebene 1" an, um die Sichtbarkeit des Texts zu optimieren. Durch Erhöhen der Deckkraft wird der weiße Bereich um den Text ausgefüllter und die Schrift besser lesbar. Durch Verringern der Deckkraft wird der Textbereich in das Bild eingeblendet. Ich setze die Deckkraft auf 85%:
Erhöhung des Deckkraftwerts auf 85%.
Und hier, nachdem ich die Deckkraft erhöht habe, ist mein letztes "transparentes Textfeld" -Ergebnis:
Der endgültige transparente Effekt.
Eine andere Ebene als die Hintergrundebene anzeigen
Die Schritte, die wir in diesem Tutorial behandelt haben, sind alles, was Sie tun müssen, wenn sich das Bild, das Sie in Ihrem Text anzeigen möchten, auf der Hintergrundebene befindet . Wenn Sie ein Bild über der Hintergrundebene haben, das im Text angezeigt werden soll, platzieren Sie einfach die Textebene und die durchgehend weiße Ebene darunter in einer Ebenengruppe, indem Sie beide Ebenen auswählen, zum Menü Ebene wechseln und Ebenen gruppieren auswählen .
Und da haben wir es! So fügen Sie mit Photoshop ganz einfach transparenten Text zu einem Bild hinzu! Neben dem Hinzufügen von transparentem Text besteht ein weiterer klassischer Photoshop-Effekt darin, das Bild direkt im Text zu platzieren. Oder lernen Sie, wie Sie Ihren Text in das Bild mischen, indem Sie Schriftfarben direkt aus dem Bild auswählen! Besuchen Sie unseren Bereich für Fotoeffekte, um weitere Photoshop-Tutorials zu erhalten!