So erstellen Sie einen 3D-, Glüh- und Retro-Text-Effekt in Adobe Photoshop

Was Sie erstellen werden

In diesem Lernprogramm erfahren Sie, wie Sie mit intelligenten Objekten und Ebenenstilen einen dreidimensionalen, glühenden Texteffekt erstellen. Lass uns anfangen!

Dieser Texteffekt wurde von den vielen auf Envato Market verfügbaren Layer-Styles inspiriert.

Tutorial Assets

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

  • Big John-Schrift
  • Metallbeschaffenheit
  • Einfrieren von AFineWar
  • Free Pack 6000 Photoshop-Farbverläufe von Supertuts007 (Laden Sie die CHROMES.grd Datei)

1. Erstellen Sie den Hintergrundverlauf

Schritt 1

Erstelle eine neue 800 x 600 px Klicken Sie auf das Dokument Neue Füll- oder Einstellungsebene erstellen Symbol am unteren Rand des Schichten Panel und wählen Sie Einfarbig.

Schritt 2

Verwenden Sie die Farbe # 2e363.

Schritt 3

Doppelklick das Einfarbig Schicht zum Auftragen eines Verlaufsüberlagerung Wirkung mit diesen Einstellungen:

  • Überprüf den Dithering Box
  • Mischmodus: Lineares Brennen
  • Opazität: 20%
  • Stil: Radial
  • Rahmen: 150%
  • Drücke den Gradient Feld, um die Farbverlaufsfüllung mit den Farben zu erstellen #ffffff nach links und #ababab auf der rechten Seite

Dies erzeugt einen einfachen Hintergrund mit Farbverlauf.

2. Fügen Sie die Hintergrundtextur hinzu

Schritt 1

Stelle das Metallbeschaffenheit oben auf Einfarbig Ebene, und ändern Sie die Größe nach Bedarf.

Benennen Sie die Ebene der Textur in um BG-Textur, und ändern Sie seine Mischmodus zu Sanftes Licht.

Schritt 2

Gehe zu Bild> Einstellungen> Ebenen, und ändern Sie die Gamma Wert zu 1,50.

3. Erstellen Sie den Text und sein intelligentes Objekt

Schritt 1

Erstellen Sie den Text mit der Schriftart Big John. Das Größe ist 200 pt, das Farbe ist # e8a505, und das Verfolgung ist 100.

Schritt 2

Benennen Sie die Textebene in um TextRechtsklick es und wählen In intelligentes Objekt konvertieren.

Achten Sie darauf, die Benennung der Ebenen während des gesamten Lernprogramms zu beachten, damit die Dinge nicht verwirrend werden.

Schritt 3

Duplizieren Sie die Text machen Sie sie unsichtbar und ziehen Sie sie auf die Kopieren Schicht.

4. Erstellen Sie die Transformationsaktion

Als Nächstes duplizieren wir den Text, transformieren die Kopierebene und wiederholen diesen Vorgang für mehrere Ebenen.

Da wir mit intelligenten Objekten arbeiten und um Doppelprobleme bei Transformationsproblemen zu vermeiden, zeichnen wir ein Aktion dafür.

Schritt 1

Öffne das Aktionen Panel (unter dem Fenster Speisekarte).

Schritt 2

Drücke den Neues Set erstellen Geben Sie unten im Panel das Symbol ein Extrusion in dem Name Feld und klicken Sie auf OK.

Schritt 3

Drücke den Neue Aktion erstellen Geben Sie unten im Panel das Symbol ein Aktion in dem Name Feld und klicken Sie auf Aufzeichnung.

5. Zeichnen Sie die Aktion auf

Schritt 1

Duplizieren Sie die Textkopie Ebene durch Klicken und Ziehen auf die Neue Schicht Symbol am unteren Rand des Schichten Panel.

Schritt 2

Drücken Sie Befehl-T Zum eingeben des Freier Transformationsmodus, und dann die Pfeil nach unten Taste einmal und die Rechter Pfeil einmal drücken, um die Textkopie 2 Schicht 1 px nach unten und 1 px auf der rechten Seite.

Schritt 3

Schlagen Sie die Rückkehr Schlüssel zum Übernehmen der Änderungen. Sie sollten alle Schritte sehen, die aufgezeichnet und dem hinzugefügt wurden Aktion du erschaffst.

Schritt 4

Drücke den Höre auf, aufzunehmen Symbol am unteren Rand des Aktionen Panel.

6. Erstellen Sie die Extrusion

Schritt 1

Drücke den Auswahl abspielen Symbol am unteren Rand des Aktionen Panel 10 mal zu erstellen 10 weitere Exemplare mit der Transformation.

Die letzte Ebene sollte den Namen haben Textkopie 12.

Schritt 2

Wählen Sie alle aus Textkopie Ebenen (ohne das Original unsichtbar Text Schicht) und gehen Sie zu Ebene> Anordnen> Umkehren.

