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.

text on fire

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 :

hide original text layer

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.

merge visible layer

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

rotate canvas

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

wind filter photoshop

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 :

the wind filter

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 :

blur filter settings

Apply this filter another time and we have this image :

blur filter photoshop

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.

flames

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

hue settings

The results will be something like this :

text fire hue settings

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

hue/saturation

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).

merge levels

You will have an images like this

fire

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 :

fire text photoshop

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 :

fire text 2.0

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

Hasta Luego!

This posts may be interesting too

• Create a badge 2.0 with Photoshop
• Text reflection with photoshop
• Rain effect with photoshop in 6 steps
• How to send a mail with php ajax and jquery in facebook style
• Simple animated menu with jquery

Related posts:

1. Text reflection with photoshop Another amazing effect used today in the web 2.0 is...
2. Create a badge 2.0 with Photoshop Well … after the tutorial to make fire text with...
3. Rain effect with photoshop in 6 steps Here we are! This is my first post on my...

Related posts brought to you by Yet Another Related Posts Plugin.