In diesem Tutorial zeige ich Ihnen, wie Sie in Photoshop einen Texteffekt mit überlappenden Buchstaben erstellen. Wie wir sehen werden, ist dies nicht nur ein lustiger und farbenfroher Effekt, sondern es ist auch sehr einfach zu erstellen. Wir fügen nur Text hinzu, wandeln die Buchstaben in Formen um, ändern die Farbe jedes Buchstabens und schieben die Buchstaben dann näher zusammen, um sie zu überlappen. Um die Farben in den überlappenden Bereichen zu mischen, verwenden wir einen der Ebenenmischungsmodi von Photoshop. Mal sehen, wie es funktioniert!
So sieht der endgültige Texteffekt "Überlappende Buchstaben" aus, wenn wir fertig sind:
Der endgültige Effekt.
Lass uns anfangen!
So erstellen Sie überlappenden Text in Photoshop
Ich verwende Photoshop CC, aber jeder Schritt ist vollständig mit Photoshop CS6 kompatibel.
Schritt 1: Erstellen Sie ein neues Dokument
Beginnen Sie mit dem Erstellen eines neuen Photoshop-Dokuments. Gehen Sie zum Menü Datei in der Menüleiste und wählen Sie Neu :
Gehen Sie zu Datei> Neu.
Stellen Sie im Dialogfeld Neues Dokument die Breite auf 1600 Pixel, die Höhe auf 800 Pixel, die Auflösung auf 72 Pixel / Zoll und den Hintergrundinhalt auf Weiß ein . Klicken Sie auf "Erstellen" oder "OK" (abhängig von der verwendeten Photoshop-Version), um das Dialogfeld zu schließen und das neue Dokument zu erstellen:
Festlegen der Optionen für das neue Dokument.
Schritt 2: Fügen Sie Ihren Text hinzu
Wählen Sie in der Symbolleiste das Textwerkzeug aus:
Auswahl des Textwerkzeugs.
Wählen Sie Ihre Schriftart in der Optionsleiste. Dickere Schriftarten eignen sich im Allgemeinen am besten für diesen Effekt. Ich werde Avenir Next Bold verwenden . Stellen Sie Ihre Schriftgröße auf 72 pt ein . Wir werden die Größe des Texts ändern, sobald wir ihn hinzugefügt haben, aber dies gibt uns die größte voreingestellte Größe für den Anfang:
Auswahl der Schriftart und der Schriftgröße.
Stellen Sie sicher, dass Ihre Schriftfarbe auf Schwarz eingestellt ist, damit wir den Text vor dem weißen Hintergrund sehen können. Wenn es nicht auf Schwarz eingestellt ist, drücken Sie den Buchstaben D auf Ihrer Tastatur, um es zurückzusetzen. Wir werden für jeden Buchstaben eine andere Farbe auswählen, nachdem wir unseren Text in Formen umgewandelt haben:
Das Farbfeld in der Optionsleiste zeigt die aktuelle Schriftfarbe an.
Klicken Sie in das Dokument und fügen Sie Ihren Text hinzu. Ich werde das Wort "BUNTE" eingeben:
Hinzufügen des Ausgangstextes zum Dokument.
Um Ihren Text zu akzeptieren, klicken Sie auf das Häkchen in der Optionsleiste:
Klicken Sie auf das Häkchen.
Schritt 3: Ändern Sie die Größe und verschieben Sie den Text mit Free Transform
Um die Textgröße zu ändern, rufen Sie das Menü Bearbeiten auf und wählen Sie Frei transformieren :
Gehen Sie zu Bearbeiten> Freie Transformation.
Photoshop platziert das Feld „Frei transformieren“ und fasst den Text ein. Um die Größe zu ändern, halten Sie die Umschalttaste gedrückt, während Sie auf einen der Eckpunkte klicken und diesen ziehen. Halten Sie die Umschalttaste gedrückt, während Sie die Sperren in den ursprünglichen Formen der Buchstaben ziehen, damit Sie sie nicht verzerren. Wenn Sie fertig sind, lassen Sie zuerst die Maustaste und dann die Umschalttaste los. Andernfalls erhalten Sie unerwartete Ergebnisse.
Um den Text in die Mitte des Dokuments zu verschieben, klicken und ziehen Sie in das Feld "Freie Transformation". Wenn Sie mit der Größe und Position des Texts zufrieden sind, drücken Sie die Eingabetaste (Win) / Return (Mac) auf Ihrer Tastatur, um Free Transform zu beenden:
Ziehen Sie einen Eckpunkt, während Sie die Umschalttaste gedrückt halten, um die Größe des Texts zu ändern.
Schritt 4: Konvertieren Sie den Text in Formen
Im Ebenenbedienfeld wird der Text auf einer neuen Textebene über der Hintergrundebene angezeigt:
Das Ebenenbedienfeld mit der neuen Textebene.
Wir müssen unsere Buchstaben in Formen umwandeln. Wechseln Sie bei ausgewählter Textebene in der Menüleiste zum Menü „ Typ“ und wählen Sie „In Form konvertieren“ :
Gehen Sie zu Typ> In Form konvertieren.
Zurück im Ebenenbedienfeld ist die Textebene jetzt eine Formebene. Dies bedeutet, dass unser Text nicht mehr bearbeitet werden kann:
Die Textebene ist jetzt eine Formebene.
Und im Dokument sehen wir Pfadumrisse um die Buchstaben, die uns wissen lassen, dass der Text tatsächlich eine Form ist:
Der Text wurde in eine Form umgewandelt.
Verwandte Themen: So zeichnen Sie Formen in Photoshop
Schritt 5: Verschieben Sie jeden Buchstaben auf eine eigene Ebene
Um die Buchstaben zu überlappen und ihre Farben zu mischen, müssen wir jeden Buchstaben auf einer separaten Ebene platzieren. Greifen Sie auf das Pfadauswahlwerkzeug (das Werkzeug mit dem schwarzen Pfeil) in der Symbolleiste zu:
Auswahl des Pfadauswahlwerkzeugs.
Wechseln Sie dann in Photoshop CC zur Optionsleiste und ändern Sie die Option „ Auswählen “ in „ Alle Ebenen“ . Dies erleichtert die Auswahl einzelner Buchstaben. In Photoshop CS6 ist diese Option nicht verfügbar, aber Sie können die Buchstaben genauso einfach auswählen:
Ändern von "Auswählen" in "Alle Ebenen" (nur Photoshop CC).
Klicken Sie im Dokumentfenster an einer beliebigen Stelle auf den weißen Hintergrund, um die Auswahl der Buchstaben aufzuheben. Klicken Sie dann auf den ersten Buchstaben links, um ihn auszuwählen. Ein Pfadumriss erscheint nur um diesen einen Buchstaben herum:
Auswählen des ersten Buchstabens im Wort.
Um diesen einen Buchstaben auf eine eigene Ebene zu verschieben, rufen Sie das Menü Ebene auf, wählen Sie Neu und dann Ebene über Ausschneiden formen (stellen Sie sicher, dass Sie Ausschneiden und nicht Kopieren wählen). Eine schnellere Möglichkeit (und die von mir für diesen Effekt empfohlene Methode) ist das Drücken von Umschalt + Strg + J (Win) / Umschalt + Befehl + J (Mac) auf Ihrer Tastatur:
Gehen Sie über Ausschneiden zu Ebene> Neu> Ebene formen.
Es sieht nicht so aus, als wäre etwas passiert, aber im Ebenenbedienfeld sehen wir jetzt, dass der erste Buchstabe in eine eigene Formebene über dem Original verschoben wurde:
Der erste Buchstabe wurde in eine eigene Ebene verschoben.
Verschieben Sie die Buchstaben weiter in ihre eigenen Ebenen
Um die verbleibenden Buchstaben auf ihre eigenen Ebenen zu verschieben, klicken Sie mit dem Pfadauswahl-Werkzeug auf einen Buchstaben, um ihn auszuwählen (in Photoshop CS6 müssen Sie einen Doppelklick ausführen). Drücken Sie dann Umschalttaste + Strg + J (Windows) / Umschalttaste + Befehlstaste + J (Mac), um den Buchstaben aus der ursprünglichen Formebene auf eine eigene Ebene zu schneiden. Bewegen Sie sich nacheinander von links nach rechts durch die Buchstaben, bis sich jeder auf einer separaten Ebene befindet. Wenn Sie den letzten Buchstaben auf der rechten Seite erreicht haben, können Sie ihn einfach verlassen, da er der einzige Buchstabe auf der ursprünglichen Formebene ist:
Das Ebenenbedienfeld zeigt jeden Buchstaben im Wort auf einer eigenen Ebene an.
Schritt 6: Ändern Sie den Mischmodus der Buchstaben auf Multiplizieren
In Kürze werden wir die Farbe jedes Buchstabens ändern und die Buchstaben näher zusammenrücken, sodass sie sich überlappen. Da die Farben in den überlappenden Bereichen miteinander gemischt werden sollen, müssen Sie den Mischmodus für jede Formebene ändern. Mit Photoshop können Sie den Mischmodus für mehrere Ebenen gleichzeitig schnell ändern.
Klicken Sie im Ebenenbedienfeld auf die oberste Ebene, um sie auszuwählen. Um auch die anderen Formebenen auszuwählen, halten Sie die Umschalttaste gedrückt und klicken Sie auf die ursprüngliche Formebene direkt über der Hintergrundebene:
Auswahl aller Buchstaben auf einmal.
Ändern Sie den Mischmodus oben links im Ebenenbedienfeld von „Normal“ in „ Multiplizieren“ . Wir werden den Effekt des Mischmodus "Multiplizieren" sehen, sobald wir anfangen, die Buchstaben zu überlappen:
Ändern des Mischmodus der Formebenen in "Multiplizieren".
Schritt 7: Platzieren Sie die Formebenen in einer Ebenengruppe
Während wir die Formebenen ausgewählt haben, platzieren wir sie in einer Ebenengruppe. Klicken Sie oben rechts im Ebenenbedienfeld auf das Menüsymbol:
Menü des Ebenenbedienfelds öffnen
Dann wählen Sie Neue Gruppe aus Ebenen :
Wählen Sie im Menü die Option Neue Gruppe aus Ebenen.
Nennen Sie im Dialogfeld Neue Gruppe aus Ebenen die Gruppe "Buchstaben" und klicken Sie dann auf OK:
Benennung der Layergruppe.
Zurück im Ebenenbedienfeld werden die Formebenen jetzt in einer Gruppe mit dem Namen "Buchstaben" angezeigt. Klicken Sie auf das Dreieck links neben dem Ordnersymbol, um die Gruppe zu öffnen:
Anzeigen der Formebenen innerhalb der Gruppe.
Schritt 8: Ändern Sie die Farbe jedes Buchstabens
Lassen Sie uns die Farbe jedes Buchstabens ändern. Wir beginnen mit dem ersten Buchstaben links. Doppelklicken Sie im Ebenenbedienfeld auf die Miniaturansicht für die oberste Formebene:
Doppelklicken Sie auf die Miniatur der obersten Formebene.
Dadurch wird Photoshops Farbwähler geöffnet. Ich werde ein hellblau wählen. Um dieselbe Farbe zu verwenden, die ich verwende, setzen Sie den R- Wert auf 30, den G- Wert auf 117 und den B- Wert auf 197 :
Wählen Sie ein Hellblau für den ersten Buchstaben des Wortes.
Klicken Sie auf OK, um die Farbauswahl zu schließen. Der erste Buchstabe wird in der neuen Farbe angezeigt:
Der erste Buchstabe ist jetzt hellblau.
Um die Farbe des zweiten Buchstabens zu ändern, doppelklicken Sie erneut auf die Miniaturansicht im Ebenenbedienfeld:
Doppelklicken Sie auf die Miniaturansicht der zweiten Formebene.
Wählen Sie im Farbwähler eine andere Farbe. Ich wähle Grün, indem ich R auf 25, G auf 161 und B auf 53 setze :
Wählen Sie ein Hellgrün für den zweiten Buchstaben.
Klicken Sie auf OK, und der zweite Buchstabe wird in Grün angezeigt (oder in der von Ihnen gewählten Farbe):
Noch zwei Farben, noch sechs.
Ändern der Farbe der verbleibenden Buchstaben
Ändern Sie die Farbe jedes Buchstabens im Wort, indem Sie im Ebenenbedienfeld auf die Miniaturansicht doppelklicken und in der Farbauswahl eine neue Farbe auswählen. Für den dritten Buchstaben (" L ") wähle ich Gelb ( R = 255, G = 190, B = 0 ) und für den vierten Buchstaben (" O ") Magenta ( R = 158), G = 33, B = 150 ). Für das "R " verwende ich Orange ( R = 244, G = 99, B = 36 ) und für das " F " wähle ich ein helles Rosa ( R = 243, G = 43, B =) 104 ).
Ich werde den vorletzten Buchstaben (" U ") in das gleiche Blau ändern, das ich für den ersten Buchstaben verwendet habe ( R = 30, G = 117, B = 197 ). Und zum Schluss verwende ich dasselbe Gelb für den letzten Buchstaben (" L "), den ich für den dritten Buchstaben verwendet habe ( R = 255, G = 190, B = 0 ):
Jeder Buchstabe hat jetzt eine andere Farbe.
Schritt 9: Fügen Sie der Ebenengruppe einen Farbverlauf hinzu
Der Text sieht definitiv bunter aus, aber wir können die Farben noch weiter verbessern, indem wir einen Farbverlauf auf die Ebenengruppe selbst anwenden. Klicken Sie oben im Ebenenbedienfeld auf die Ebenengruppe „Buchstaben“, um sie auszuwählen:
Auswahl der Ebenengruppe "Buchstaben".
Klicken Sie dann unten im Ebenenbedienfeld auf das Symbol „Ebenenstile“ (das Symbol „FX“):
Klicken Sie auf das Symbol Ebenenstile.
Wählen Sie Gradient Overlay aus der Liste:
Verlaufsüberlagerung auswählen.
Dadurch wird das Dialogfeld „Ebenenstil“ von Photoshop geöffnet, in dem die Optionen für die Verlaufsüberlagerung festgelegt sind. Klicken Sie auf das Dreieck neben dem Verlaufsfeld, um die Verlaufsauswahl zu öffnen. Wählen Sie dann den Schwarz-Weiß-Verlauf aus, indem Sie auf die Miniaturansicht doppelklicken (dritte von links, obere Reihe):
Auswahl des Schwarz-Weiß-Verlaufs.
Stellen Sie den Mischmodus auf Überlagerung, die Deckkraft auf 100%, den Stil auf Linear und den Winkel auf 90 Grad ein und klicken Sie dann auf OK:
Die Optionen für die Verlaufsüberlagerung.
Wenn Sie den Schwarz-Weiß-Verlauf direkt auf die Ebenengruppe anwenden und den Mischmodus auf Überlagern einstellen, wird die flache Farbe in jedem Buchstaben in einen Verlauf umgewandelt, mit einem helleren Farbton oben und einem dunkleren Farbton unten:
Durch Hinzufügen eines Verlaufs-Overlays zur Gruppe können Sie flache Farben schnell in Verläufe umwandeln.
Siehe auch: So zeichnen Sie Farbverläufe in Photoshop
Schritt 10: Wählen Sie das Verschieben-Werkzeug und stellen Sie es auf Ebenen automatisch auswählen ein
An dieser Stelle müssen Sie die Buchstaben nur so weit zusammenrücken, dass sie sich überlappen. Wählen Sie das Verschieben-Werkzeug aus der Werkzeugleiste :
Auswahl des Verschiebungswerkzeugs.
Stellen Sie dann in der Optionsleiste sicher, dass die automatische Auswahl aktiviert (aktiviert) und auf Ebene und nicht auf Gruppe eingestellt ist. So können wir jeden Buchstaben auswählen, indem wir einfach darauf klicken:
Aktivieren Sie die automatische Auswahl und stellen Sie sie auf Ebene ein.
Schritt 11: Ziehen Sie die Buchstaben so zusammen, dass sie sich überlappen
Klicken Sie mit dem Verschieben-Werkzeug auf einen Buchstaben, um ihn auszuwählen. Die Formebene für diesen Buchstaben wird im Ebenenbedienfeld hervorgehoben. Ziehen Sie dann den Buchstaben auf den Buchstaben daneben, bis sich ein Teil der Buchstaben überlappt. Halten Sie beim Ziehen die Umschalttaste gedrückt, um das Ziehen direkt zu vereinfachen. Hier habe ich auf den zweiten Buchstaben (das grüne „O“) geklickt und ihn über den ersten Buchstaben („C“) gezogen. Beachten Sie, dass in den Bereichen, in denen sich die beiden Buchstaben überlappen, die Farben der einzelnen Buchstaben miteinander verschmelzen:
Klicken Sie auf einen Buchstaben, um ihn auszuwählen, und ziehen Sie ihn dann über einen Teil des Buchstabens.
Ich klicke auf den dritten Buchstaben ("L"), um ihn auszuwählen, und ziehe ihn dann bei gedrückter Umschalttaste nach links, bis sich ein Teil mit dem Buchstaben "O" überschneidet. Stellen Sie sicher, dass Sie einmal klicken, um den Buchstaben zuerst auszuwählen, lassen Sie die Maustaste los und klicken Sie dann ein zweites Mal, um ihn darüber zu ziehen. Andernfalls werden Sie am Ende zwei Buchstaben gleichzeitig auswählen und verschieben. Stellen Sie mit anderen Worten sicher, dass die Formebene für den Buchstaben, den Sie verschieben möchten, im Ebenenbedienfeld hervorgehoben ist, bevor Sie sie verschieben:
Der überlappende Texteffekt nimmt Gestalt an.
Wenn Sie versehentlich zwei Buchstaben gleichzeitig auswählen und verschieben, drücken Sie Strg + Z (Win) / Befehl + Z (Mac), um den letzten Schritt rückgängig zu machen. Klicken Sie auf eine beliebige Stelle im weißen Hintergrund, um die Auswahl der Buchstaben aufzuheben, und klicken Sie dann auf den Buchstaben, den Sie auswählen möchten.
Verschieben der restlichen Buchstaben
Ziehen Sie die verbleibenden Buchstaben weiter zusammen, bis sie sich alle überlappen. Denken Sie auch hier daran, einmal auf einen Buchstaben zu klicken, um ihn auszuwählen, die Maustaste loszulassen und ein zweites Mal zu klicken, um ihn zu verschieben. Sie können die Buchstaben auch mit den linken und rechten Pfeiltasten auf Ihrer Tastatur nach links und rechts verschieben . Hier ist mein Ergebnis nach Überlappung der verbleibenden Buchstaben. Das einzige Problem ist, dass das Wort im Dokument jetzt zu klein aussieht, nachdem die Buchstaben näher zusammenrücken. Zum Abschluss des Tutorials erfahren Sie, wie Sie die Größe des Tutorials ändern können:
Der Effekt nach dem Verschieben jedes Buchstabens, um sie zu überlappen.
Schritt 12: Ändern Sie die Textgröße
Da sich alle unsere Buchstaben auf separaten Ebenen befinden, müssen Sie die Größe der Ebenen als Gruppe ändern, um die Größe des Effekts zu ändern. Klicken Sie erneut auf die Ebenengruppe "Buchstaben" oben im Ebenenbedienfeld, um sie auszuwählen:
Auswahl der Layergruppe.
Drücken Sie Strg + T (Win) / Befehl + T (Mac) auf Ihrer Tastatur, um schnell den Befehl „ Free Transform“ von Photoshop auszuwählen. Halten Sie dann wie zuvor die Umschalttaste gedrückt und ziehen Sie an einem der Eckpunkte, um die Größe des Texts zu ändern. Verschieben Sie den Text, um ihn neu zu positionieren, indem Sie in das Feld "Freie Transformation" klicken und ziehen:
Ändern Sie die Größe des Effekts mit Free Transform.
Drücken Sie die Eingabetaste (Win) / Return (Mac) auf Ihrer Tastatur, um Free Transform zu beenden, und wir sind fertig! Nach ein paar geringfügigen Anpassungen des Abstands der Buchstaben ist hier der endgültige Effekt meines Texts mit "farbigen überlappenden Buchstaben":
Der endgültige Effekt.
Und da haben wir es! So erstellen Sie in Photoshop einen Texteffekt mit überlappenden Buchstaben und mischen die überlappenden Farben zusammen. Weitere Tutorials finden Sie in unseren Abschnitten zu Texteffekten.