Schnelltipp Erstellen eines Effekts aus metallischem Text mit Ebenenstilen in Photoshop

Was Sie erstellen werden

In diesem Lernprogramm wird erläutert, wie Sie mithilfe von Ebenenstilen in Photoshop einen metallischen Texteffekt erstellen.

Dieser Texteffekt, den Sie heute lernen werden, ist Teil von 8 Photoshop Styles 2 of 4

8 Voll editierbare PSD- und ASL-Photoshop-Dateien

Tutorial Assets

Die folgenden Assets wurden während der Erstellung dieses Tutorials verwendet.

  • Strasua Font
  • MetalKid-Assets

Herunterladen die Datei MetalKid_assets.zip und extrahieren Sie beide Dateien. Installieren die Pattern-Datei mit dem Namen Dark_Pattern.pat und das Contour-Dateipaket mit dem Namen CustomContoursMK.shc. Zur Installation müssen Sie die Symbole doppelt anklicken. So einfach ist das.
Herunterladen und Installieren Strausa-Schrift.

Lass uns anfangen!


1. So erstellen Sie den Hintergrund

Schritt 1

Erstellen Sie ein neues Dokument Datei> Neu

  • Breite: 850 px
  • Höhe: 500 px
  • Auflösung: 72 PPI

Schritt 2

Dupliziere den Hintergrund (Gehe zu Ebene> Ebene duplizieren> OK) und umbenennen die neue Ebene als "Hintergrundmuster".


Schritt 3

Jetzt fügen wir der Hintergrundebene eine Textur hinzu.
Doppelklick auf "Hintergrundmuster-Ebene"um das Ebenenstilfenster zu öffnen. Gehe zu"Musterüberlagerung", dann klicken auf der "Musterbox"und wählen Sie das neu hinzugefügte"Dunkles Muster" und drücke OK.


Schritt 4

Damit der Hintergrund noch besser aussieht, werden wir hinzufügen inneren Schatten. Sie müssen Doppelklick Legen Sie auf der Hintergrundmusterebene die folgenden Werte fest, sobald das Ebenenstilfenster angezeigt wird.

  • Mischmodus: Normal
  • Farbe: # 000000
  • Opazität: 100%
  • Winkel: 90º
  • Kontrollkästchen "Global Light" verwenden: Nicht geprüft
  • Entfernung: 0 px
  • Choke: 0%
  • Größe: 250 px
  • Lärm: 0%

2. So erstellen Sie den Text und richten ihn aus

Schritt 1

Geben Sie das Wort "Metalkid" mit ein Strasua-Schriftart.

  • Schriftgröße: 100 pt
  • Verfolgung: 20 pt
  • Anti-Aliasing-Modus: Scharf
  • Farbe: #ffffff

Schritt 2

Verwendung der "Werkzeug verschieben", wähle aus Textebene und Hintergrundebene Klicken Sie dann auf die Ausrichtungsbefehleim oberen Menü, um es zu zentrieren.

  • Horizontal ausrichten: Center
  • Vertikal ausrichten: Center

3. So erstellen Sie den Texteffekt

Schritt 1

Füge hinzu ein Ebenenstil zum text musst du recht haben Klicken Sie auf die Ebene in deiner Ebenenmenü und wähle Fülloptionen. Stellen Sie sicher, dass Sie die folgenden Werte verwenden und drücken Sie OK.


Schritt 2

Beginnen wir mit dem Texteffekt! Zuerst fügen wir einige Schatten hinzu, um den Text vom Hintergrund zu trennen. Gehe zu Ebenenstil> Schlagschatten und verwenden Sie die Werte, die im Bild unten gezeigt sind.

  • Mischmodus: Normal
  • Farbe: # 000000
  • Opazität: 70%
  • Winkel: 90º
  • Verwenden Sie Global Light: Nicht geprüft
  • Entfernung: 10 px
  • Verbreitung: 20 px
  • Größe: 10 px
  • Kontur: Standard
  • Lärm: 0%
  • Schicht schlägt Schlagschatten heraus: Geprüft

Schritt 3

Jetzt erstellen wir eine Verlaufsüberlagerung, die dem Metalleffekt eine Basis gibt. Öffnen Sie den Ebenenstil erneut und ändern Sie "Verlaufsüberlagerung"die folgenden Werte einstellen.

  • Mischmodus: Normal
  • Opazität: 100%
  • Umkehren: Nicht geprüft
  • Stil: Linear
  • Mit der Ebene ausrichten: Geprüft
  • Winkel 90º
  • Rahmen: 150%

Klicke auf das Farbverlaufsleiste und machen Sie einen Farbverlauf mit diesen Einstellungen:

Spitze: So erstellen Sie eine neuer Punkt im gradienten musst du Klicken Sie unter der Verlaufsleiste. Klicken Sie auf jeden der Farbe stoppt erlaubt dir zu Position und Farbe ändern.

  • Erste Stoppfarbe: # 0d1117
  • Erste Halteposition: 0%
  • Zweite Stoppfarbe: # a0a0a0
  • Zweite Halteposition: 25%
  • Dritte Stoppfarbe: # 161a20
  • Dritte Halteposition: 50%
  • Vierte Stoppfarbe: # a0a0a0
  • Vierte Halteposition: 75%
  • Fünfte Stoppfarbe: # 0d1117
  • Fünfte Halteposition: 110%

Schritt 4

