Januar 1, 2022

So erstellen Sie einen Graffiti-Texteffekt mit Photoshop-Ebenenstilen

In diesem Tutorial zeige ich Ihnen, wie Sie einen Graffiti-Texteffekt in Photoshop erstellen. Wir werden Ebenenstile und die Funktion „Mischen, wenn“ aus den Mischoptionen verwenden.

Der Texteffekt, den wir erstellen werden, ist von Graffiti-Stilen von Envato Elements inspiriert, wo Sie einige der besten Graffiti-Buchstaben der Welt finden. Wie dieser Graffiti Photoshop Texteffekt mit 10 verschiedenen Stilen.

Graffiti-Texteffekt auf Envato ElementsGraffiti-Texteffekt auf Envato ElementsGraffiti-Texteffekt auf Envato Elements

Suchen Sie nach einer Verknüpfung? Sie können eine dieser Graffiti-Textschriften herunterladen, um Graffiti-Text schnell und einfach zu erstellen:

  • Schriften
    30+ Beste Graffiti-Schriften
    Melody Nieves

Folgen Sie uns auf unserem Envato Tuts + YouTube-Kanal:

Tutorial Assets

Die folgenden Assets wurden während dieses Graffiti-Texteffekt-Photoshop-Tutorials verwendet:

  • Brick wall original: unbearbeitetes Bild
  • Brick wall (bearbeitet): Bild für den Hintergrund
  • Graffogie: Schriftart

1. So stellen Sie den Hintergrund und den Text ein

Schritt 1

Für diesen Photoshop-Tutorial-Graffiti-Text verwenden wir einen Backsteinmauerhintergrund. Öffnen Sie Photoshop und anstatt ein neues Dokument zu erstellen, gehen Sie zu Datei > Öffnen… und wählen Sie Brick-wall.jpg aus dem Tutorial assets. Wenn Sie einen anderen Hintergrund ausprobieren möchten, können Sie einen der vielen Wandhintergründe auf Envato Elements ausprobieren.

Brick wallBrick wallBrick wall

Schritt 2

Verwenden Sie Ihr Typenwerkzeug (T), wählen Sie die Graffogie Graffiti-Textschrift mit einer Größe von 285 pt aus und schreiben Sie das Wort „Vote“ auf Ihre Zeichenfläche. Geben Sie dann > Warp Text ein, wählen Sie Shell Upper mit Biegung: 21%, horizontaler Verzerrung: -29% und vertikaler Verzerrung: 22% aus und klicken Sie auf OK. Wählen Sie schließlich nur den Buchstaben „V“ auf Ihrer Zeichenfläche aus, gehen Sie zu Ihrem Charakterbedienfeld und stellen Sie die Verfolgung auf -75 ein.

Tippen Sie VoteTippen Sie VoteTippen Sie Vote

Schritt 3

Verwenden Sie Ihr Typwerkzeug (T) erneut, um zwei weitere Wörter — „for“ und „Pedro“ — mit derselben Graffiti-Textschrift zu schreiben. Stellen Sie sicher, dass sich jedes Wort auf einer eigenen Ebene befindet. Schreiben Sie „für“ mit der Schriftgröße 116 pt und Tracking 75. Schreiben Sie dann „Pedro“ auf eine neue Ebene mit der Schriftgröße 255 pt und Tracking 75.

 Typ für und Pedro Typ für und pedro Typ für und pedro

Schritt 4

Verwenden Sie Ihr Verschiebewerkzeug (V) und verschieben Sie die Buchstaben im Graffiti-Stil zusammen. Wählen Sie dann alle drei Textebenen in Ihrem Ebenenbedienfeld aus und drücken Sie Strg-T. Stellen Sie nun die Drehung auf -8 ° ein. Schließlich sind wir bereit, Photoshop-Texteffekte zu erstellen.

Schreiben arrangierenSchreiben arrangierenSchreiben arrangieren

2. So erstellen Sie den ersten Graffiti-Texteffekt

Schritt 1

Wählen wir zunächst die Graffiti-Textebene „Vote“ aus. Gehen Sie nun zu Ebene > Ebenenstil > Mischoptionen… und wenden Sie den folgenden Ebenenstil an.

