So erstellen Sie eine Neon Flame-Effektaktion in Adobe Photoshop

Was Sie erstellen werden

In diesem Tutorial zeige ich Ihnen, wie Sie zwei Photoshop-Stile erstellen, die zusammen einen sehr coolen Neonflammen-Texteffekt erzeugen. Außerdem lernen Sie, wie Sie diese Stile mit einer Aktion verwenden, wodurch das Anwenden und Anpassen der Stile sehr einfach wird.

Der Texteffekt, den Sie heute lernen werden, ist Teil von Super Bundle Styles 3. Mit diesem Bundle erhalten Sie 79 Photoshop-Styles zu einem kleinen Preis. Einige davon sind zweischichtig. Sie können also miteinander kombiniert werden, um neue coole Texteffekte zu erzeugen.

Super-Bundle-Styles 3

Tutorial Assets

Die folgenden Assets wurden während dieses Tutorials verwendet:

  • Masque-Schrift
  • Hintergrundbild (in der zip-Datei, die diesem Lernprogramm beigefügt ist)

1. Wie erstelle ich die Textur?

Schritt 1

Erstelle eine neue 800 x 800 px 72 dpi dokumentieren und benennen Ignis-Textur.


Schritt 2

Drücken Sie D Um die Vordergrund- und Hintergrundfarben zurückzusetzen, und gehen Sie zu Filter> Rendern> Wolken.


Schritt 3

Jetzt Rechtsklick auf der Hintergrund schichten und wählen In intelligentes Objekt konvertieren. Dann geh zu Filter> Galerie filtern und bewerbe a Plastikfolie filtern mit diesen Einstellungen:

  • Markierungsstärke: 20
  • Detail: 1
  • Glätte: 5

Schritt 4

Lassen Sie uns jetzt wie eine nahtlose Textur aussehen, die die Ränder des Dokuments widerspiegelt.

Wähle das aus Rechteckiges Laufwerkzeug (M) und wähle das aus obere Hälfte des Bildes und drücken Sie dann Steuerung-C und Steuerung-V um eine neue Ebene mit dem ausgewählten Bereich zu erstellen. Benennen Sie danach die neue Ebene in um Erste Hälfte.

Schritt 5

Drücken Sie Control-T aktivieren Free Transform. Dann Rechtsklick im ausgewählten Bereich und wählen Sie Vertikal spiegeln. Danach drücken Sie Eingeben das freigeben Free Transform.

Schritt 6

Drücken Sie Steuerung-A , um das gesamte Dokument auszuwählen, und wählen Sie dann die Werkzeug bewegen (V) und ausrichten Erste Hälfte Ebene bis zum unteren Rand des Dokuments.

Schritt 7

Gehe zum Schichten und klicken Sie auf Ebenenmaske hinzufügen Symbol. Dann wählen Sie die Verlaufswerkzeug (G) mit dem Vordergrund zu Transparent Gradient. Klicken Sie danach und ziehen Sie von der Mitte des Dokuments nach unten. Der Pfeil im nächsten Bild zeigt an, wo der Farbverlauf zu beginnen und wo zu beenden ist.

Beachten Sie, dass der Farbverlauf auf der Ebenenmaske von erstellt wird Erste Hälfte Schicht, die Oberseite davon verdeckt.

Schritt 8

Wählen Sie alle Ebenen der aus Schichten Panel und Rechtsklick auf einem von ihnen und wählen Sie dann In intelligentes Objekt konvertieren sie zu einem verschmelzen.

Schritt 9

Nun wähle das Rechteckiges Laufwerkzeug (M) erneut und wählen Sie die linke hälfte des Dokuments. Dann drücken Steuerung-C und Steuerung-V eine neue Ebene erstellen. Benennen Sie danach die neue Ebene in um Zweite Hälfte.

Schritt 10

Wiederholen Schritt 5, Schritt 6undSchritt 7, aber wähle Horizontal spiegeln und Richten Sie die rechten Kanten aus beziehungsweise. Dann erstellen Sie den Farbverlauf von der Mitte zur rechten Seite, genau wie der Pfeil auf dem Bild unten.


