In diesem Lernprogramm erfahren Sie, wie Sie mit Photoshop ein Bild in Text einfügen. Dies ist ein sehr beliebter Effekt, der dank der leistungsstarken Schnittmasken von Photoshop auch sehr einfach zu erstellen ist sehen!
Diese Version des Tutorials ist für Photoshop CS5 und früher. Wenn Sie Photoshop CC oder CS6 verwenden, lesen Sie die vollständig überarbeitete und aktualisierte Version dieses Lernprogramms. Hier ist der Effekt, den wir anstreben:
Der endgültige "Bild im Text" -Effekt.
Lass uns anfangen!
So platzieren Sie ein Bild in Text
Schritt 1: Öffnen Sie ein Foto, um es in Ihren Text einzufügen
Zunächst benötigen wir das Bild, das wir in unseren Text einfügen werden. Ich werde dieses Panoramafoto von Hawaii verwenden:
Ein Meerblick aus Hawaii.
Sehen Sie sich das Video-Tutorial auf unserem YouTube-Kanal an!
Schritt 2: Duplizieren Sie die Hintergrundebene
Wenn wir in der Ebenen-Palette nachsehen, können wir feststellen, dass wir derzeit eine Ebene mit dem Namen Hintergrund haben . Diese Ebene enthält unser Bild. Wir müssen diese Ebene duplizieren. Der einfachste Weg, dies zu tun, ist die Verwendung der Tastenkombination Strg + J (Win) / Befehlstaste + J (Mac). Wenn wir noch einmal in die Ebenen-Palette schauen, sehen wir, dass wir jetzt zwei Ebenen haben. Die ursprüngliche Hintergrundebene befindet sich unten und darüber befindet sich eine Kopie der Hintergrundebene, die von Photoshop automatisch als "Ebene 1" bezeichnet wird:
Photoshop-Ebenen-Palette.
Schritt 3: Fügen Sie eine neue leere Ebene zwischen den beiden Ebenen hinzu
Als nächstes müssen wir eine neue leere Ebene zwischen die Hintergrundebene und "Ebene 1" einfügen. Derzeit ist "Ebene 1" die Ebene, die in der Ebenen-Palette ausgewählt ist. Wir können feststellen, welche Ebene ausgewählt ist, da die ausgewählte Ebene immer blau hervorgehoben ist. Normalerweise platziert Photoshop beim Hinzufügen einer neuen Ebene die neue Ebene direkt über der aktuell ausgewählten Ebene. Dies bedeutet, dass Photoshop die Ebene über "Ebene 1" platziert. Das wollen wir nicht. Wir möchten, dass die neue Ebene unter "Ebene 1" platziert wird. Hier ist ein nützlicher Trick. Um eine neue Ebene unter der aktuell ausgewählten Ebene hinzuzufügen, halten Sie die Strg- (Win) / Befehlstaste (Mac) gedrückt und klicken Sie auf das Symbol Neue Ebene am unteren Rand der Ebenen-Palette. Halten Sie die Strg-Taste (Win) bzw. die Befehlstaste (Mac) gedrückt, um die Ebene unter der aktuell ausgewählten Ebene zu platzieren:
Halten Sie "Strg" (Win) / "Befehl" (Mac) gedrückt und klicken Sie auf das Symbol "Neue Ebene" in der Ebenen-Palette.
Wir haben jetzt eine neue leere Ebene mit dem Namen "Ebene 2", die direkt zwischen der Hintergrundebene und "Ebene 1" liegt:
Die Ebenen-Palette zeigt die neue leere Ebene zwischen der Hintergrundebene und "Ebene 1".
Schritt 4: Fülle die neue Ebene mit Weiß
Im Moment ist unsere neue Ebene komplett leer. Füllen wir es mit Weiß, damit es als weißer Hintergrund erscheint, nachdem wir unser Bild in den Text eingefügt haben. Gehen Sie zum Menü Bearbeiten am oberen Bildschirmrand und wählen Sie Ausfüllen . Das Dialogfeld „Füllen“ von Photoshop wird geöffnet. Wählen Sie oben im Dialogfeld für die Option Inhalt die Option Weiß aus, und klicken Sie dann auf OK, um das Dialogfeld zu schließen:
Wählen Sie oben im Dialogfeld des Befehls Füllen für die Option Inhalt die Option Weiß aus.
Im Dokumentfenster ist anscheinend nichts passiert, da das Bild auf "Ebene 1" die Ansicht von "Ebene 2" blockiert. Wenn Sie sich jedoch die Ebenenvorschau-Miniaturansicht für "Ebene 2" in der Ebenen-Palette ansehen, können Sie sehen So sicher ist die Ebene nun mit festem Weiß gefüllt:
Das Vorschaubild für "Layer 2" zeigt, dass der Layer jetzt mit Weiß gefüllt ist.
Schritt 5: Wählen Sie "Ebene 1" in der Ebenenpalette
Es ist Zeit, unseren Text hinzuzufügen, aber um den Text zu sehen, wenn wir ihn hinzufügen, muss der Text über "Ebene 1" angezeigt werden. Andernfalls blockiert das Bild auf "Ebene 1" die Anzeige des Texts. Um sicherzustellen, dass wir unseren Text sehen können, klicken Sie in der Ebenen-Palette auf "Ebene 1", um ihn auszuwählen. Sobald wir mit der Eingabe beginnen, erstellt Photoshop für uns eine neue Textebene und platziert die Textebene direkt über "Ebene 1":
Klicken Sie in der Ebenen-Palette auf "Ebene 1", um sie auszuwählen.
Schritt 6: Wählen Sie das Textwerkzeug
Zum Hinzufügen des Texts benötigen wir das Textwerkzeug von Photoshop. Wählen Sie daher das Textwerkzeug in der Palette „Werkzeuge“ aus. Sie können das Textwerkzeug auch schnell auswählen, indem Sie den Buchstaben T auf Ihrer Tastatur drücken:
Wählen Sie das Textwerkzeug.
Schritt 7: Wählen Sie eine Schriftart in der Optionsleiste
Öffnen Sie mit dem ausgewählten Textwerkzeug die Optionsleiste am oberen Bildschirmrand und wählen Sie die Schriftart aus, die Sie für den Effekt verwenden möchten. Im Allgemeinen funktionieren Schriftarten mit dicken Buchstaben am besten. Ich werde Arial Black wählen. Mach dir vorerst keine Sorgen um die Schriftgröße:
Wählen Sie eine Schriftart in der Optionsleiste.
Schritt 8: Stellen Sie Weiß als Vordergrundfarbe ein
Dieser Schritt ist nicht unbedingt erforderlich, aber damit ich meinen Text sehen kann, verwende ich Weiß als Textfarbe. Die Farbe, die Sie für Ihren Text auswählen, spielt keine Rolle, da wir den Text in Kürze mit einem Bild füllen. Es ist jedoch weiterhin hilfreich, den Text zu sehen, wenn wir ihn hinzufügen. Um die Textfarbe auf Weiß einzustellen, müssen Sie lediglich die Vordergrundfarbe von Photoshop auf Weiß einstellen . Drücken Sie zuerst den Buchstaben D auf Ihrer Tastatur, um die Vordergrund- und Hintergrundfarben auf ihre Standardeinstellungen zurückzusetzen. Schwarz ist die Standardfarbe für die Vordergrundfarbe und Weiß ist die Standardfarbe für die Hintergrundfarbe. Um sie so zu vertauschen, dass Weiß zur Vordergrundfarbe wird, drücken Sie den Buchstaben X auf Ihrer Tastatur. Wenn Sie sich die Farbfelder für Vordergrund und Hintergrund am unteren Rand der Werkzeugpalette ansehen, werden Sie feststellen, dass Weiß jetzt die Vordergrundfarbe ist (das linke Farbfeld):
Durch Festlegen der Vordergrundfarbe auf Weiß wird auch die Textfarbe auf Weiß festgelegt.
Schritt 9: Fügen Sie Ihren Text hinzu
Klicken Sie mit dem ausgewählten Textwerkzeug, Ihrer ausgewählten Schriftart und Weiß als Vordergrundfarbe in Ihr Dokumentfenster und fügen Sie Ihren Text hinzu. Da ich ein Foto einer Ozeanszene in Hawaii verwende, gebe ich das Wort "HAWAII" ein:
Klicken Sie in das Dokument und fügen Sie Ihren Text hinzu.
Wenn Sie fertig sind, klicken Sie auf das Häkchen in der Optionsleiste, um den Text zu akzeptieren.
Klicken Sie auf das Häkchen in der Optionsleiste, um den Text zu akzeptieren.
Schritt 10: Ändern Sie die Größe und positionieren Sie den Text mit dem Befehl "Frei transformieren" neu
Wahrscheinlich müssen Sie an dieser Stelle die Größe Ihres Texts ändern und ihn neu positionieren. Beides können wir mit dem Befehl „ Free Transform“ von Photoshop erledigen. Drücken Sie auf Ihrer Tastatur die Tastenkombination Strg + T (Win) / Befehlstaste + T (Mac), um das Feld "Freie Transformation" und die Ziehpunkte um Ihren Text anzuzeigen. Ziehen Sie dann einen der Ziehpunkte, um die Größe des Texts zu ändern. Wenn Sie die Größe des Texts ändern möchten, ohne das Erscheinungsbild zu verzerren, halten Sie die Umschalttaste gedrückt, und ziehen Sie einen der vier Eckpunkte. Sie können die Größe des Texts auch von der Mitte aus ändern, indem Sie beim Ziehen die Alt- (Win) / Wahltaste (Mac) gedrückt halten. Um den Text zu verschieben, klicken Sie auf eine beliebige Stelle im Feld "Freie Transformation" und ziehen Sie die Maus, um den Text im Dokumentfenster zu verschieben:
Verwenden Sie den Befehl „Free Transform“ von Photoshop, um die Größe des Texts zu ändern und ihn zu verschieben.
Drücken Sie die Eingabetaste (Win) / Return (Mac), wenn Sie fertig sind, um die Umwandlung zu akzeptieren und den Befehl "Free Transform" zu beenden.
Schritt 11: Ziehen Sie die Textebene unter "Ebene 1"
Jetzt, da wir unseren Text so haben, wie wir es wollen, müssen wir die Textebene unter den Text in der Ebenen-Palette verschieben. Klicken Sie auf die Textebene und ziehen Sie sie einfach unter "Ebene 1". Sie sehen eine dicke schwarze Linie zwischen "Layer 1" und "Layer 2":
Ziehen Sie die Textebene unter "Ebene 1".
Lassen Sie die Maustaste los, wenn die schwarze Linie die Textebene zwischen "Ebene 1" und "Ebene 2" platziert:
Die Textebene wird jetzt zwischen "Ebene 1" und "Ebene 2" angezeigt.
Schritt 12: Wählen Sie erneut "Layer 1"
Klicken Sie in der Ebenen-Palette erneut auf "Ebene 1", um sie auszuwählen:
Die Textebene wird jetzt zwischen "Ebene 1" und "Ebene 2" angezeigt.
Der Text verschwindet vorübergehend im Dokumentfenster, da das Bild auf "Ebene 1" die Ansicht blockiert.
Schritt 13: Erstellen Sie eine Schnittmaske
Um die Illusion zu erzeugen, dass sich das Foto im Text befindet, benötigen wir eine Schnittmaske . Dadurch wird das Foto auf "Ebene 1" auf den Text auf der Ebene direkt darunter "abgeschnitten". Alle Bereiche des Fotos, die direkt über den Buchstaben angezeigt werden, bleiben im Dokument sichtbar. Der Rest des Fotos wird ausgeblendet.
Wenn "Ebene 1" in der Ebenen-Palette ausgewählt ist, gehen Sie zum Menü "Ebene" oben im Bildschirm und wählen Sie "Schnittmaske erstellen" :
Gehe zu Ebene> Schnittmaske erstellen.
Wenn wir in das Dokumentfenster schauen, können wir sehen, dass sich das Foto nun im Text befindet:
Das Foto wird jetzt in den Buchstaben angezeigt.
Schritt 14: Schlagschatten hinzufügen (optional)
Um meinen Effekt zu vervollständigen, füge ich den Buchstaben einen Schlagschatten hinzu. Wenn Sie mitlesen möchten, wählen Sie zunächst die Textebene in der Ebenen-Palette aus und klicken Sie dann auf das Symbol „Ebenenstile“ am unteren Rand der Ebenen-Palette:
Wählen Sie die Typebene aus und klicken Sie dann auf das Symbol Ebenenstile.
Wählen Sie Schlagschatten aus der Liste der angezeigten Ebenenstile aus:
Wählen Sie den Ebenenstil Schlagschatten.
Dadurch wird das Dialogfeld „Ebenenstil“ von Photoshop geöffnet, in dem in der mittleren Spalte die Option „ Schlagschatten“ festgelegt ist . Ich werde die meisten Optionen in Ruhe lassen, aber die Deckkraft des Schlagschattens auf etwa 60% senken, damit es nicht ganz so intensiv ist, und den Winkel des Schlagschattens auf 120 ° einstellen:
Das Dialogfeld Ebenenstil mit den Optionen für den Schlagschatten.
Klicken Sie auf OK, wenn Sie fertig sind, um den Schlagschatten anzuwenden und das Dialogfeld Ebenenstil zu schließen. Hier ist mein letzter "Bild in Text" -Effekt:
Der endgültige "Bild im Text" -Effekt.
Nächstes Tutorial: So platzieren Sie ein Bild in mehreren Textebenen gleichzeitig!
Ein Bild in Text einfügen - Kurzzusammenfassung
Wir haben viel in diesem Tutorial behandelt. Hier finden Sie eine kurze Zusammenfassung der erforderlichen Schritte:
- Öffnen Sie in Photoshop Ihr Foto und drücken Sie Strg + J (Win) / Befehl + J (Mac), um die Hintergrundebene zu duplizieren.
- Halten Sie die Strg-Taste (Windows) bzw. die Befehlstaste (Mac) gedrückt und klicken Sie im Ebenenbedienfeld auf das Symbol Neue Ebene, um eine neue leere Ebene zwischen den beiden vorhandenen Ebenen hinzuzufügen.
- Gehen Sie zum Menü Bearbeiten in der Menüleiste und wählen Sie Füllen . Setzen Sie im Dialogfeld Füllen die Option Verwenden auf Weiß . OK klicken.
- Wählen Sie im Ebenenbedienfeld die oberste Ebene (Ebene 1) aus, um sie zu aktivieren.
- Wählen Sie das Textwerkzeug aus und wählen Sie dann in der Optionsleiste Ihre Schriftartoptionen aus.
- Setzen Sie Ihre Vordergrundfarbe auf Weiß, klicken Sie dann in das Dokument und fügen Sie Ihren Text hinzu.
- Drücken Sie Strg + T (Win) / Befehlstaste + T (Mac), um " Freie Transformation" auszuwählen. Ändern Sie dann die Größe und positionieren Sie Ihren Text nach Bedarf neu. Drücken Sie die Eingabetaste (Win) / Return (Mac), um Free Transform zu beenden.
- Ziehen Sie im Ebenenbedienfeld die Textebene unter das Foto in Ebene 1.
- Wählen Sie Ebene 1 aus, um sie zu aktivieren. Wechseln Sie dann zum Menü Ebene in der Menüleiste und wählen Sie Schnittmaske erstellen .
- Um dem Text einen Schlagschatten hinzuzufügen, klicken Sie im Ebenenbedienfeld auf das Symbol „ FX “, wählen Sie „ Schlagschatten“ und stellen Sie den Winkel und die Deckkraft nach Bedarf ein.
Und da haben wir es! So platzieren Sie mit Photoshop ganz einfach ein Bild in Text! Weitere Tutorials zu Photoshop-Effekten finden Sie in unseren Abschnitten zu Text- und Fotoeffekten.