Black Friday Photoshop Discounts 2017 from PSDDude
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

www.psd-dude.com
Tutorials Text Effects 15853 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
Recent Posts
Learn how to create a Movember Flyer in Photoshop using simple photo editing techniques. Add glasse...
A supermoon is the coincidence of a full moon or a new moon with the closest approach the Moon makes...
Start working like a professional graphic designer by adding these amazingly useful graphic design r...
Learn how to create an isometric 3D text effect in Photoshop in just a few simple steps. For this tu...

      3D Isometric Toy Bricks Photoshop Action
Popular Posts
You can create amazing gold text effects by using these unique gold Photoshop styles, both free and ...
If you want to know how to create dispersion effect in Photoshop in a easy way, here is a quick solu...
Today's Photoshop collection of resources includes some amazing packs of metal chrome PSD text style...
In today list of free textures for Photoshop I have gathered over 100 amazingly beautiful wood textu...
There's something about ribbons that just looks good. I thought about making this Ribbon Vector Free...
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
LIKE US ON FACEBOOK

      Metal Tag Photoshop Creator
top