Schritt 11

Gehe zu Fenster> Einstellungen die öffnen Anpassungen Panel. Dann klicken Sie auf die Verlaufskarte Symbol, um ein neues zu erstellen Verlaufskarte Schicht.

Schritt 12

Gehe zu Fenster> Eigenschaften die öffnen Eigenschaften Panel. Dann Doppelklick auf der Verlaufsleiste, um es zu bearbeiten. Wir werden hinzufügen drei Stoppt zum Steigungsbalken (Klicken Sie einfach unter die Verlaufsleiste und die Halt wird erstellt).

  • Erste Stoppfarbe: 080000 Ort: 36%
  • Zweite Stoppfarbe: # b70000 Ort: 89%
  • Dritte Stoppfarbe: # ff7171 Ort: 100%

Schritt 13

Wähle aus Zweite Hälfte Schicht auf der Schichten Panel und gehen Sie zu Bearbeiten> Muster definieren, nennen Sie es Ignis-Textur, und klicken Sie auf OK. Danach speichern und schließen Sie das Dokument.

2. So erstellen Sie die Stile

Schritt 1

Öffnen Sie das Hintergrundbild, das Sie von den Assets heruntergeladen haben (ignis_Bg.png).

Schritt 2

Nun wähle das Horizontales Werkzeug (T) und wähle das aus Masque Schriftart. Stellen Sie dann die Schriftgröße auf 300 pt und schreibe IGNIS.

Schritt 3

Gehe zu Ebene> Ebenenstil> Fülloptionen die öffnen Ebenenstil Panel. Dann fügen Sie ein Farbüberlagerung mit diesen Einstellungen:

  • Mischmodus: Normal
  • Farbe: # ed551f
  • Opazität: 100%

Schritt 4

Fügen Sie jetzt ein Äußeres Glühen mit diesen Einstellungen:

  • Mischmodus: Normal
  • Opazität: 100%
  • Lärm: 0%
  • Farbe: # 930000
  • Technik: Weicher
  • Verbreitung: 0%
  • Größe: 10 px
  • Kontur: Linear
  • Anti-Alias: aus
  • Angebot: 50%
  • Jitter: 0%

Schritt 5

Füge hinzu ein Schlagschatten mit diesen Einstellungen:

  • Mischmodus: Normal
  • Farbe: # 1a0d00
  • Opazität: 100%
  • Verwenden Sie Global Light: aus
  • Winkel: 146 °
  • Entfernung: 2 px
  • Verbreitung: 100%
  • Größe: 5 px
  • Kontur: Linear
  • Anti-Alias: aus
  • Lärm: 0%
  • Schicht schlägt Schlagschatten heraus: Auf

Schritt 6

Füge hinzu ein Satin Wirkung mit diesen Einstellungen:

  • Mischmodus: Linearer Hintergrund
  • Farbe: # 000000
  • Opazität: 37%
  • Winkel: 19 °
  • Entfernung: 24 px
  • Größe: 32 px
  • Kontur: Gaussian
  • Anti-Alias: aus
  • Umkehren: Auf

Schritt 7

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

  • Mischmodus: Linearer Ausweichen (Hinzufügen)
  • Opazität: 75%
  • Lärm: 0%
  • Farbe: # ea5a47
  • Technik: Weicher
  • Quelle: Kante
  • Choke: 7%
  • Größe: 20 px
  • Anti-Alias: Auf
  • Angebot: 50%
  • Jitter: 0%

Dann klicken Sie auf die Kontur mit diesen Einstellungen bearbeiten (Klicken Sie auf das Zuordnungsfeld, um neue Punkte zu erstellen).

  • Erster Punkt Eingabe: 0% Ausgabe: 5% Ecke: aus
  • Zweiter Punkt Eingabe: 48% Ausgabe: 7% Ecke: aus
  • Dritter Punkt Eingabe: 52% Ausgabe: 80% Ecke: aus
  • Vierter Punkt Eingabe: 79% Ausgabe: 50% Ecke: aus
  • Fünfter Punkt Eingabe: 99% Ausgabe: 7% Ecke: aus

