In diesem Tutorial zeige ich Ihnen, wie Sie einen einfachen Sprühtext-Effekt erstellen, bei dem die Buchstaben aussehen, als wären sie auf eine Wand oder Oberfläche gesprüht worden. Ich zeige dir auch, wie du die Sprühfarbe mit der Oberfläche verschmelzen kannst, um einen realistischeren Effekt zu erzielen. Und da wir die Sprühfarbe nur mit einem Ebeneneffekt und den Überblendungsoptionen von Photoshop erstellen, bleibt dein Text auch nach der Arbeit noch bearbeitbar.

Ich verwende die neueste Version von Photoshop CC, aber jede aktuelle Version ist geeignet.

Hier ist ein Beispiel dafür, wie der Sprühnebeleffekt aussehen wird. Natürlich können Sie jeden beliebigen Text, Hintergrund und Farben verwenden:

Lassen Sie uns beginnen!

Laden Sie dieses Tutorial als druckfertiges PDF herunter!

Erstellung von Sprühtext in Photoshop

Zunächst lernen wir, wie man den Haupteffekt der Sprühfarbe erzeugt, und dann zeige ich Ihnen, wie Sie die Buchstaben mit dem Hintergrund verschmelzen. Ich zeige Ihnen auch, wie Sie den Effekt duplizieren können, um mehr Text zu Ihrem Design hinzuzufügen, und wie Sie die Farbe der Farbe ändern können.

Sie können auch das Video zu diesem Tutorial ansehen. Oder laden Sie dieses Tutorial als druckfertiges PDF herunter!

Schritt 1: Öffnen Sie Ihr Hintergrundbild

Da wir den Text auf einen Hintergrund sprühen wollen, öffnen Sie zunächst Ihr Hintergrundbild. Ich verwende dieses Bild, das ich aus Adobe Stock heruntergeladen habe:

Und im Ebenenbedienfeld sehen wir das Bild auf der Ebene „Hintergrund“:

Verwandt: Lernen Sie, wie man Ebenen in Photoshop verwendet

Schritt 2: Fügen Sie Ihren Text hinzu

Um Ihren Text hinzuzufügen, wählen Sie das Textwerkzeug aus der Symbolleiste aus:

Auswahl einer Schriftart

Und wählen Sie dann in der Optionsleiste Ihre Schriftart. Ich werde „HWT Gothic Round“ verwenden, die ich von Adobe Typekit heruntergeladen habe. Wenn Sie keinen Zugang zu dieser Schriftart haben, ist das kein Problem. Jede Schriftart kann verwendet werden:

Mehr Schriftoptionen

In der Optionsleiste stelle ich die Schriftgröße auf 72 pt ein, um die größte voreingestellte Größe zu erhalten. Und ich setze die Textausrichtung auf zentriert.

Für die Farbe wähle ich Weiß, indem ich auf das Farbfeld klicke und Weiß aus dem Farbwähler von Photoshop wähle. Dies ist nicht die Farbe, die wir für die Sprühfarbe verwenden werden. Alles, was wir jetzt brauchen, ist etwas, mit dem wir den Text sehen können, während wir ihn hinzufügen:

Hinzufügen des Textes

Klicken Sie dann in das Dokument und fügen Sie Ihren Text hinzu. Ich gebe das Wort „PAINT“ ein:

Text akzeptieren

Um ihn zu akzeptieren, klicken Sie auf das Häkchen in der Optionsleiste:

Schritt 3: Größe und Position des Textes mit „Frei transformieren“ ändern

Um die Größe des Textes zu ändern und ihn an die richtige Stelle zu verschieben, gehen Sie zum Menü „Bearbeiten“ in der Menüleiste und wählen Sie „Frei transformieren“:

Und dann, um die Größe des Textes zu ändern, klicken Sie auf einen der Eckgriffe und ziehen Sie ihn. Ab Photoshop CC 2019 wird das Seitenverhältnis des Textes automatisch fixiert, wenn Sie die Griffe ziehen. In früheren Versionen von Photoshop müssen Sie beim Ziehen die Umschalttaste gedrückt halten, um das Seitenverhältnis zu fixieren.

