Fire Text Effect in Photoshop

In this Photoshop tutorial, I’ll show you how to create burning fire text effect in Photoshop. You’ll learn how to use fire texture to achieve a fire effect in Photoshop. You’ll also learn how to use layer’s blending options to achieve fiery burning effects. Follow along with the tutorial and find out how easy this is!

Tutorial Resources

Setting up Background

Step 1

Create a new document in Photoshop with following settings :

fire1

Step 2

Open up the tree bark texture in Photoshop and then place it to main document by selecting File > Place Embedded

fire2

Reduce the texture layer’s opacity to 30%. Results with darker effect:

fire2a

Step 3

Make a Curves adjustment layer and reduce the brightness one more time. Go to Layer > New Adjustment Layer > Curves or click the third icon at the bottom of layer panel to add an adjustment layer.

fire3

On the layer mask of Curves, mask the effect on the middle selected area and maintain light there. Use a soft, basic black for masking the effect.

fire3a

Step 4

Activate the Type Tool (T) and type A as shown below. I am using Arial Regular font and it’s default font in Photoshop.

fire4

Step 5

Now we’ll add some shades and shadow to text using Blending Options. Right click on text layer and choose ‘Blending Options’. In the blending options, I used Bevel & Emboss and Drop Shadow.

Here are the values for Bevel & Emboss:

fire5

Here is the settings for Drop Shadow :

fire5a

Results:

fire5b

Step 6

Duplicate the tree texture and place it above the text layer. Now right click on texture layer and choose ‘create clipping mask’, and then clip the bark texture to text.

fire6

Step 7

Add a Curves adjustment layer to text and set it is as Clipping Mask (click the red icon). Reduce the brightness of text and texture to match it with the rest of the background.

fire7

Results:

fire7a

Step 8

Place the fire 1 stock to the main document and place it shown below to get its only fire parts.

fire8

Clip the fire 1 layer to text and here are the results :

fire8a

Step 9

Change the fire 1 layer’s blend mode to Hard Light and reduce the opacity to 54%.

fire9

Step 10

Place the fire 2 stock image to main document and if needed use the Transform Tool (CTRL + T) to rotate it, and position it as shown below.

fire10

Set the blending mode to Screen.

fire10a

Advertisements

Leave a Reply

Your email address will not be published. Required fields are marked *