So erstellen Sie einen Spiderman-inspirierten Texteffekt in Adobe Photoshop

Was Sie erstellen werden

In diesem Tutorial zeige ich Ihnen, wie Sie mit einem Muster und einem Ebenenstil einen einfachen Spiderman-Texteffekt erstellen.

Der Spiderman-Texteffekt ist ein Teil von Super Heroes - Photoshop Styles aus meinem Portfolio im Envato Market.

Superhelden - Photoshop-Stile

Tutorial Assets

Die folgenden Assets wurden während dieses Tutorials verwendet:

• Aero Matics-Schrift
  
• Dunkle wand muster
  
• Spidy Muster

Bevor Sie mit dem Erstellen des Spiderman-Texteffekts beginnen, laden Sie die Schriftart und die Muster herunter und installieren Sie sie in Photoshop.

1. Erstellen Sie den Hintergrund

Ich zeige Ihnen, wie Sie den Hintergrund für das endgültige Bild erstellen. Wenn Sie jedoch Ihren eigenen Hintergrund verwenden möchten, überspringen Sie diesen Teil.

Schritt 1

Beginnen Sie mit dem Erstellen eines neuen 850 x 500 px Dokument mit der Auflösung von 72 Pixel / Zoll und das Hintergrundinhalt zu Weiß.

Schritt 2

Doppelklicken Sie auf das Hintergrund Schicht in der Schichten um es zu entsperren. Klicken Sie nun mit der rechten Maustaste auf diese nicht gesperrte Ebene und wählen Sie Fülloptionen aus dem menü. Sie können diese Optionen auch öffnen, indem Sie die Ebene auswählen und auf gehen Ebene> Ebenenstil> Fülloptionen.

Dann fügen Sie ein Verlaufsüberlagerung mit diesen Einstellungen:

• Mischmodus: Lineares Brennen
• Opazität: 20%
• Drücke den Gradient Feld, um die Farbverlaufsfüllung mit den Farben zu erstellen Weiß links und Schwarz zur Rechten.
  
• Stil: Radial
• Winkel: 0 °
• Überprüf den Dithering Box.

Schritt 3

Füge hinzu ein Musterüberlagerung mit diesen Einstellungen:

• Klicke auf das Muster Box und wählen Sie die Dunkle Wand Muster.
  
• Opazität: 100%
• Rahmen: 100%

Dadurch wird ein dunkler strukturierter Hintergrund mit einer Vignette erstellt.

2. Erstellen Sie den Spiderman-Texteffekt

Dieser Texteffekt besteht aus einer Ebene, so dass Sie ihn als neuen Stil in Ihrem speichern können Styles Palette für zukünftige Verwendung.

Schritt 1

Wähle das aus Typ Werkzeug und wähle das aus Aero Matics Schriftart. Stellen Sie das ein Schriftstil zu Fett Kursiv und Schriftgröße um 200 pt. Schreiben Sie "SPIDER" mit Großbuchstaben.

Schritt 2

Wählen Sie Ihre Textebene in der Schichten Klicken Sie mit der rechten Maustaste auf die Ebene und wählen Sie Fülloptionen aus dem menü.

Hinzufügen Musterüberlagerung mit diesen Einstellungen:

• Klicke auf das Muster Box und wählen Sie die Spidy Muster.
• Rahmen: 25%

Dadurch wird das rote Haupt-Spiderman-Muster hinzugefügt.

Schritt 3

Hinzufügen Verlaufsüberlagerung mit diesen Einstellungen:

• Mischmodus: Multiplizieren
• Opazität: 14%
• Drücke den Gradient Feld, um die Farbverlaufsfüllung mit den Farben zu erstellen Schwarz links und Weiß zur Rechten.
  
• Stil: Linear
• Winkel: -90 °
• Überprüf den Dithering Box.

Schritt 4

Hinzufügen Farbüberlagerung mit diesen Einstellungen:

• Mischmodus: Multiplizieren
• Klicke auf das Farbe Box und wählen Sie die Farbe # e10505.
• Opazität: 100%

Sowohl die Farb- als auch die Verlaufsüberlagerung verdunkeln die Haupttextur geringfügig.

Schritt 5

Hinzufügen Satin mit diesen Einstellungen:

• Mischmodus: Lineares Ausweichen (Hinzufügen) mit Farbe # ffeb0d
  
• Opazität: 100%
• Winkel: 0 °
• Entfernung: 4 px
• Größe: 16 px
• Deaktivieren Sie das Kontrollkästchen Umkehren Kästchen, wenn aktiviert.

Satin fügt einen gelben und orangefarbenen Schimmer in die Spiderman-Textur ein.

Schritt 6

