Create a fire text with Photoshop

With this tutorial I want to show you how to create a text on fire using photoshop. First of all open your photoshop and create a new document 400 *400 pixel. with a black background and white text on. I’ve used the fonts Impact and a font size of 36px , but you can use another fonts or dimension. ok let’s go now and create the fire text!

Write your text using white color for the text.

Now duplicate the text layer from the menu layer – duplicate layer. Now go on the level window and deselect the original layer, so we can see only the new duplicated layer, like this :

Now go on layer menu and select : merge visible, so we will have only two layers, the original text and another layer from the background and the copied layer, this last is the layer were we will work on.

Now rotate the canvas using the menu : Image – image rotation – 90 º CCW.

Now is time to use the Photoshop filters. Go to Filter -Stylize – Wind and apply this settings :

Reapply the filter another 2 times, with ctrl+f or command +f if you are using a Mac, until you will have an image like this :

Now rotate again the image, on 90º CW to reput the text on original position and apply the Filter blur – Gaussian blur with a radius of 1.5, or more it depend how do you want the fire effect), here the settings of the blur filter :

Apply this filter another time and we have this image :

Now it’s coming the more personalized part .. So we’re going to use the liquify Filter, the results depend on your “hands” , this effect is to make the Flames, so use the filter at better, you can learn something about this filter at this links. This is my image with the flames.

Now go to the menu : image – Hue/Saturation and apply this settings (remember to click on colorize):

The results will be something like this :

Now duplicate the level and , in the new level, reapply the HUE/SATURATION but this time without click on colorize and use these settings :

Now with this new level selected go in the window levels and choose , from the select menu,Color Dodge (always with the background copy selected).

You will have an images like this

Now show the original text layer, and go to blending options ( right click directly form the layer window and choose blending options), and apply a gradient (I’ve used grey to black) and outer glow and inner glow, better if you use yellow like color for this last inner and outglow. Finally you will have something like this :

And this is the fire text!

But we can do something better now. We can make this text more web 2.0, adding some nice effect used today in web 2.0.

For example a reflection and create something like this :

On the next tutorial I will explain how to create this reflection effects.

Hasta Luego!