Evil Fire Text Effect – Photoshop CS5 Tutorial

Hi everybody, in this tutorial I am going to show you how to create one great looking fire text effect in Photoshop CS5.

It can be done in older versions of the program too, I am just using the CS5 version in the creation of this tutorial.

You will need to download one texture before we start with the tutorial itself. We will use it as a custom pattern. I’m going to show you how we are going to do this. Or if you want check first this quick tutorial – How to Create Custom Pattern in Photoshop.

But first let’s see what we are going to do…

If you follow the tutorial correctly, your final result will look exactly like this.

First download the texture from the link below.

Fire Texture Bizarotrips
Fire Texture Bizarotrips
fire_texture_bizarotrips.png
580.2 KiB
584 Downloads
Details...

Create new file with 560×300 dimensions and fill it with black. Now right click on the background layer in the layers tab and choose “Layer from background…”. Name that layer “Background”.

Now open the “fire_texture_bizarotrips.png” in Photoshop and go to Edit > Define Pattern and choose a name for this new pattern. Now go back to our new file and open the Backround’s layer blending options. Go to Pattern Overlay and select our newly saved pattern. Apply these settings:

Now your background will look like this:

Now lets create our text. Select the type tool from the tool bar and type in your text. Name this layer Text1. In this tutorial I’m using Blackletter font with 150 size. You can download the font below.

Blackletter Ds
Blackletter Ds
blackletter_ds.zip
108.0 KiB
150 Downloads
Details...

Now set the text layer’s fill opacity to 0%. Open the layer’s options window and change the settings like I’ll show you below.

Let’s start with the Shadow.

Now add the Outer and Inner Glow.

 

Add the Bevel and Emboss effect.

Click on the Texture tab ad choose our fire texture with the following options:

Now add Sating and Stroke.

Now your text have to look something like this:

Now duplicate this text layer and name the new one Text2. Text2 layer must be above Text1. Select Text2 layer and change all of its options like shown below:

The gradient have to look something like this:

Now we will use again our fire texture with the following options:

Now or Fire Text Effect will look something like this:

For a final touch, let’s duplicate the Text2 layer, name it Flames. Be sure that this layer is on top of all other layers. Right click on it and choose Remove Layer Style. Set the layer’s Fill opacity to 0%.

Now apply these settings for the layer’s options:

Click on the Texture tab ad choose our fire texture with the following options:

Now right click on the layer in the layers tab and choose Convert to Smart Object. Now change the layer’s blending option to Overlay.

This is how our fire text effect will to look in the end if you have followed the tutorial correctly.

About bizarotrips

I'm the creator of this site and the Photoshop tutorials published here. Active blogger, web and graphic design addicted. Hoping that one day I will find enough time to complete all of my projects and ideas... almost impossible.