Danach klicken Sie auf Neu… Um das Preset zu speichern, benennen Sie es Ignis-Kontur 1, und klicken Sie auf OK.

Schritt 8

Füge hinzu ein Schlaganfall mit diesen Einstellungen:

  • Größe: 2 px
  • Position: Draußen
  • Mischmodus: Normal
  • Opazität: 100%
  • Aufdruck: aus
  • Füllart: Gradient
  • Umkehren: aus
  • Mit der Ebene ausrichten: Auf
  • Stil: Linear
  • Winkel: 90 °
  • Dither: aus
  • Rahmen: 100%

Klicken Sie dann auf die Verlaufsleiste, um sie mit diesen Einstellungen zu bearbeiten:

  • Erste Stoppfarbe: # c62500 Position: 0%
  • Zweite Stoppfarbe: # 750000 Position: 38%
  • Dritte Stoppfarbe: # c62500 Position: 100%

Schritt 9

Fügen Sie jetzt eine Abschrägung & Prägung mit diesen Einstellungen:

  • Stil: Innere Abschrägung
  • Technik: Glatt
  • Tiefe: 83%
  • Richtung: Oben
  • Größe: 32 px
  • Erweichen: 0 px
  • Verwenden Sie Global Light: aus
  • Winkel: 107 °
  • Höhe: 37 °
  • Anti-Alias: aus
  • Highlight-Modus: Linearer Ausweichen (Hinzufügen)
  • Hervorhebungsfarbe: # e6832b
  • Deckkraft hervorheben: 100%
  • Schattenmodus: Multiplizieren
  • Schattenfarbe: # 000000
  • Schattendeckkraft: 13%

Dann klicken Sie auf die Glanzkontur Feld, um es mit diesen Einstellungen zu bearbeiten:

  • Erster Punkt Eingabe: 0% Ausgabe: 47% Ecke: aus
  • Zweiter Punkt Eingabe: 20% Ausgabe: 90% Ecke: Auf
  • Dritter Punkt Eingabe: 47% Ausgabe: 18% Ecke: aus
  • Vierter Punkt Eingabe: 88% Ausgabe: 74% Ecke: aus
  • Fünfter Punkt Eingabe: 100% Ausgabe: 100% Ecke: aus

Schritt 10

Klicken Sie nun auf die Neuer Stil Taste und speichern Sie es als Ignis-A. Danach klicken Sie auf OK in dem Ebenenstil Fenster, um es zu schließen.

Schritt 11

Drücken Sie Steuerung-J um die Ebene zu duplizieren und dann in umzubenennen IGNIS B und ändern Sie seine Deckkraft füllen bis 0%. Nachdem, Rechtsklick darauf und wählen Sie Ebenenstil löschen.

Schritt 12

Gehen Sie jetzt zu Ebene> Ebenenstil> Fülloptionen die öffnen Ebenenstil Panel wieder. Dann fügen Sie ein Satin Stil mit diesen Einstellungen:

  • Mischmodus: Lineares Brennen
  • Farbe: # 000000
  • Opazität: 37%
  • Winkel: 19 °
  • Entfernung: 24 px
  • Größe: 32 px
  • Kontur: Gaussian
  • Anti-Alias: aus
  • Umkehren: Auf

Schritt 13

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

  • Mischmodus: Linearer Ausweichen (Hinzufügen)
  • Opazität: 41%
  • Lärm: 0%
  • Farbe: # af473a
  • Technik: Weicher
  • Quelle: Kante
  • Choke: 7%
  • Größe: 20 px
  • Kontur: Ignis-Kontur 1
  • Anti-Alias: Auf
  • Angebot: 50%
  • Jitter: 0%

