How to Create a Neon Flame Text Effect Action in Adobe Photoshop

Final product image — What You’ll Be Creating

In this tutorial, I will show you how to create two Photoshop styles that together create a very cool neon flame text effect. Also, you will learn how to use these styles with an action, making the process of applying and customizing it very easy.

The text effect you are going to learn today is part of Super Bundle Styles 3. This bundle gives you 79 Photoshop styles for a small price. Some of them are two-layered, which means that you can combine them with each other to create new cool text effects.

Super Bundle Styles 3 promo image — Super Bundle Styles 3

Tutorial Assets

The following assets were used during this tutorial:

Masque Font
Background Image (inside the zip file attached to this tutorial)

1. How to Create the Texture

Step 1

Create a new 800 x 800 px 72 Dpi document and name it Ignis-Texture.

Step 2

Press D to reset the Foreground and Background colors, and then go to Filter > Render > Clouds.

Step 3

Now right-click on the Background layer and choose Convert to Smart Object. Then go to Filter > Filter Gallery and apply a Plastic Wrap filter with these settings:

Highlight Strength: 20
Detail: 1
Smoothness: 5

Step 4

Now let’s make it look like a seamless texture, reflecting the edges of the document.

Pick the Rectangular Marquee Tool (M) and select the top half of the image, and then press Control-C and Control-V to create a new layer with the selected area. After that, rename the new layer to First Half.

Step 5

Press Control-T to activate Free Transform. Then right-click on the selected area and choose Flip Vertical. After that, press Enter to release the Free Transform.

Step 6

Press Control-A to select the entire document, and then pick the Move Tool (V) and align the First Half layer to the bottom edge of the document.

Step 7

Go to the Layers panel and click on the Add layer mask icon. Then pick the Gradient Tool (G) with the Foreground to Transparent gradient. After that, click and drag from the center of the document to the bottom. The arrow on the next image represents where to begin and where to end the gradient.

Note that the gradient will be created on the layer mask of the First Half layer, hiding the top of it.

Step 8

Select all the layers of the Layers panel and right-click on one of them, and then select Convert to Smart Object to merge them into one.

Step 9

Now pick the Rectangular Marquee Tool (M) again and select the left half of the document. Then press Control-C and Control-V to create a new layer. After that, rename the new layer to Second Half.

Step 10

Repeat Step 5, Step 6 and Step 7, but choose Flip Horizontal and Align right edges respectively. Then create the gradient from the center to the right side, just like the arrow on the image below.

Aligning the second half layer with the document

Step 11

Go to Window > Adjustments to open the Adjustments panel. Then click on the Gradient Map icon to create a new Gradient Map layer.

Step 12

Go to Window > Properties to open the Properties panel. Then double-click on the gradient bar to edit it. We are going to add three Stops to the gradient bar (just click below the gradient bar and the Stop will be created).

First Stop Color: #080000 Location: 36%
Second Stop Color: #b70000 Location: 89%
Third Stop Color: #ff7171 Location: 100%

Step 13

Select the Second Half layer on the Layers panel and go to Edit > Define Pattern, name it Ignis-Texture, and click OK. After that, save and close the document.