Verwenden Sie in Mischoptionen diese Einstellungen:

  • Advanced Blending: 0%
  • Blend if: Grey
  • Darunterliegende Ebene: Alt-Klick (Mac-Benutzer Option-Klick) auf den weißen Marker, um ihn zu teilen, und dann den linken Teil auf 161 und den rechten Teil auf 236 setzen.
 Mischoptionen hinzufügenMischoptionen hinzufügenMischoptionen hinzufügen

Schritt 2

Fügen Sie mit diesen Einstellungen eine Abschrägung und Prägung hinzu:

  • Stil: Innere Fase
  • Technik: Meißel hart
  • Tiefe: 144%
  • Richtung: Nach oben
  • Größe: 8 px
  • Erweichen: 0 px
  • Deaktivieren Sie das Kontrollkästchen Use Global Light
  • Winkel: 98º
  • Höhe: 30º
  • Aktivieren Sie das Kontrollkästchen Anti-Aliasing
  • Hervorhebungsmodus: Überlagerung mit Farbe #035b7c und Deckkraft: 100%
  • Schattenmodus: Überlagerung mit Farbe #ff3000 und Deckkraft: 88%
 Fügen Sie eine Abschrägung und Prägung hinzuFügen Sie eine Abschrägung und Prägung hinzuFügen Sie eine Abschrägung und Prägung hinzu

Schritt 3

Fügen Sie dem Graffiti-Texteffekt mit diesen Einstellungen einen inneren Schatten hinzu:

  • Mischmodus: Normal
  • Farbe: #000000
  • Deckkraft: 100%
  • Deaktivieren Sie das Kontrollkästchen Use Global Light
  • Winkel: -94º
  • Entfernung: 0 px
  • Drossel: 0%
  • Größe: 10 px
  • Kontur: Kegel
  • Aktivieren Sie das Kontrollkästchen Anti-Aliasing
  • Rauschen: 11%
 Fügen Sie einen inneren Schatten hinzuFügen Sie einen inneren Schatten hinzuFügen Sie einen inneren Schatten hinzu

Schritt 4

Fügen Sie mit diesen Einstellungen ein inneres Leuchten hinzu:

  • Mischmodus: Normal
  • Farbe: #000000
  • Deckkraft: 19%
  • Rauschen: 61%
  • Technik: Präzise
  • Quelle: Mitte
  • Drossel: 1%
  • Größe: 10 px
  • Kontur: Kegelinvertiert
  • Aktivieren Sie das Kontrollkästchen Anti-Aliasing
  • Bereich: 50%
 Fügen Sie ein inneres Glühen hinzuFügen Sie ein inneres Glühen hinzuFügen Sie ein inneres Glühen hinzu

Schritt 5

Fügen Sie einen Satin-Stil mit diesen Einstellungen hinzu:

  • Mischmodus: Overlay
  • Farbe: #64ec87
  • Winkel: 90 °
  • Abstand: 19 px
  • Größe: 24 px
  • Kontur: Halbrunde
  • Überprüfen Sie die Anti-aliasing box
  • Überprüfen sie die Invert box
 Fügen Sie einen Satin hinzu Fügen Sie einen Satin hinzuFügen Sie einen Satin hinzu

Schritt 6

Fügen Sie mit diesen Einstellungen eine Verlaufsüberlagerung hinzu:

  • Mischmodus: Linear brennen
  • Überprüfen Sie die Ditherbox
  • Deckkraft: 6%
  • Stil: Linear
  • Winkel: 90º
  • Skalierung: 60%
  • Klicken Sie auf den Farbverlauf und stellen Sie diese Stopps ein :
  • Farbstopps mit Farbe #000000 an Ort und Stelle: 0% und 100%
  • Deckkraftstopp mit Deckkraft: 0% an Ort und Stelle: 0%
  • Deckkraftstopp mit Deckkraft: 100% an Ort und Stelle: 100%
 Fügen Sie einen Farbverlauf hinzuFügen Sie einen Farbverlauf hinzuFügen Sie einen Farbverlauf hinzu

Schritt 7