Um die Größe des Textes von der Mitte aus zu ändern, halten Sie beim Ziehen die Alt- (Win) bzw. Optionstaste (Mac) gedrückt. Und wenn Sie den Text neu positionieren müssen, klicken Sie in das Feld „Frei transformieren“ und ziehen Sie den Text an die richtige Stelle.

Um den Text zu akzeptieren und das Feld „Frei transformieren“ zu verlassen, drücken Sie die Eingabetaste (Win) bzw. den Zeilenschalter (Mac) auf Ihrer Tastatur:

Schritt 4: Verringern Sie den Füllwert der Schriftebene auf 0 %

Im Ebenenbedienfeld sehen wir unseren Text auf einer neuen Schriftebene über dem Bild:

Um den Sprühlackeffekt zu erzeugen, müssen wir zunächst unseren Text transparent machen. Verringern Sie dazu den Wert für „Füllen“ oben rechts im Ebenen-Bedienfeld ganz nach unten auf 0 %. Vergewissern Sie sich, dass Sie den Wert für die Füllung verringern, nicht den Wert für die Deckkraft:

Der Text verschwindet vollständig. Er ist immer noch da, nur transparent:

Was ist der Unterschied zwischen Deckkraft und Füllung?

Im Ebenenbedienfeld wirken sich sowohl die Werte für die Deckkraft als auch für die Füllung auf die Transparenz einer Ebene aus. Der Unterschied besteht darin, dass die Deckkraft die Transparenz sowohl des Inhalts einer Ebene als auch aller angewendeten Ebeneneffekte steuert. Die Füllung hingegen wirkt sich nur auf den Inhalt einer Ebene aus. Sie hat keine Auswirkungen auf die Ebeneneffekte.

Das bedeutet, dass wir durch Verringern des Füllwertes Ebeneneffekte auf unseren Text anwenden können und die Effekte sichtbar bleiben, obwohl der Text selbst ausgeblendet ist. Schritt 5: Fügen Sie der Ebene „Schrift“ einen Ebeneneffekt „Schlagschatten“ hinzu

Der gesamte Sprühlackeffekt kann mit einem einzigen Ebeneneffekt erstellt werden, und der, den wir brauchen, ist der Schlagschatten. Klicken Sie bei ausgewählter Schriftebene auf das Symbol für den Ebenenstil (das „fx“-Symbol) unten im Ebenenbedienfeld:

Und wählen Sie dann Schlagschatten aus:

Schritt 6: Die Einstellungen für den Schlagschatten auf die Standardwerte zurücksetzen

Klicken Sie im Dialogfeld „Ebenenstil“ auf die Schaltfläche „Auf Standard zurücksetzen“, um die Standardeinstellungen für den Schlagschatten wiederherzustellen, nur damit wir beide dasselbe sehen:

Schritt 7: Ändern Sie die Farbe des Schlagschattens in Weiß

Dann ändern Sie die Farbe des Schlagschattens, indem Sie auf das Farbfeld klicken:

Und wählen Sie im Farbwähler zunächst Weiß und klicken Sie dann auf OK. Wir werden später andere Farben für den Effekt wählen:

Schritt 8: Ändern Sie den Mischmodus des Schattens auf Bildschirm

Um das Weiß zu sehen, ändern Sie den Mischmodus des Schlagschattens von Multiplizieren (dem Standard-Mischmodus) auf Bildschirm:

Und schon sehen wir, dass hinter den Buchstaben Weiß erscheint:

Schritt 9: Erhöhen Sie die Deckkraft des Schattens auf 100 %

Um den Effekt heller zu machen, erhöhen Sie die Deckkraft des Schlagschattens ganz auf 100 %:

Und jetzt ist der Effekt besser zu sehen. Indem wir die Farbe des Schlagschattens von Schwarz auf Weiß ändern und den Mischmodus von Multiplizieren auf Raster ändern, haben wir unseren Schatten im Wesentlichen in ein Glühen verwandelt:

Schritt 10: Setzen Sie den Abstand und die Streuung auf 0%

Ignorieren Sie die Optionen Winkel und Globales Licht verwenden, da sie hier keine Rolle spielen. Senken Sie jedoch den Abstand auf 0px und stellen Sie sicher, dass der Abstand auf 0% gesetzt ist:

