Painted Wood Photoshop Action Comics Book Photoshop Action Infographic JS Library Textures for Photoshop

A Beautiful Way to Set Your Text on Fire

www.psd-dude.com
Tutorials Text Effects 16729 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.

Advertisment

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"

KoolGuy
KoolGuy
7:00 AM Tuesday, February 16, 2010
I like sample 4 very much! :) reply
Candy
Candy
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
PSDDude
PSDDude
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
John
7:00 AM Tuesday, April 06, 2010
I like sample no. 1 best! Perfect style reply
John
7:00 AM Tuesday, April 06, 2010
I like sample no. 1 best! Perfect style reply
Alwayseasy
Alwayseasy
4:20 AM Wednesday, July 18, 2012
i try for your practice . same ? reply
fares
fares
1:30 AM Tuesday, December 23, 2014
c'est un travail originair j'ador sa
reply
prem
prem
9:43 AM Monday, October 02, 2017
How to install Turbulence Tool . pls give the tutorial
reply
PSDDude
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
Partners
LIKE US ON FACEBOOK

      Metal Tag Photoshop Creator
top