Schritt 14

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

  • Mischmodus: Normal
  • Opazität: 22%
  • Lärm: 0%
  • Farbe: # ff0000
  • Technik: Weicher
  • Verbreitung: 6%
  • Größe: 48 px
  • Kontur: Linear
  • Anti-Alias: aus
  • Angebot: 50%
  • Jitter: 0%

Schritt 15

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

  • Mischmodus: Sanftes Licht
  • Dither: aus
  • Opazität: 48%
  • Stil: Linear
  • Mit der Ebene ausrichten: Auf
  • Winkel: 90 °
  • Rahmen: 100%

Klicken Sie dann auf die Verlaufsleiste und bearbeiten Sie sie mit diesen Einstellungen:

  • Erste Stoppfarbe: # 85683a Position: 0%
  • Zweite Stoppfarbe: # b99e70 Position: 12%
  • Dritte Stoppfarbe: # fff1da Position: 20%
  • Vierte Stoppfarbe: # 675028 Position: 29%
  • Fünfte Stoppfarbe: # fff1da Position: 48%
  • Sechste Stoppfarbe: # 675028 Position: 64%
  • Siebte Stoppfarbe: # fff1da Position: 75%
  • Achte Stoppfarbe: # 675028 Position: 86%
  • Neunte Stoppfarbe: # fff1da Position: 93%
  • Zehnte Stoppfarbe: # a7873a Position: 100%

Schritt 16

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

  • Mischmodus: Bildschirm
  • Opazität: 100%
  • Muster: Ignis-Textur
  • Rahmen: 100%
  • Mit Layer verknüpfen: Auf

Sie können die Textur auf den Text selbst klicken und ziehen, um das Muster besser zu positionieren.

Schritt 17

Füge hinzu ein Abschrägung & Prägung mit diesen Einstellungen:

  • Stil: Innere Abschrägung
  • Technik: Glatt
  • Tiefe: 93%
  • Richtung: Oben
  • Größe: 32 px
  • Erweichen: 0 px
  • Verwenden Sie Global Light: aus
  • Winkel: 45 °
  • Höhe: 58 °
  • Highlight-Modus: Linearer Ausweichen (Hinzufügen)
  • Hervorhebungsfarbe: # e6832b
  • Deckkraft hervorheben: 100%
  • Schattenmodus: Multiplizieren
  • Schattenfarbe: # 000000
  • Schattendeckkraft: 13%

Dann klicken Sie auf die Glanzkontur Feld und bearbeiten Sie es mit diesen Einstellungen:

  • Erster Punkt Eingabe: 6% Ausgabe: 2% Ecke: aus
  • Zweiter Punkt Eingabe: 13% Ausgabe: 51% Ecke: aus
  • Dritter Punkt Eingabe: 38% Ausgabe: 96% Ecke: aus
  • Vierter Punkt Eingabe: 100% Ausgabe: 20% Ecke: aus

Schritt 18

Klicken Sie nun auf die Neuer Stil Taste und speichern Sie es als Ignis-B. Dann klick OK auf der Ebenenstil Fenster, um es zu schließen. Danach löschen Sie die IGNIS B Ebene und lösche den Stil von der IGNIS Schicht (Klicken Sie mit der rechten Maustaste> Ebenenstil löschen).


3. So erstellen Sie die Aktion

Schritt 1

Ändern Sie die Größe der Textebene in 299 pt und belassen Sie diese Ebene auf der Schichten Panel. Dann geh zu Fenster> Aktionen die öffnen Aktionen Panel

Schritt 2

In dem Aktionen klicken Sie auf die Schaltfläche Neues Set erstellen Symbol und nennen Sie es Neon Flame Text Effect. Dann klicken Sie auf die Neue Aktion erstellen Symbol und nennen Sie es Neonflamme 300 pt. Die Aufzeichnung der Aktion beginnt.

Schritt 3

Ändern Sie den Namen der Textebene in Neonflamme A. Danach ändern Sie die Textgröße wieder in 300 pt. Dann gehe zum Styles Panel (Fenster> Stile) und klicken Sie auf die Ignis-A Stil, um es anzuwenden.

