fresh photoshop tutorials & resources
Log in Register
Painted Wood Photoshop Action Comics Book Photoshop Action Infographic JS Library Textures for Photoshop

A Beautiful Way to Set Your Text on Fire
Tutorials Text Effects 16331 Views September 9th, 2010

Learn how to create a fire text effect using the Wind Filter and the Liquify Tool, from this photoshop tutorial. Using a simple yet very effective technique we will add fire flames to our text effect.

I have to say that a beautiful fire text can be obtained using other methods, for example adding real fire flames using stock images for example. Or you can even use fire brushes to obtain the same effect.


Step 1 - Write the Text

Today I want to show you a cool fire effect.

Create a new layer with a black square. Call this layer BACKGROUND LAYER Make a new layer with a text , color #f0462c.Call this layer RED LAYER

add-fire-flames-to-text tutorial intermediary image

Duplicate this layer and make the text white. Call this layer FIRE BOTTOM

Select layer FIRE BOTTOM and Edit - Transform - Rotate angle 90 degree. We will add a Wind Filter and that filter only works on horizontal. We will rotate this layer back.

add-fire-flames-to-text tutorial intermediary image

Step 2 - Add your Wind Filter to Your Text

For FIRE BOTTOM layer go to Filter - Stylize - Wind , select From the Left option. Apply this filter twice or three times it is up to you. You should have something like this

add-fire-flames-to-text tutorial intermediary image

Step 3 - Add Wind Filter to Your Text

Now rotate the layer back to horizontal. Go to Filter - Blur - Gaussian Blur and choose 1,7.

VERY IMPORTANT !!!!!!!!!!!Merge the FIRE BOTTOM with the BACKGROUND layer ; Call this new layer FIRE EFFECT LAYER.

Now go to Filter - Liquify and with the Turbulence Tool size 7; density 100; pressure 49 and from left to right start making waves.

add-fire-flames-to-text tutorial intermediary image

Step 4 - Add Fire Color to Your Text Flames

Lets add some color. Work with Fire Effect Layer and go to Image - Adjustments - Hue/Saturation and select Colorize so we can fiddle with the color. Bring Saturation up to 100 and set Hue to about 40.

Duplicate this colorized layer and select this duplicate in the layers palette. Select Image->Adjustments->Hue/Saturation again, this time with Colorize off. Set the Hue to -20 to make the flames red. Set the Blending Mode of this duplicate layer to Overlay. Call this layer Fire Effect 2 Layer. Now we've got some nice looking flames:

add-fire-flames-to-text tutorial intermediary image

Step 5 - Bring the Text to the Front and Add it Effects

Now bring to front the RED Layer. I will apply to this layer different effects from the Blending Options window.

The first thing that you need to do is to go to Image - Transform - Scale and scale the text a little.

Than go to Filter - Liquify and with the Turbulence Tool brush between 4 and 7 and play with density , pressure , rate to see which is the best for you and simply disturb the edges of the text.

For a better effect I have used the Burn Tool to give more color to the text.

It is now time to make two settings in the Blending Options of this layer:

Stroke with color #ba780e

Part 1Part 2Part 3

If you're looking for amazing textures and backgrounds for Photoshop, explore Textures4Photoshop where you can find 1000+ unique images. You can download all these textures and backgrounds for free to use in personal or commercial projects!

Be a Cool Dude!

With your donation you can help us maintain this website and keep producing free resources many months to come! Any amount counts

10 comment(s) for "A Beautiful Way to Set Your Text on Fire"

7:00 AM Tuesday, February 16, 2010
I like sample 4 very much! :) reply
7:00 AM Monday, March 01, 2010
Beautiful effect ! i like all 4 samples reply
jeffery monteray jack face
jeffery monteray jack face
7:00 AM Thursday, April 01, 2010
i couldnt get it to work reply
7:00 AM Friday, April 02, 2010
Why not?? At what step did you get stuck?? See that in step 3 is very important to merge the text layer with the black background layer otherwise it won't work ! reply
7:00 AM Tuesday, April 06, 2010
I like sample no. 1 best! Perfect style reply
7:00 AM Tuesday, April 06, 2010
I like sample no. 1 best! Perfect style reply
4:20 AM Wednesday, July 18, 2012
i try for your practice . same ? reply
1:30 AM Tuesday, December 23, 2014
c'est un travail originair j'ador sa
9:43 AM Monday, October 02, 2017
How to install Turbulence Tool . pls give the tutorial
9:46 AM Monday, October 02, 2017
Go to Filter > Liquify and you have on the left side the Turbulence Tool (see the image attached) reply

Have something to say? Leave us a comment

Click to Upload Fan Art!

Share your Psd Dude inspired works

Pencil Sketch vs Camera Photo Effect Photoshop Action
Animated Kaleidoscope Photoshop Action
Recent Posts
Learn how to fill text with image in Photoshop. The same technique works for adding a text over an i...
Learn how to create in Photoshop a beautiful Valentine's Day text effect made from red rose petals. ...
Here you have some of the most beautiful photo manipulation tutorials for Valentine's Day that I am ...
Seamless border Photoshop brushes that you can use for free. If you want to add a border in Photosho...

      Fur and Knitted Fabric Photoshop Actions
Popular Posts
You can create amazing gold text effects by using these unique gold Photoshop styles, both free and ...
Today's Photoshop collection of resources includes some amazing packs of metal chrome PSD text style...
If you want to know how to create dispersion effect in Photoshop in a easy way, here is a quick solu...
In today list of free textures for Photoshop I have gathered over 100 amazingly beautiful wood textu...
To create a realistic sketch in Photoshop you need some pencil sketch textures or better still you c...
I have decided to create a new character from Alice in Wonderland and I hope that maybe someday to r...
To create a Comic Book Effect in Photoshop we have to mix all sort of filters and blend them togethe...
Stitching and sewing can be created also in Photoshop with very realistic results. So in this tutori...
Hello girls and boys! Today i want to make a cartoon rainbow... i really hope you will like it! ...
In this tutorial I will show you how to create a 3D map in Photoshop using different 2D and 3D model...
Subscribe via email

      Metal Tag Photoshop Creator