Dadurch wird die letzte Kopierebene unten platziert und die erste nach oben verschoben.

Schritt 3

Deaktivieren Sie die erste und letzte Ebene, platzieren Sie die verbleibenden ausgewählten Ebenen in einer Gruppe und rufen Sie sie auf Extrusion.

Schritt 4

Benennen Sie das um Textkopie Schicht zu Text vorne, und das Textkopie 12 Schicht zu Zurückschreiben.

Duplizieren Sie die Text vorne Schicht, ändern Sie die Kopie Füllen Wert zu 0, und duplizieren Sie es dann.

7. Gestalten Sie die Extrusionsschichten

Doppelklick das Textkopie 2 Ebene, um den folgenden Ebenenstil anzuwenden:

Schritt 1

Füge hinzu ein Abgeflachte Kante und Relief mit diesen Einstellungen:

  • Größe: 0
  • Schattenmodus - Deckkraft: fünfzehn%

Schritt 2

Füge hinzu ein Schlagschatten mit diesen Einstellungen:

  • Opazität: 7%
  • Entfernung: 3
  • Größe: 2

Schritt 3

Dadurch wird die erste Extrusionsschicht gestylt.

Rechtsklick die gestaltete Ebene und wählen Sie Ebenenstil kopieren.

Schritt 4

Wählen Sie die restlichen Extrusionsschichten aus, Rechtsklick einer von ihnen und wählen Ebenenstil einfügen.

Dadurch wird der 3D-Extrusionseffekt erstellt.

Schritt 5

Duplizieren Sie die Extrusion Ziehen Sie die Kopie in die Gruppe Text Vorderseite Kopie 2 Schicht und ändern seine Füllen Wert zu 0.

8. Gestalten Sie die Textfrontebene

Doppelklick das Text vorne Ebene, um den folgenden Ebenenstil anzuwenden:

Schritt 1

Füge hinzu ein Abgeflachte Kante und Relief mit diesen Einstellungen:

  • Größe: 3
  • Glanzkontur: Bucht - tief
  • Überprüf den Anti-Aliasing Box
  • Schattenmodus - Deckkraft: fünfzehn%

Schritt 2

Füge hinzu ein Kontur mit diesen Einstellungen:

  • Kontur: Bucht - tief
  • Überprüf den Anti-Aliasing Box
  • Angebot: 100%

Schritt 3

Füge hinzu ein Schlaganfall mit diesen Einstellungen:

  • Größe: 1
  • Position: Innerhalb
  • Mischmodus: Bildschirm
  • Füllart: Gradient
  • Verwenden Sie die Wasserhahn 70 Farbverlauf füllen

Schritt 4

Fügen Sie eine hinzu Inneren Schatten mit diesen Einstellungen:

  • Opazität: 35%
  • Deaktivieren Sie das Kontrollkästchen Verwenden Sie Global Light Box
  • Winkel: 141
  • Entfernung: 9
  • Choke: 6
  • Größe: 18

Schritt 5

Fügen Sie eine hinzu Inneres Glühen mit diesen Einstellungen:

  • Mischmodus: Lineares Licht
  • Opazität: 100%
  • Farbe: # d1cc90
  • Technik: Präzise
  • Größe: 90
  • Kontur: Kegel - asymmetrisch

Schritt 6

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

  • Opazität: 100%
  • Farbe: Verwenden Sie die Wasserhahn 140 Farbverlauf füllen
  • Verbreitung: 28
  • Größe: 10
  • Kontur: Bucht - flach

Schritt 7

Füge hinzu ein Schlagschatten mit diesen Einstellungen:

  • Opazität: 7%
  • Entfernung: 3
  • Größe: 2

Dadurch wird die oberste Ebene des Texts gestaltet.

9. Gestalten Sie die erste vordere Kopie

Doppelklick das Text Vorderseite kopieren Ebene, um den folgenden Ebenenstil anzuwenden:

Schritt 1

Füge hinzu ein Abgeflachte Kante und Relief mit diesen Einstellungen:

  • Größe: 10
  • Deaktivieren Sie das Kontrollkästchen Verwenden Sie Global Light Box
  • Winkel: 138
  • Höhe: 21
  • Glanzkontur: Bucht - tief
  • Überprüf den Anti-Aliasing Box
  • Schattenmodus - Deckkraft: fünfzehn%

Schritt 2

Füge hinzu ein Kontur mit diesen Einstellungen:

  • Kontur: Bucht - tief
  • Überprüf den Anti-Aliasing Box.
  • Angebot: 100%

Schritt 3

Füge hinzu ein Schlaganfall mit diesen Einstellungen:

  • Größe: 1
  • Position: Innerhalb
  • Mischmodus: Bildschirm
  • Füllart: Gradient
  • Verwenden Sie die Wasserhahn 70 Farbverlauf füllen

Dadurch wird die erste Ebene des inneren Teils der Textfront gestaltet.

10. Gestalten Sie die zweite vordere Kopie