Schritt 4

Drücken Sie Steuerung-J um die Textebene zu duplizieren und die Kopie in umzubenennen Neonflamme B. Danach gehe zum Styles Panel erneut und klicken Sie auf die Ignis-B Stil, um es anzuwenden.

Schritt 5

Wählen Sie nun beide aus Neonflamme A und Neonflamme B Schichten auf der Schichten Panel und Rechtsklick auf einem von ihnen und dann wählen In intelligentes Objekt konvertieren um sie zu einer Schicht zusammenzufügen.


Schritt 6

Gehe zu Fenster> Einstellungen und klicken Sie auf die Erstellen Sie eine neue Verlaufskarte Symbol. Dann Rechtsklick auf der Verlaufskarte schichten und wählen Schnittmaske erstellen um den Effekt auf die darunter liegende Ebene zu begrenzen.

Schritt 7

Jetzt Doppelklick auf der Miniaturansicht des Verlaufskarte Schicht zum Öffnen der Eigenschaften Panel. Dann klicken Sie auf die Farbverlaufsleiste und bearbeiten Sie es mit diesen Einstellungen:

  • Erste Stoppfarbe: # 110600 Position: 2%
  • Zweite Stoppfarbe: # d31e00 Position: 28%
  • Dritte Stoppfarbe: # fffd5c Position: 100%

Schritt 8

Benennen Sie das um Neonflamme B Schicht zu Neonflamme. Dann gehe zum Aktionen und klicken Sie auf Höre auf, aufzunehmen Symbol.

So sieht es aus:

4. Wie man die Farben ändert

Sie müssen das bearbeiten Verlaufskarte Ebene, um die Farben zu ändern. 

Der Erste Halt Farbe ist für Schatten, der zweite ist für Mitteltöne, und der dritte ist für Highlights

Sie können die Position ändern, damit der Effekt dunkler oder heller erscheint. Sie können auch neue hinzufügen Stoppt neue Farben zwischen den vorhandenen hinzufügen. Es ist sehr einfach zu bearbeiten.

Hier sind einige Beispiele:

Glückwunsch, du bist fertig!

In diesem Lernprogramm haben Sie gelernt, wie Sie mit drei einfachen Photoshop-Filtern eine Textur erstellen. Dann haben wir es nahtlos gemacht, indem wir seine Grenzen reflektierten. Danach haben wir zwei Ebenenstile mit der zuvor erstellten Textur erstellt. Dann haben wir eine Aktion aufgezeichnet, um den gesamten Prozess automatisch zu gestalten. Und schließlich haben Sie gelernt, wie Sie die Farben des Endergebnisses anpassen können.

Ich hoffe, Sie haben mit diesem Tutorial etwas Nützliches gelernt. Fühlen Sie sich frei, Ihre Kommentare und Ergebnisse unten zu hinterlassen.

Super-Bundle-Styles 3

Sie können auch mögen ...

  • So erstellen Sie einen Camo Fabric-Texteffekt in Adobe Photoshop

    In diesem Tutorial zeige ich Ihnen, wie Sie in Adobe Photoshop einen Textildacheffekt mit drei Texturen und zwei Ebenenstilen erstellen.
    Anderson Luiz
    Texteffekte
  • So erstellen Sie einen Effekt "Fur Action" in Adobe Photoshop

    In diesem Tutorial zeige ich Ihnen, wie Sie in Adobe Photoshop eine Fellaktion mit einem Muster, einem Pinsel, einem Ebenenstil und einer Verlaufskarte erstellen. Am Ende von…
    Anderson Luiz
    Photoshop-Aktionen
  • So machen Sie kühle Photoshop-Texteffekte mit Aktionen schnell

    In diesem Tutorial für Anfänger erfahren Sie, wie Sie Photoshop-Texteffekte erstellen. Es wird gezeigt, wie Sie eine Photoshop-Aktion für Ihren Texteffekt und mehr erstellen.
    Anderson Luiz
    Texteffekte