Fügen Sie mit diesen Einstellungen ein äußeres Leuchten hinzu:

  • Mischmodus: Lineares Brennen
  • Deckkraft: 29%
  • Farbe: #000000
  • Technik: Präzise
  • Verbreiten: 50%
  • Größe: 3 px
  • Überprüfen sie die Anti-aliased box
 Fügen Sie ein äußeres Glühen hinzu Fügen Sie ein äußeres Glühen hinzuFügen Sie ein äußeres Glühen hinzu

Schritt 8

Wir sind fast fertig mit diesem Graffiti-Texteffekt Photoshop Tutorial. Fügen Sie als letzten Schritt für diesen Texteffekt einen Schlagschatten mit diesen Einstellungen hinzu:

  • Mischmodus: Normal
  • Wählen Sie die Farbe #000000
  • Deckkraft: 95%
  • Deaktivieren Sie das Kontrollkästchen Use Global Light box
  • Winkel: 90 °
  • Abstand: 5 px
  • Verbreitung: 39%
  • Größe: 24 px
  • Aktivieren Sie das Kontrollkästchen Anti-Aliasing
  • Rauschen: 10%

Klicken Sie auf OK, um alle Änderungen zu übernehmen.

 Fügen Sie einen Schlagschatten hinzu Fügen Sie einen Schlagschatten hinzuFügen Sie einen Schlagschatten hinzu

Hier ist das Ergebnis des ersten Graffiti-Texteffekts, der auf die Graffiti-Textschrift angewendet wurde.

TeilergebnisTeilergebnisTeilergebnis

3. So erstellen Sie den zweiten Graffiti-Texteffekt

Schritt 1

Wählen Sie die Graffiti-Textebene „für“ und gehen Sie zu Ebene > Ebenenstil > Mischoptionen… um den folgenden Ebenenstil auf die Graffiti-Buchstabenschrift anzuwenden.

Verwenden Sie in Mischoptionen diese Einstellungen:

  • Erweiterte Überblendung: 0%
  • Überblendung wenn: Grau
  • Darunterliegende Ebene: Klicken Sie bei gedrückter Alt-Taste (Mac-Benutzer bei gedrückter Wahltaste) auf die weiße Markierung, um sie zu teilen, und setzen Sie dann den linken Teil auf 158 und den rechten Teil auf 217.
 Mischoptionen hinzufügen Mischoptionen hinzufügen Mischoptionen hinzufügen

Schritt 2

Fügen Sie dem Graffiti letters 3D-Texteffekt mit diesen Einstellungen eine Abschrägung und Prägung hinzu:

  • Stil: Innere Bevel
  • Technik: Glatte
  • Tiefe: 100%
  • Richtung: Bis
  • Größe: 8 px
  • Erweichen: 0 px
  • Deaktivieren Sie die Verwenden Globale Licht box
  • Winkel: 90º
  • Höhe: 30º
  • Aktivieren Sie das Kontrollkästchen Anti-Aliasing
  • Hervorhebungsmodus – Deckkraft: 0%
  • Schattenmodus: Multiplizieren Sie mit Farbe #000000 und Deckkraft: 50%
 Fügen Sie eine Abschrägung und Prägung hinzuFügen Sie eine Abschrägung und Prägung hinzuFügen Sie eine Abschrägung und Prägung hinzu

Schritt 3

Fügen Sie einen Strich mit diesen Einstellungen hinzu:

  • Größe: 1 px
  • Position: Außerhalb
  • Füllen Typ: Farbe
  • Farbe: #000000
 Fügen Sie einen Strich hinzuFügen Sie einen Strich hinzuFügen Sie einen Strich hinzu

Schritt 4

Fügen Sie mit diesen Einstellungen einen inneren Schatten hinzu:

  • Mischmodus: Normal
  • Farbe: #000000
  • Deckkraft: 100%
  • Deaktivieren Sie das Kontrollkästchen Use Global Light
  • Angle: -94º
  • Distance: 0 px
  • Choke: 18%
  • Size: 5 px
  • Aktivieren Sie das Kontrollkästchen Anti-Aliasing
  • Lärm: 11%
 Fügen Sie einen inneren Schatten hinzuFügen Sie einen inneren Schatten hinzuFügen Sie einen inneren Schatten hinzu

Schritt 5