Doppelklick das Text Vorderseite Kopie 2 Ebene, um den folgenden Ebenenstil anzuwenden:

Schritt 1

Füge hinzu ein Abgeflachte Kante und Relief mit diesen Einstellungen:

  • Technik: Meißel hart
  • Größe: 10
  • Deaktivieren Sie das Kontrollkästchen Verwenden Sie Global Light Box
  • Winkel: 110
  • Höhe: 26
  • Glanzkontur: Kegel - asymmetrisch
  • Überprüf den Anti-Aliasing Box
  • Schattenmodus - Deckkraft: fünfzehn%

Schritt 2

Füge hinzu ein Kontur mit diesen Einstellungen:

  • Kontur: Kerbung - gerundet
  • Überprüf den Anti-Aliasing Box
  • Angebot: 100%

Dadurch wird die zweite Ebene des inneren Teils der Textfront gestaltet.

11. Gestalten Sie die Texterückschicht

Kopieren Sie und fügen Sie das ein Text vorne Ebenenstil der Ebene an die Zurückschreiben Schicht und dann Doppelklick das Zurückschreiben Ebene zum Anpassen der folgenden Einstellungen:

Schritt 1

Abgeflachte Kante und Relief:

  • Größe: 6

Schritt 2

Kontur:

  • Kontur: Kegel - invertiert

Schritt 3

Schlagschatten:

  • Opazität: 70%
  • Entfernung: 20
  • Größe: 50

Dadurch wird die hintere Ebene gestylt.

12. Gestalten Sie die Extrusionsgruppen

Schritt 1

Doppelklick das Extrusion Gruppe zu bewerben a Verlaufsüberlagerung Wirkung mit diesen Einstellungen:

  • Überprüf den Dithering Box
  • Mischmodus: Multiplizieren
  • Verwenden Sie die Ofenrohr 185x Farbverlauf füllen

Dadurch wird die Extrusion um weitere Dimensionen erweitert.

Schritt 2

Doppelklick das Extrusionskopie Gruppe, um eine Anwendung zu beantragen Äußeres Glühen Wirkung mit diesen Einstellungen:

  • Mischmodus: Lineares Licht
  • Opazität: 35%
  • Farbe: # a9f6ff
  • Größe: 27
  • Kontur: Ring
  • Angebot: 75%

Schritt 3

Gruppieren Sie alle sichtbaren Textebenen und Extrusionsgruppen, die Sie verwenden, und rufen Sie die Gruppe auf Texteffekt.

Schritt 4

Doppelklick das Texteffekt Gruppe, um eine Anwendung zu beantragen Äußeres Glühen Wirkung mit diesen Einstellungen:

  • Mischmodus: Bildschirm
  • Opazität: 50%
  • Farbe: # 399da7
  • Größe: 150

Schritt 5

Damit wird der Texteffekt beendet.

Wenn Sie den Text ändern möchten, können Sie dies tun Doppelklick das Original Text Um die Originaltextdatei zu öffnen, den Text zu ändern, gehen Sie zu Bild> Alle anzeigen, und dann Datei> Speichern, und Datei> Schließen.

Dadurch werden die restlichen Smart-Objekt-Layer aktualisiert und der Effekt wird auf den neu eingegebenen Text angewendet.

13. Fügen Sie eine Textur und einige Einstellungsebenen hinzu

Schritt 1

Stelle das Einfrieren Textur auf allen Ebenen und benennen Sie die Ebene in um Texturüberlagerung. Ändere das Texturüberlagerung Schichten Mischmodus zu Lineares Brennen und sein Opazität zu fünfzehn%.

Schritt 2

Füge hinzu ein Verlaufskarte Einstellungsebene über allen Ebenen, und überprüfen Sie die Dithering Box.

Erstellen Sie die Farbverlaufsfüllung mit den Farben # 433469 nach links, # 5e6474 in der Mitte und # d4b28a auf der rechten Seite.

Ändern Sie die Ebene Mischmodus zu Farbe und sein Opazität zu fünfzehn%.

Schritt 3

Duplizieren Sie die Verlaufskarte Einstellungsebene und ändern Sie dann die Kopie Mischmodus zu Sanftes Licht und sein Opazität zu 50%.

Glückwunsch, du bist fertig!

In diesem Lernprogramm haben wir einen einfachen Hintergrund mit Farbverlauf mit einer Texturüberlagerung erstellt.

Dann haben wir den Text erstellt, in ein Smart-Objekt konvertiert und dupliziert. Danach zeichneten wir eine Aktion zur Erstellung der Extrusion auf und begannen, verschiedene Ebenenstile auf die Ebenen anzuwenden, um den Texteffekt zu erstellen.

Zum Schluss haben wir noch eine Textur und ein paar Anpassungsebenen hinzugefügt, um alles abzuschließen.

Fühlen Sie sich bitte frei, Ihre Kommentare, Vorschläge und Ergebnisse unten zu hinterlassen.