Gehe zur Ebene Style> Inner Glow und verwenden Sie die unten gezeigten Einstellungen, um die Kanten aufzuhellen.

  • Mischmodus: Normal
  • Opazität: 100%
  • Lärm: 0%
  • Farbe: #ffffff
  • Technik: Weicher
  • Kante: Geprüft
  • Choke: 40%
  • Größe: 2 px
  • Kontur: Standard
  • Anti-Alias: Nicht geprüft
  • Angebot: 50%
  • Jitter: 0%



Schritt 5

Um den 3D-Look zu erstellen, gehen Sie zu Ebenenstil> Abschrägung & Prägung und verwende die folgenden Werte.

  • Stil: Innere Abschrägung
  • Technik: Glatt
  • Tiefe: 100%
  • Richtung: Oben
  • Größe: 10 px
  • Erweichen: 1 px
  • Winkel: 90º
  • Verwenden Sie Global Light: Nicht geprüft
  • Höhe: 30º

Jetzt hör auf, wir gehen weiter fügen Sie die zuvor installierte "benutzerdefinierte Kontur" hinzu.
Klicken auf der Pulldown-Symbol "Gloss Contour" und dann wählen die Kontur namens "CustomContourMK01"

Jetzt können wir fortfahren:

  • Anti-Alias: Nicht geprüft
  • Highlight-Modus: Bildschirm
  • Hervorhebungsfarbe: #ffffff
  • Deckkraft hervorheben: 75%
  • Schattenmodus: Multiplizieren
  • Schattenfarbe: # 000000
  • Schattendeckkraft: 75%


Schritt 6

Jetzt werden wir Licht und Schatten betonen, um den Metalleffekt realistischer zu gestalten. Gehe zu Ebenenstil> Satin und verwenden Sie die unten gezeigten Einstellungen.

  • Mischmodus: Farbe ausweichen
  • Farbe: #ffffff
  • Opazität: 50%
  • Winkel 20º
  • Entfernung: 45 px
  • Größe: 8 px
  • Kontrollkästchen für Anti-Aliasing: Nicht geprüft
  • Kontrollkästchen "Invenrt": Geprüft

Wir gehen zu Fügen Sie die zweite "benutzerdefinierte Kontur" hinzu.
Klicken auf der Pulldown-Symbol "Gloss Contour" und dann wählen die Kontur namens "CustomContourMK02" und drücke OK.



Schritt 7

Es ist fast fertig. In diesem letzten Schritt werden Kanten und Ecken akzentuiert, wodurch der Text das endgültige 3D-Aussehen erhält. Gehe zu Ebenenstil> Kontur, und verwenden Sie die Werte, die im Bild unten gezeigt sind.

  • Größe: 2 px
  • Position: Draußen
  • Mischmodus: Normal
  • Opazität: 100%
  • Füllart: Gradient

Klicke auf das Farbverlaufsleiste und machen Sie einen Farbverlauf mit diesen Einstellungen:

  • Erste Stoppfarbe: # 1a1b1e
  • Erste Halteposition: 0%
  • Zweite Stoppfarbe: # 7f7f7f
  • Zweite Halteposition: 50%
  • Dritte Stoppfarbe: # 1a1b1e
  • Dritte Halteposition: 100%
  • Stil: Reflektiert
  • Kontrollkästchen "Mit Ebene ausrichten": Geprüft
  • Winkel 90º
  • Rahmen: 100%

Endgültiges Bild

Großartiger Job, du bist fertig!

In diesem Tutorial habe ich Ihnen gezeigt, wie Sie einen Metalltexteffekt nur mit Stiloptionen erstellen.
Ich hoffe, dass Ihnen dieses Tutorial gefallen hat und Sie das Erlernte für Ihre eigenen Projekte verwenden können. Fühlen Sie sich frei zu kommentieren und zeigen Sie mir Ihre Ergebnisse.

Dieser Texteffekt ist Teil von 8 Photoshop Styles 2 of 48 Voll editierbare PSD- und ASL-Photoshop-Dateien

Sie können auch mögen ...

  • So erstellen Sie einen Hot Concrete-Texteffekt in Adobe Photoshop

    In diesem Lernprogramm erfahren Sie, wie Sie einen heißen konkreten Texteffekt mithilfe von zwei Ebenen erstellen, um einen zentralen Fluchtpunkt in Adobe Photoshop zu erhalten. Lass uns anfangen!
    Enrique Elicabe
    Texteffekte
  • So erstellen Sie einen Effekt mit Bronze-Abschrägung in Adobe Photoshop

    In diesem Lernprogramm erfahren Sie, wie Sie mit Ebenenstilen in Adobe Photoshop einen mit Bronze abgeschrägten Texteffekt erstellen.
    Enrique Elicabe
    Texteffekte
  • So erstellen Sie einen glänzenden Sommertext in Adobe Photoshop

    In diesem Lernprogramm erkläre ich, wie Sie mithilfe von Ebenenstilen in Photoshop einen glänzenden Sommertexteffekt erstellen. Lass uns anfangen!
    Enrique Elicabe
    Texteffekte
  • Schneller Tipp: Erstellen Sie einen Effekt aus Metallic-Kupfer mit Ebenenstilen in Photoshop

    Erfahren Sie, wie Sie mit Ebenenstilen in Adobe Photoshop einen metallischen Kupfertext-Effekt erstellen. Lass uns anfangen!
    Enrique Elicabe
    Texteffekte