Fügen Sie mit diesen Einstellungen ein inneres Leuchten hinzu:

  • Mischmodus: Normal
  • Farbe: #000000
  • Deckkraft: 30%
  • Rauschen: 61%
  • Technik: Präzise
  • Quelle: Edge
  • Choke: 1%
  • Größe: 4 px
  • Aktivieren Sie das Kontrollkästchen Anti-Aliasing
  • : 50%
 Fügen Sie ein inneres Glühen hinzu Fügen Sie ein inneres Glühen hinzu Fügen Sie ein inneres Glühen hinzu

Schritt 6

Fügen Sie einen Schlagschatten mit diesen Einstellungen hinzu, um diesen Graffiti letters 3D Texteffekt zu beenden:

  • Mischmodus: Normal
  • Wählen Sie die Farbe #000000
  • Deckkraft: 956%
  • Deaktivieren Sie das Kontrollkästchen Globales Licht verwenden
  • Winkel: 90 °
  • Abstand: 5 px
  • Verbreitung: 27%
  • Größe: 18 px
  • Aktivieren Sie das Kontrollkästchen Anti-Aliasing
  • Rauschen: 17%

Klicken Sie auf OK, um den Ebenenstil anzuwenden.

 Fügen Sie einen Schlagschatten hinzuFügen Sie einen Schlagschatten hinzuFügen Sie einen Schlagschatten hinzu

Hier ist das Ergebnis des zweiten Graffiti-Texteffekts, der auf die coolen Graffiti-Buchstaben angewendet wurde. Du machst das großartig – wir haben dieses Photoshop-Tutorial zum Graffiti-Text fast abgeschlossen.

TeilergebnisTeilergebnisTeilergebnis

4. So erstellen Sie den dritten Graffiti-Texteffekt

Schritt 1

Wählen Sie die Ebene „pedro“ Graffiti letter font und gehen Sie zu Ebene > Ebenenstil > Mischoptionen… um den folgenden Ebenenstil anzuwenden.

Verwenden Sie in Mischoptionen diese Einstellungen:

  • Advanced Blending: 0%
  • Blend if: Grey
  • Darunterliegende Ebene: Alt-Klick (Mac-Benutzer Option-Klick) auf den weißen Marker, um ihn zu teilen, und dann den linken Teil auf 139 und den rechten Teil auf 201 setzen. Teilen Sie dann den schwarzen Marker und setzen Sie den rechten Teil auf 80.
 Mischoptionen hinzufügenMischoptionen hinzufügenMischoptionen hinzufügen

Schritt 2

Fügen Sie mit diesen Einstellungen eine Abschrägung und Prägung hinzu:

  • Stil: Innere Fase
  • Technik: Meißel hart
  • Tiefe: 144%
  • Richtung: Nach oben
  • Größe: 8 px
  • Erweichen: 0 px
  • Deaktivieren Sie das Kontrollkästchen Use Global Light
  • Winkel: 98º
  • Höhe: 30º
  • Aktivieren Sie das Kontrollkästchen Anti-Aliasing
  • Hervorhebungsmodus: Überlagerung mit Farbe #1faee3 und Deckkraft: 100%
  • Schattenmodus: Überlagerung mit Farbe #ce43db und Deckkraft: 88%
 Fügen Sie eine Abschrägung und Prägung hinzu Fügen Sie eine Abschrägung und Prägung hinzuFügen Sie eine Abschrägung und Prägung hinzu

Schritt 3

Fügen Sie dem Graffiti letter font Texteffekt mit diesen Einstellungen einen inneren Schatten hinzu:

  • Mischmodus: Normal
  • Farbe: #000000
  • Opazität: 100%
  • Deaktivieren Sie das Kontrollkästchen Use Global Light box
  • Angle: -94º
  • Distance: 0 px
  • Choke: 0%
  • Size: 10 px
  • Contour: Cone
  • Überprüfen Sie -aliased box
  • Rauschen: 11%
 Fügen Sie einen inneren Schatten hinzu Fügen Sie einen inneren Schatten hinzuFügen Sie einen inneren Schatten hinzu

Schritt 4