Durch die Einstellung des Abstands auf 0px haben wir den Schlagschatten hinter dem Text zentriert und einen schwachen Umriss oder Strich um die Buchstaben herum erzeugt:

Schritt 11: Erhöhen Sie die Größe des Schlagschattens

Um den Schatten (oder das Leuchten, in diesem Fall) weiter von den Rändern aus zu verbreiten, erhöhen Sie den Wert Größe:

Je mehr Sie den Wert erhöhen, desto breiter erscheint das Leuchten:

Schritt 12: Ändern Sie die Kontur in Kegel

Zu diesem Zeitpunkt sieht der bisherige Effekt noch nicht sehr nach Sprühfarbe aus. Unser Leuchten muss mehr wie eine Kontur um die Buchstaben herum aussehen.

Um das zu ändern, gehen Sie im Dialogfeld „Ebenenstil“ zum Abschnitt „Qualität“ und klicken Sie auf den kleinen Pfeil neben der Miniaturansicht der Kontur:

Und wählen Sie dann die Kontur „Kegel“ aus, indem Sie auf ihre Miniaturansicht doppelklicken. Es ist die in der obersten Reihe, die zweite von links:

Konturen wirken sich auf die Transparenz des Schlagschattens aus und ändern, wie und wo er von undurchsichtigen zu transparenten Bereichen übergeht. Und sofort sehen wir eine viel stärkere Kontur um die Ränder der Buchstaben:

Schritt 13: Deaktivieren Sie „Ebene schaltet Schlagschatten aus“

Aber beachten Sie, dass, obwohl unser Text transparent ist, das Leuchten nur um ihn herum erscheint. Wir müssen das Leuchten auch innerhalb der Buchstaben sehen.

Um das zu beheben, deaktivieren Sie die Option „Ebene unterdrückt Schlagschatten“

Jetzt erscheint der Umriss sowohl außerhalb als auch innerhalb des Textes:

Schritt 14: Passen Sie bei Bedarf den Wert für die Größe neu an

An dieser Stelle müssen Sie möglicherweise zurückgehen und den Wert für die Größe neu anpassen, um die Dicke des Umrisses zu ändern. Gehen Sie aber nicht zu weit, sonst wird das Glühen zu weit verteilt. Die genaue Größe, die du brauchst, hängt von der Größe deines Textes ab.

In meinem Fall werde ich mit einem Größenwert von etwa 120px arbeiten, aber du brauchst vielleicht einen anderen Wert:

Und hier ist das Ergebnis:

Schritt 15: Rauschen hinzufügen

Zuletzt fügen Sie dem Umriss etwas Rauschen hinzu, indem Sie den Rauschwert erhöhen. Ich setze meinen Wert auf etwa 25-30%:

Und wenn ich jetzt hineinzoome, sehen wir kleine Sprenkel in der Kontur, die es mehr wie Sprühfarbe aussehen lassen.

Abhängig von der Größe der verwendeten Schriftart können Sie einige schwache harte Kanten entlang der Bereiche bemerken, wo der Effekt und der Hintergrund aufeinander treffen. In diesem Screenshot sehen Sie sie innerhalb der Buchstaben „P“ und „A“. Diese Ränder werden verschwinden, sobald wir den Text mit dem Hintergrund vermischen, was wir als Nächstes tun werden:

Wie man den gesprühten Text mit dem Hintergrund vermischt

An diesem Punkt sind wir mit unserem Schlagschatten-Effekt fertig. Jetzt lernen wir, wie wir den Effekt mit dem Hintergrund verschmelzen können, damit es so aussieht, als ob der Text tatsächlich auf den Hintergrund gesprüht wurde und nicht nur vor ihm liegt. Wenn wir fertig sind, zeige ich Ihnen, wie Sie den Effekt kopieren können, um mehr Text hinzuzufügen, während die Ebeneneffekte und die Mischoptionen intakt bleiben.

Schritt 16: Öffnen Sie die Mischoptionen von Photoshop

Wählen Sie im Dialogfeld „Ebenenstil“ die Kategorie „Mischoptionen“ auf der linken Seite:

Schritt 17: Ziehen Sie den schwarzen Schieberegler „Unterliegende Ebene“ nach rechts

