In diesem Tutorial zeige ich Ihnen, wie Sie mit Photoshop ein Bild in Text einfügen. Aber anstatt nur ein einzelnes Wort oder eine einzelne Textzeile auszufüllen, werden wir die Dinge weiter vertiefen und einen einfachen Trick lernen, mit dem Sie ein Bild sofort in zwei oder mehr Textebenen gleichzeitig einfügen können!
In einem vorherigen Lernprogramm haben wir gelernt, wie Sie ein einfaches Bild in Textform erstellen, wobei Sie das Bild in einem einzelnen Wort platzieren. Um den Effekt zu erzielen, mussten wir lediglich eine Kopie unseres Bildes erstellen, es über die Textebene bewegen und das Bild dann mit einer Schnittmaske auf den Text zuschneiden. Aber was ist, wenn Sie mehrere Wörter auf einer separaten Textebene haben, die Sie mit demselben Bild füllen müssen? Wie platziere ich ein Bild gleichzeitig in zwei, drei oder mehr Textebenen? In diesem Tutorial schauen wir uns das Problem an, auf das wir stoßen, und die einfache Lösung!
So sieht der endgültige Effekt aus oder zumindest eine Variation davon mit drei Wörtern, die sich jeweils auf separaten Textebenen befinden und mit demselben Bild gefüllt sind. Am Ende des Tutorials erfahren Sie, wie Sie den Effekt anpassen, indem Sie die Hintergrundfarbe ändern, Ebeneneffekte hinzufügen und die Transparenz des Hintergrunds anpassen:
Der endgültige Effekt.
Lass uns anfangen!
So füllen Sie Ihren Text mit einem Bild
Ich werde Photoshop CC verwenden, aber jede neuere Version wird funktionieren.
Schritt 1: Öffnen Sie Ihr Bild
Öffnen Sie das Bild, das Sie in Ihren Text einfügen möchten. Ich verwende dieses Bild, das ich aus Adobe Stock heruntergeladen habe:
Das Bild, das in den Text eingefügt wird. Bildnachweis: Adobe Stock.
Schritt 2: Fügen Sie Ihren Text hinzu
Fügen Sie Ihren Text zum Dokument hinzu und positionieren Sie ihn dort, wo Sie ihn benötigen, vor dem Bild. Wenn wir uns das Ebenenbedienfeld ansehen, sehen wir, dass ich bereits Text hinzugefügt habe und jedes Wort ("UNDER", "THE" und "SEA") sich auf einer separaten Textebene befindet. Das Bild selbst befindet sich in der Hintergrundebene darunter. Ich schalte den Text ein, indem ich auf das Sichtbarkeitssymbol jeder Textebene klicke :
Aktivieren Sie alle drei Textebenen.
Und hier sehen wir alle drei Wörter vor dem Bild. Sie sollten jetzt Schwarz als Schriftfarbe verwenden, aus Gründen, die wir gleich sehen werden:
Der Text hinzugefügt und vor dem Bild positioniert.
Schritt 3: Fügen Sie über der Hintergrundebene eine Einfarbige Füllebene hinzu
Fügen wir eine Hintergrundfarbe für den Effekt hinzu. Wir werden eine einfarbige Füllebene verwenden. Auf diese Weise können Sie den Hintergrund leicht in eine beliebige Farbe ändern, wie wir später sehen werden. Klicken Sie im Ebenenbedienfeld auf die Hintergrundebene, um sie auszuwählen:
Auswahl der Hintergrundebene.
Klicken Sie dann unten im Ebenenbedienfeld auf das Symbol „ Neue Füll- oder Anpassungsebene“ :
Klicken Sie auf das Symbol Neue Füllung oder Anpassungsebene.
Wählen Sie oben in der Liste die Option „ Einfarbig“ :
Einfarbige Füllebene hinzufügen.
Wählen Sie in der Farbauswahl Weiß aus und klicken Sie auf OK:
Wählen Sie Weiß als Hintergrundfarbe.
Zurück im Dokument befindet sich unser Text jetzt vor einem weißen Hintergrund (weshalb wir Schwarz als Schriftfarbe gewählt haben). Am Ende des Tutorials erfahren Sie, wie Sie die Hintergrundfarbe ändern können:
Das Dokument nach dem Hinzufügen der weißen Füllebene.
Im Ebenenbedienfeld sehen wir die Füllebene "Volltonfarbe" ("Farbfüllung 1") zwischen den Textebenen und der Hintergrundebene. Aus diesem Grund blockiert die Füllebene derzeit das Bild für die Ansicht:
Das Ebenenbedienfeld mit der weißen Füllebene.
Schritt 4: Erstellen Sie eine Kopie der Hintergrundebene
Wir müssen eine Kopie des Bildes erstellen und es über den Text ziehen. Klicken Sie erneut auf die Hintergrundebene, um sie auszuwählen:
Erneute Auswahl der Hintergrundebene.
Erstellen Sie eine Kopie der Hintergrundebene, indem Sie sie auf das Symbol Neue Ebene unten im Ebenenbedienfeld ziehen:
Ziehen Sie die Hintergrundebene auf das Symbol Neue Ebene.
Wenn Sie die Maustaste loslassen, erstellt Photoshop eine Kopie der Ebene, nennt sie "Hintergrundkopie" und platziert sie direkt über dem Original:
Über dem Original wird eine Ebene "Hintergrundkopie" angezeigt.
Schritt 5: Ziehen Sie die Kopie über die Textebenen
Klicken Sie auf die Ebene "Hintergrundkopie" und ziehen Sie sie über die Textebenen. Über der Textebene wird ganz oben eine Markierungsleiste angezeigt:
Ziehen Sie die Ebene "Hintergrundkopie" über die Textebenen.
Lassen Sie die Maustaste los, um die Ebene einzufügen:
Eine Kopie des Bildes befindet sich jetzt über dem Text.
Das Problem: Platzieren Sie ein Bild in drei Textebenen
So weit, ist es gut. Aber jetzt stoßen wir auf ein Problem. Wir haben ein Bild, das nicht nur in einem Wort, sondern in drei platziert werden muss, und jedes Wort befindet sich auf einer separaten Textebene. Wie füllen wir alle drei Wörter mit dem Bild? Wenn wir nur eine einzige Textebene hätten, müssten wir nur eine Schnittmaske erstellen, um das Bild in den Text einzufügen. Aber pass auf, was passiert, wenn ich eines erstelle.
Schnittmaske erstellen
Wenn die Ebene "Hintergrundkopie" ausgewählt ist, klicke ich oben rechts im Ebenenbedienfeld auf das Menüsymbol:
Klicken Sie auf das Menüsymbol des Ebenenbedienfelds.
Dann wähle ich "Schnittmaske erstellen" aus dem Menü:
Schnittmaske erstellen.
Und hier sehen wir das Problem. Photoshop schneidet das Bild in die Textebene direkt darunter, wodurch das Bild in den Text eingefügt wird. Da das Bild jedoch nur auf eine der drei Textebenen zugeschnitten ist, wird das Bild nur in einem der drei Wörter angezeigt. Dies ist jedoch nicht das, was wir möchten:
Der Text erscheint nur in dem Wort oben.
Verwandte Themen: Erfahren Sie alles über Schnittmasken in Photoshop
Warum es nicht geklappt hat
Wenn wir uns die Ebene "Hintergrundkopie" im Ebenenbedienfeld ansehen, sehen wir einen kleinen Pfeil neben dem Vorschaubild, der auf die Textebene darunter zeigt (die Ebene, die das Wort "UNTER" enthält). Auf diese Weise teilt uns Photoshop mit, dass die Ebene "Hintergrundkopie" auf die Textebene gekürzt wird. Es wird jedoch nur auf diese eine Textebene beschränkt, nicht auf alle drei. Wir benötigen eine Möglichkeit, das Bild gleichzeitig auf alle drei Textebenen zu kopieren:
Das Bild wird nur auf die Textebene direkt darunter gekürzt.
Freigeben einer Schnittmaske
Da dies nicht der gewünschte Effekt ist, mache ich die Schnittmaske rückgängig, indem ich erneut auf das Menüsymbol oben rechts im Ebenenbedienfeld klicke und im Menü die Option „Schnittmaske freigeben“ wähle:
Freigeben der Schnittmaske.
Und jetzt sehen wir wieder nur das Bild:
Nach dem Loslassen der Schnittmaske ist das Bild wieder sichtbar.
Schritt 6: Platzieren Sie die Textebenen in einer Ebenengruppe
Die Lösung besteht darin, alle unsere Typebenen in einer Ebenengruppe zu platzieren. Auf diese Weise können wir das Bild nicht auf eine einzelne Textebene sondern auf die gesamte Gruppe auf einmal zuschneiden! Klicken Sie oben auf die Textebene, um sie auszuwählen:
Auswählen der obersten Textebene.
Um auch die anderen Textebenen auszuwählen, halten Sie die Umschalttaste gedrückt und klicken Sie auf die unterste Textebene:
Halten Sie die Umschalttaste gedrückt und klicken Sie auf die untere Textebene, um alle auszuwählen.
Klicken Sie oben rechts im Ebenenbedienfeld auf das Menüsymbol:
Klicken Sie auf das Menüsymbol.
Wählen Sie im Menü die Option Neue Gruppe aus Ebenen :
Befehl "Neue Gruppe aus Ebenen" auswählen.
Nennen Sie im Dialogfeld Neue Gruppe aus Ebenen die Gruppe "Text" und klicken Sie dann auf OK:
Benennung der Layergruppe.
Zurück im Ebenenbedienfeld werden die Textebenen jetzt in einer Ebenengruppe mit dem Namen "Text" angezeigt. Klicken Sie auf den Pfeil links neben dem Ordnersymbol, um die Gruppe zu öffnen und die darin enthaltenen Ebenen anzuzeigen:
Die Textebenen befinden sich jetzt in einer Ebenengruppe.
Schritt 7: Wählen Sie die Ebene "Hintergrundkopie"
Jetzt, da sich die Textebenen in einer Gruppe befinden, können wir das Bild auf die gesamte Gruppe zuschneiden. Klicken Sie auf die Ebene "Hintergrundkopie", um sie auszuwählen:
Auswahl der Ebene "Hintergrundkopie".
Schritt 8: Erstellen Sie eine Schnittmaske
Klicken Sie auf das Menüsymbol des Ebenenbedienfelds:
Klicken Sie auf das Menüsymbol des Ebenenbedienfelds.
Und dann wählen Sie Create Clipping Mask aus der Liste:
Schnittmaske erstellen.
Dieses Mal schneidet Photoshop die Ebene "Hintergrundkopie" nicht auf eine einzelne Textebene, sondern auf die Ebenengruppe selbst:
Das Bild wird jetzt auf die Ebenengruppe gekürzt.
Und da wir das Bild der Gruppe zugeschnitten haben, wird das Bild sofort in allen drei Wörtern angezeigt:
Der Effekt nach dem Ausschneiden des Bildes in die Ebenengruppe.
Anpassen des Effekts: Hinzufügen eines Schlagschattens
Nachdem wir den grundlegenden "Bild in Text" -Effekt erstellt haben, sehen wir uns einige Möglichkeiten an, ihn anzupassen. Eine Sache, die wir tun können, ist, dem Text einen Schlagschatten hinzuzufügen. Und da der Schlagschatten alle unsere Textebenen gleichzeitig beeinflussen soll, wenden wir ihn auf die Ebenengruppe selbst an. Klicken Sie auf die Layergruppe, um sie auszuwählen:
Auswählen der Ebenengruppe im Ebenenbedienfeld.
Klicken Sie dann unten im Ebenenbedienfeld auf das Symbol „Ebenenstile“ (das Symbol „FX“):
Klicken Sie auf das Symbol Ebenenstile.
Wähle Schlagschatten aus der Liste:
Wähle "Schlagschatten".
Die Schlagschatten-Einstellungen
Dadurch wird das Dialogfeld Ebenenstil geöffnet, in dem die Optionen für Schlagschatten festgelegt sind. Stellen Sie den Winkel, die Entfernung und die Größe des Schattens nach Ihren Wünschen ein. Winkel legt die Richtung der Lichtquelle fest. Abstand legt fest, wie weit sich der Schatten von den Buchstaben nach außen erstreckt, und Größe füllt die Schattenkanten aus. Passen Sie dann die Helligkeit des Schattens mit dem Regler „ Deckkraft“ oben an.
In meinem Fall stelle ich den Winkel auf 75 ° ein, um den Winkel der Lichtstrahlen im Wasser anzupassen. Dann setze ich sowohl die Entfernung als auch die Größe auf 30px und die Deckkraft auf 40%. Klicken Sie auf OK, wenn Sie fertig sind, um das Dialogfeld zu schließen:
Die Schlagschatten-Optionen.
Und hier ist mein Effekt mit dem Schlagschatten angewendet. Beachten Sie, dass alle Textebenen in der Gruppe betroffen sind, da wir den Schlagschatten auf die Ebenengruppe angewendet haben:
Das Ergebnis nach dem Hinzufügen eines Schlagschattens zur Ebenengruppe.
Anpassen des Effekts: Ändern der Hintergrundfarbe
Sie können den Effekt auch anpassen, indem Sie die Hintergrundfarbe ändern. Doppelklicken Sie auf das Farbfeld für die Einfarbige Füllebene:
Doppelklicken Sie im Ebenenbedienfeld auf das Farbfeld der Füllebene.
Wählen Sie dann im Farbwähler eine andere Farbe. Ich werde schwarz wählen:
Ändern der Hintergrundfarbe von Weiß nach Schwarz.
Und so sieht der Effekt mit schwarzem Hintergrund aus:
Durch den dunkleren Hintergrund wird das Bild in den Wörtern hervorgehoben.
Auswählen einer Hintergrundfarbe aus dem Bild
Sie können auch eine Hintergrundfarbe direkt aus dem Bild in den Buchstaben auswählen. Bewegen Sie den Mauszeiger bei geöffnetem Farbwähler über das Bild. Ihr Cursor verwandelt sich in eine Pipette. Klicken Sie auf eine Farbe, um sie abzutasten und als neue Hintergrundfarbe festzulegen. Ich wähle einen dunklen Blauton aus der Tauchermaske:
Eine Farbe aus dem Bild abtasten.
Und so sieht diese Farbe als neuer Hintergrund aus:
Der Effekt mit einer vom Bild abgetasteten Hintergrundfarbe.
Ich werde die Farbe verwenden, die ich abgetastet habe, aber ich werde einen viel dunkleren Farbton davon wählen:
Nehmen Sie die abgetastete Farbe und wählen Sie eine dunklere Version davon.
Klicken Sie auf OK, um den Farbwähler zu schließen. Der folgende Effekt wird mit einem dunkelblauen Hintergrund angezeigt:
Das dunklere Blau erleichtert das Lesen des Textes.
Anpassen des Effekts: Hinzufügen von Transparenz zum Hintergrund
Lassen Sie uns zum Schluss einen weiteren Weg betrachten, um den Effekt anzupassen, und zwar durch Hinzufügen von Transparenz zur Hintergrundfarbe. Dadurch wird ein Teil des Originalbilds sichtbar. Verringern Sie bei ausgewählter Ebene „Einfarbige Füllung“ den Wert für die Deckkraft oben rechts im Ebenenbedienfeld. Je niedriger der Standardwert von 100% ist, desto besser wird das Bild durch die Hintergrundfarbe angezeigt. Ich werde meine auf 85% senken:
Verringern der Deckkraft der Ebene "Einfarbige Füllung".
Auf diese Weise kann nur ein Teil des Bildes auf dem blauen Hintergrund angezeigt werden, wodurch mein endgültiger Effekt erzielt wird:
Der endgültige "Bild im Text" -Effekt.
Und da haben wir es! So platzieren Sie ein Bild in Text und füllen mehrere Textebenen mit demselben Bild in Photoshop! Weitere Tutorials finden Sie in unseren Abschnitten zu Foto- und Texteffekten!