Fügen Sie mit diesen Einstellungen ein inneres Leuchten hinzu:

  • Mischmodus: Linear Dodge (Hinzufügen)
  • Farbe: #dd8925
  • Deckkraft: 33%
  • Rauschen: 47%
  • Technik: Präzise
  • Quelle: Mitte
  • Drossel: 58%
  • Größe: 16 px
  • Aktivieren Sie das Kontrollkästchen Anti-Aliasing
  • Bereich: 50%
 Fügen Sie ein inneres Glühen hinzu Fügen Sie ein inneres Glühen hinzuFügen Sie ein inneres Glühen hinzu

Schritt 5

Fügen Sie mit diesen Einstellungen einen Satineffekt hinzu:

  • Mischmodus: Overlay
  • Farbe: #f08d18
  • Winkel: 90 °
  • Abstand: 19 px
  • Größe: 24 px
  • Kontur: Halbrunde
  • Überprüfen Sie die Anti-aliasing box
  • Überprüfen sie die Invert box
 Fügen Sie einen Satin hinzu Fügen Sie einen Satin hinzuFügen Sie einen Satin hinzu

Schritt 6

Fügen Sie mit diesen Einstellungen eine Verlaufsüberlagerung hinzu:

  • Mischmodus: Linear brennen
  • Überprüfen Sie die Ditherbox
  • Deckkraft: 6%
  • Stil: Linear
  • Winkel: 90º
  • Skalierung: 60%
  • Klicken Sie auf den Farbverlauf und stellen Sie diese Stopps ein :
  • Farbstopps mit Farbe #000000 an Ort und Stelle: 0% und 100%
  • Deckkraftstopp mit Deckkraft: 0% an Ort und Stelle: 0%
  • Deckkraftstopp mit Deckkraft: 100% an Ort und Stelle: 100%

 Fügen Sie einen Farbverlauf hinzuFügen Sie einen Farbverlauf hinzuFügen Sie einen Farbverlauf hinzu

Schritt 7

Fügen Sie mit diesen Einstellungen ein äußeres Leuchten hinzu:

  • Mischmodus: Lineares Brennen
  • Deckkraft: 29%
  • Farbe: #000000
  • Technik: Präzise
  • Verbreiten: 40%
  • Größe: 2 px
  • Überprüfen sie die Anti-aliased box
 Fügen Sie ein äußeres Glühen hinzu Fügen Sie ein äußeres Glühen hinzu Fügen Sie ein äußeres Glühen hinzu

Schritt 8

Fügen Sie als letzten Schritt für diesen Texteffekt im Graffiti-Stil einen Schlagschatten mit diesen Einstellungen hinzu:

  • Mischmodus: Normal
  • Wählen Sie die Farbe #000000
  • Deckkraft: 96%
  • Deaktivieren Sie das Kontrollkästchen Use Global Light
  • Angle: 90°
  • Distance: 5 px
  • Spread: 39%
  • Size: 24 px
  • Aktivieren Sie das Kontrollkästchen Anti-Aliasing
  • Noise: 10%

Klicken Sie auf OK, um die Texteffekte anzuwenden.

Schlagschatten hinzufügenSchlagschatten hinzufügenSchlagschatten hinzufügen

Herzlichen Glückwunsch! Du bist fertig!

In diesem Photoshop-Tutorial für Graffiti-Texteffekte haben Sie gelernt, wie Sie mit Ebenenstilen und Mischoptionen einige coole Graffiti-Texteffekte in Adobe Photoshop erstellen.

Zunächst haben wir unser Text-Graffiti in Photoshop erstellt und es dann mit Mischoptionen und Ebenenstilen in drei verschiedene Graffiti-Effekte an der Wand geändert.

 Endergebnis  Endergebnis  Endergebnis

Entdecken Sie weitere coole Photoshop-Texteffekt-Tutorials

Der Photoshop-Tutorial-Graffiti-Text, den Sie gerade überprüft haben, ist nicht der einzige, den wir haben. Sie können viele Texteffekte lernen und nicht nur coole Graffiti-Buchstaben! Hier sind einige andere Tutorials, die Ihnen gefallen könnten:

  • Texteffekte
    So erstellen Sie einen Cartoon-Texteffekt in Adobe Photoshop
    Jan Stverak
  • Ebenenstile
    So erstellen Sie ein 3D-Schwarz-Gold-Text- und Logo-Modell
    Jan Stverak
  • Texteffekte
    Kurztipp: Erstellen Sie einen Royal Gold-Texteffekt in Photoshop mit Ebenenstilen
    Jan Stverak
  • Texteffekte
    Kurztipp: Erstellen Sie einen glänzenden, goldenen Texteffekt der Alten Welt in Photoshop
    Jan Stverak