Unten in den Verlaufsoptionen befinden sich zwei Schiebereglergruppen. Auf dem oberen steht „Diese Ebene“ und auf dem darunter liegenden „Unterliegende Ebene“. Mit diesen Schiebereglern können wir unseren Text mit dem Hintergrundbild überblenden. Und der Satz, den wir brauchen, ist der untere (Unterliegende Ebene):

Beachten Sie die beiden Schieberegler unterhalb der Verlaufsleiste. Ein schwarzer Schieberegler auf der linken Seite und ein weißer Schieberegler auf der rechten Seite. Wir werden unseren Text mit den dunkelsten Teilen unseres Hintergrundbildes überblenden. Dazu brauchen wir den schwarzen Schieberegler.

Klicken Sie auf den schwarzen Schieberegler und ziehen Sie ihn nach rechts:

Beobachten Sie während des Ziehens Ihren Text und Sie werden sehen, dass die dunkelsten Bereiche des Hintergrundbildes durchscheinen. Und je weiter Sie ziehen, desto mehr vom Hintergrund erscheint:

Schritt 18: Teilen Sie den schwarzen Schieberegler in zwei Hälften

Das Problem ist, dass die Übergänge zwischen Text und Hintergrund sehr hart sind. Um sanftere Übergänge zu schaffen, halten Sie die Alt- (Win) bzw. Optionstaste (Mac) auf Ihrer Tastatur gedrückt. Klicken Sie auf die rechte Seite des schwarzen Schiebereglers und ziehen Sie ihn von der linken Seite weg. Dadurch wird der Schieberegler in zwei Hälften geteilt:

Schritt 19: Passen Sie die Schieberegler an, um einen sanften Übergang zu schaffen

Die linke Hälfte des Schiebereglers steuert nun die Helligkeitsstufe, bei der der Text vor dem Hintergrund zu erscheinen beginnt. Mit der rechten Hälfte wird die Helligkeitsstufe eingestellt, bei der der Text vollständig sichtbar wird und der Hintergrund nicht mehr durchscheint. Der Bereich zwischen den beiden Schiebereglern wird zum Übergangsbereich, in dem der Text und der Hintergrund ineinander übergehen. Je weiter Sie die Schieberegler auseinander ziehen, desto allmählicher erscheint der Übergang.

Stellen Sie jede Hälfte des Schiebereglers ein, bis Sie mit dem Effekt zufrieden sind. Hier gibt es keine bestimmten Werte, da dies von Ihrem Hintergrundbild abhängt.

In meinem Fall stelle ich die linke Hälfte auf eine Helligkeitsstufe von 10 und die rechte Hälfte auf eine Helligkeitsstufe von 60. Mit anderen Worten, alle Bereiche meines Hintergrundbildes, die eine Helligkeitsstufe von 10 oder dunkler haben, werden vollständig durch den Text hindurch erscheinen. Bereiche mit einer Helligkeitsstufe von 60 oder heller werden vollständig vom Text verdeckt. Und die Helligkeitsstufen dazwischen (11 bis 59) sind die Bereiche, in denen der Übergang stattfindet:

Und da der Text jetzt mit dem Bild verschmilzt, erhalten wir einen viel realistischer aussehenden Sprühlackeffekt:

Schritt 20: Schließen Sie das Dialogfeld „Ebenenstil“

Wir sind mit dem Haupteffekt fertig, also schließen Sie das Dialogfeld „Ebenenstil“, indem Sie auf OK klicken:

Und im Ebenenbedienfeld sehen wir jetzt unseren Schlagschatten als Effekt unter der Ebene „Schrift“. Außerdem sehen wir ein Symbol für Mischoptionen neben dem „fx“-Symbol, das uns sagt, dass wir auch einige erweiterte Mischoptionen auf die Ebene angewendet haben:

Laden Sie dieses Tutorial als druckfertiges PDF herunter!

Wie man den Effekt des gesprühten Textes dupliziert

An dieser Stelle ist es einfach, mehr gesprühten Text hinzuzufügen.

Schritt 21: Erstellen Sie eine Kopie der Schriftebene

Alles, was wir tun müssen, ist unsere Schriftebene zu duplizieren. Ziehen Sie sie einfach auf das Symbol „Neue Ebene hinzufügen“ unten im Ebenenbedienfeld:

Eine Kopie der Schriftebene erscheint über dem Original, komplett mit unserem Schlagschatteneffekt und unseren Mischoptionen:

Schritt 22: Wählen Sie das Verschiebungswerkzeug

Um den Text neu zu positionieren, wählen Sie das Verschiebungswerkzeug aus der Symbolleiste aus:

Schritt 23: Verschieben Sie den Text an die richtige Stelle

Und klicken Sie dann auf den Text und verschieben Sie ihn an die richtige Stelle. Ich ziehe die Kopie des Textes nach oben:

Dann klicke ich im Ebenenbedienfeld auf die ursprüngliche Textebene, um sie auszuwählen:

Und ich ziehe den Originaltext nach unten:

So bearbeiten Sie den gesprühten Text

Da unser Text noch bearbeitbar ist, können wir den Text leicht bearbeiten und den Sprüheffekt beibehalten.

Schritt 24: Auswählen des Textwerkzeugs

Ich möchte nicht, dass beide Wörter gleich sind. Um den oberen Text zu bearbeiten, wähle ich das Textwerkzeug aus der Symbolleiste aus:

Schritt 25: Den Text auswählen und bearbeiten

Dann doppelklicke ich in das Wort, um es zu markieren:

Und ich ändere das Wort von „PAINT“ in „SPRAY“:

Um es zu akzeptieren, klicke ich auf das Häkchen in der Optionsleiste:

Schritt 26: Ändern der Größe des bearbeiteten Textes mit „Frei transformieren“

Ich ändere die Größe des oberen Textes, indem ich das Menü „Bearbeiten“ aufrufe und „Frei transformieren“ wähle:

Und dann ziehe ich an den Griffen der oberen Ecke, um die Größe des Wortes so zu ändern, dass es die gleiche Breite wie das untere Wort hat. Zum Übernehmen drücke ich die Eingabetaste (Win) bzw. die Eingabetaste (Mac) auf meiner Tastatur:

So ändern Sie die Farbe der Sprühfarbe

Und schließlich sehen wir uns an, wie Sie die Farbe des Effekts ändern.

Schritt 27: Doppelklicken Sie auf den Effekt der Ebene „Schlagschatten“

Um die Farbe der Sprühfarbe zu ändern, doppelklicken Sie auf die Worte „Schlagschatten“ unter der Ebene „Schrift“. Wenn Sie wie ich mehr als eine Schriftebene haben, vergewissern Sie sich, dass Sie auf die Ebene doppelklicken, die Sie bearbeiten möchten.

In meinem Fall beginne ich mit dem Wort „SPRAY“ oben:

Schritt 28: Klicken Sie auf das Farbfeld

Damit wird das Dialogfeld „Ebenenstil“ erneut geöffnet. Klicken Sie auf das Farbfeld:

Schritt 29: Wählen Sie eine neue Farbe aus dem Farbwähler

Und wählen Sie dann im Farbwähler eine neue Farbe. Ich nehme etwas Helles, wie Gelb:

Klicken Sie auf OK, um den Farbwähler zu schließen, und klicken Sie dann auf OK, um das Dialogfeld „Ebenenstil“ zu schließen. Und jetzt ist mein oberer Text gelb gefärbt:

Die Farbe des unteren Textes ändern

Ich werde dasselbe mit dem unteren Text tun. Ich doppelklicke auf die Worte „Schlagschatten“, um das Dialogfeld „Ebenenstil“ erneut zu öffnen:

Und dann klicke ich auf das Farbfeld:

Und wähle eine neue Farbe aus dem Farbwähler. Für den unteren Text wähle ich wieder etwas Helles, z. B. ein rötliches Pink:

Ich klicke noch einmal auf OK, um den Farbwähler zu schließen, und dann auf OK, um das Dialogfeld „Ebenenstil“ zu schließen.

Und hier, nachdem ich beiden Wörtern Farbe hinzugefügt habe, ist das Endergebnis:

Und da haben wir es! So erstellen Sie sprühgemalten Text in Photoshop! In den Abschnitten Fotoeffekte und Texteffekte finden Sie weitere Anleitungen. Und vergessen Sie nicht, alle unsere Tutorials stehen als PDFs zum Download bereit!