Fügen Sie eine hinzu Äußeres Glühen mit diesen Einstellungen:

• Mischmodus: Normal
• Opazität: 100%
• Technik: Präzise
• Verbreitung: 0%
• Größe: 8 px
• Angebot: 55%
• Jitter: 0%
• Aktivieren Sie das Optionsfeld neben dem Farbverlauf und bearbeiten Sie den Farbverlauf Stoppt:
• Erster Gradientenstopp Farbe # 111111 und Ort bei 21%.
  
• Zweiter Gradientenstopp Farbe # 177ece und Ort bei 48%.
• Dritter Gradientenanschlag Farbe # 9adaff und Ort bei 73%.

Dadurch wird ein blauer Farbverlauf um den Text mit dunkelblauer Mitte hinzugefügt.

Schritt 7

Hinzufügen Inneren Schatten mit diesen Einstellungen:

• Mischmodus: Linear brennen mit Farbe # 010101
  
• Opazität: 30%
• Deaktivieren Sie das Kontrollkästchen Verwenden Sie Global Light vor der Einstellung Winkel: -90 °.
• Entfernung: 6 px
• Choke: 0%
• Größe: 0 px

Der innere Schatten fügt dem Stil ein 3D-Gefühl hinzu.

Schritt 8

Hinzufügen Inneres Glühen mit diesen Einstellungen:

• Mischmodus: Bildschirm
• Opazität: 71%
• Wählen Farbe # ffeb0d
  
• Technik: Weicher
• Quelle: Kante
• Choke: 0%
• Größe: 5 px

Das innere Glühen fügt der Textur einen dünnen gelben Strich hinzu.

Schritt 9

Hinzufügen Schlaganfall mit diesen Einstellungen:

• Größe: 2 px
• Position: Draußen
• Mischmodus: Normal
• Opazität: 100%
• Füllart: Gradient
• Stil: Linear
• Winkel: 90 °
• Überprüf den Dithering Box.
• Stellen Sie das ein Gradient mit diesen 5 Stationen:
• Erster Gradientenstopp Farbe # 003669 und Ort um 12%.
  
• Zweiter Gradientenstopp Farbe #bcebff und Ort bei 22%.
• Dritter Gradientenanschlag Farbe # 003669 und Ort bei 52%.
• Vierter Gradientenstopp Farbe #bcebff und Ort bei 83%.
• Fünfter Gradientenanschlag Farbe # 003669 und Ort bei 96%.

Der Strich fügt dem Text kleine, blaue, glänzende Linien hinzu.

Schritt 10

Hinzufügen Abschrägung & Prägung mit diesen Einstellungen:

• Stil: Innere Abschrägung
• Technik: Glatt
• Tiefe: 100%
• Richtung: Oben
• Größe: 18 px
• Deaktivieren Sie das Kontrollkästchen Verwenden Sie Global Light Box vor dem Einstellen Winkel: 110 ° und Höhe: 30 °
• Highlight-Modus: Lineares Ausweichen (Hinzufügen) mit Farbe # ffc000 und Opazität: 26%
• Schattenmodus: Linear brennen mit Farbe # 0a2a40 und Opazität: 20%

Schritt 11

Füge hinzu ein Textur mit diesen Einstellungen:

• Klicke auf das Muster Box und wählen Sie die Spidy Muster.
• ScAle: 25%
• Tiefe: +120%

Die innere Abschrägung mit Textur verleiht dem roten Spiderman-Muster mehr Tiefe.

Schritt 12

Als letzten Schritt fügen Sie ein Schlagschatten mit diesen Einstellungen:

• Mischmodus: Normal mit Farbe # 001e2d
• Opazität: 100%
• Deaktivieren Sie das Kontrollkästchen Verwenden Sie Global Light vor der Einstellung Winkel: 120 °
• Entfernung: 3 px
• Verbreitung: 100%
• Größe: 11 px

Herzliche Glückwünsche! Sie sind fertig!

In diesem Lernprogramm haben Sie gelernt, wie Sie einen Spiderman-Texteffekt in Photoshop erstellen.

Wir begannen damit, den dunklen Hintergrund mit einem nahtlosen Muster zu erstellen. Dann haben wir eine Textebene erstellt und viele verschiedene Effekte hinzugefügt, um einen Spiderman-Texteffekt zu erzeugen.

Ich hoffe, Ihnen hat dieses Tutorial gefallen, und wenn Sie den Endeffekt mögen, vergessen Sie nicht, diesen Stil für zukünftige Projekte in Ihrer Ebenenstilpalette zu speichern.

Der Spiderman-Texteffekt ist ein Teil von Super Heroes - Photoshop Styles aus meinem Portfolio im Envato Market.