Top 5 Graffiti Logo Photoshop Add-Ons von Envato Elements

Ich hoffe, Sie haben mein Graffiti Text Effect Photoshop Tutorial genossen. Jetzt zeige ich Ihnen eine Auswahl der besten Text Graffiti Photoshop Add-Ons von Envato Elements.

Dies ist unser abonnementbasierter Marktplatz, auf dem Sie so viele Graffiti-Logo-Photoshop-Aktionen wie Sie benötigen, zusammen mit Tausenden von kreativen Grafik-Assets, für eine niedrige monatliche Gebühr erhalten können.

Mit Hilfe von Envato Elements erstellen Sie die besten Graffiti-Buchstaben der Welt. Wir haben alle Arten von Graffiti-Stilen und Aktionen. Werfen Sie einen Blick hier:

Graffiti Text Effect PSD (ASL, PSD)

 Graffiti Texteffekt PSD Graffiti Texteffekt PSD Graffiti Texteffekt PSD

Diese Graffiti-Stil Buchstaben sind wirklich einfach in Photoshop zu verwenden. Sie müssen nur Ihren Text oder Ihr Design in das Smart-Objekt einfügen, und Sie haben in kürzester Zeit coole Graffiti-Buchstaben! Dieses Text Graffiti Photoshop Pack enthält zehn verschiedene Stile, zehn PSD-Dateien und intelligente Objekte, die gut in Ebenen organisiert sind.

Graffiti Texteffekt PSD vol.1 (ASL, PSD)

 Graffiti Texteffekt PSD vol1  Graffiti Texteffekt PSD vol1  Graffiti Texteffekt PSD vol1

Ein weiterer Satz cooler Graffiti-Buchstaben desselben talentierten Künstlers. Dieses Graffiti-Texteffekt-PSD-Paket enthält außerdem zehn einzigartige Modelle sowie zehn ASL-Dateien: zehn Stilsätze für Photoshop. Zögern Sie nicht, diese 3D-Effekte für Graffiti-Buchstaben auszuprobieren!

Straßenkunst Graffiti Logo Photoshop (ABR, ATN, PAT)

 Street Art Graffiti Logo Photoshop  Street Art Graffiti Logo Photoshop  Street Art Graffiti Logo Photoshop

Wer hat gesagt, dass es bei Graffiti nur um Text geht? Wir haben alle Arten von Graffiti-Stil Add-ons, und dies ist eine sehr coole Street Art Graffiti Logo Photoshop Aktion. Dies funktioniert am besten mit Porträts, Figuren, Modellen und unbelebten Objekten. Ihr Endergebnis ist eine vollständig geschichtete Komposition mit vielen Effekten und Anpassungen.

Graffiti Texteffekt PSD Ebenenstile (ASL, PSD)

 Graffiti Texteffekt PSD Ebenenstile  Graffiti Texteffekt PSD Ebenenstile Graffiti Texteffekt PSD Ebenenstile

Aber wenn Sie ein Fan von Graffiti-Buchstaben-Schriftarten und Graffiti-Buchstaben-3D-Effekten sind, dann ist dies für Sie. Genießen Sie dieses Set mit 15 Buchstaben im Graffiti-Stil für Photoshop und erstellen Sie coole Graffiti-Textkompositionen.

Sprühen Sie Kunst Graffiti Logo Photoshop (ABR, ATN, PAT)

 Spray Art Graffiti Logo Photoshop  Spray Art Graffiti Logo Photoshop  Spray Art Graffiti Logo Photoshop

Um unsere Auswahl aller Arten von Graffiti-Stilen zu schließen, ist diese Spray Art eine coole Graffiti Logo Photoshop Aktion. Auf diese Weise können Sie mit wenigen Klicks schnelle digitale Kunstwerke erstellen. Die Komposition ist dank ihrer Ebenen sehr einfach zu bearbeiten, sodass Sie die volle kreative Kontrolle haben.

Fazit

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht.