Photoshop CS4 tutorials  Home Photoshop Photoshop CS4 Tutorials Creating Fire Text Effects

Creating Fire Text Effects


The first thing to do is to create a new document in PhotoShop. For this example, we create a 400x300 black canvas. then We add our text to the canvas, in White:

image 1

Now, goto Image > Rotate Image Rotation > 90° CW.

image 2

Next, we need to Rasterize the text. But first, right-click the text layer and choose Duplicate Layer. Then hide that copied layer by clicking on the eye next to it:

image 3

Now we can right-click the original text layer and choose Rasterize Type, and with this layer selected, goto Filter > Stylize > Wind. We want to use the Method Wind, and Direction From the Left:

image 4

You may find that this is not enough for the amount of fire you're wanting to add, so press Ctrl+F to repeat the filter until you get the desired amount. Then when you're done, do Image > Image Rotation > 90° CCW.

image 5

The next thing we want to do is create some distortion to the Wind effect, so it doesn't look so perfect - fire is not burn perfectly straight up. First add a new layer to below your Wind layer, fill it with black and then select the Wind layer again. Now press Ctrl+E to Merge Down, so that the Windo is merged with the black background. Goto Filter > Liquify. here you can change your brush size at the top right, and zoom in and out with Ctrl+ and Ctrl- (hold spacebar to click and drag around a zoomed in image). Click and drag a few pixels to distort the waves, like so:

image 6

Continue until you have the entire text how you want it. Then you can begin to distort the edges of the text a little, in the same way:

image 7

When you're done with liquify, click Ok.

Now click the Adjustment Layer icon in the layer panel (image 8) and choose Hue/Saturation. In the adjustment panel/window, make sure the Colorize checkbox is selected, and adjust the sliders to get the color you want (a yellowy/orange):

image 9

Next, repeat the last step to add another adjustment layer and give this more of a greenish color (without Colorize checked). Then change the Blending Mode of this adjustment layer to Overlay:

image 10

If you find your fire too pixelated, you can add a slight Filter > Blur > Gaussian Blur to it. Also consider adding a pattern or gradient overlay to your original text (remember we duplicated before we rasterized?). Open up the Layer Style window for the text (double click an empty space of the layer in the layer window, or right-click and choose Blending Options). Add an Inner Glow, Outer Glow and a Gradient Overlay, colors of your choice:

Creating Fire Text Effects

As always with PhotoShop, experiment to get the best results for your project.



Author's URL: PhotoshopAtoms
Final results of our readers
New!
Passed through all the steps? Share your result!
Your result will be premoderated.
Please make sure you choose the right image.
 
 



Captcha

*Required fileds
Photoshop CS4 tutorials More Photoshop CS4 Tutorials: Featured Materials | Fresh Materials | TutorialKit New Photoshop Tutorials

Reader's comments
comments HAPPY February 08, 2012 says:
hi people
Reply
comments ELMO October 24, 2011 says:
hey
Reply
comments iwishiwascool October 23, 2011 says:
i wish i was cool ):
Reply
comments karina October 23, 2011 says:
yo.
Reply
comments telephone October 24, 2011 says:
hahahahh ur ugly
Reply
comments bitch October 25, 2011 says:
so r u haha ur cool Karina
Reply
comments sexyemoboy October 25, 2011 says:
wats ur number ??
Reply
comments a user September 21, 2011 says:
fun stuff
Reply
comments Sudhakar July 11, 2011 says:
I am always use this all effects
Reply
comments Praveen July 11, 2011 says:
it is too good
Reply
comments karen June 02, 2011 says:
hahahahaha... ppl can be so dumb sometimes why is that ? i dnt get why ppl have to be so negative you always have to be posotive
Reply
comments idk June 02, 2011 says:
i hate photoshop so much i dis lik dis thing im so fukin bored rite knw need to do somethin or else i am goin to fail
Reply
comments a May 10, 2011 says:
i hate this
Reply
comments karen May 12, 2011 says:
man why do you have to be so negative be positive and this thing is easy to do the only thing you have to do is read the freaken thing and then your work here is finished oh and add me on facebook everybody karen calderon add me and show some love on the new pics!!!!! :) hope you like them too... oh and remember stay positive
Reply
comments karen June 02, 2011 says:
i dont know who u r but thnx for the posotive in you thnx ... :) we need more ppl lik you in this world ppl who r posotive and thnx again nd i cant add you bc i dnt have a facebook lol ! thats funny
Reply
comments iwishiwascool October 23, 2011 says:
it'll be alrite go get help little one,lovelovelove.
Reply
comments THE MAN March 29, 2011 says:
cool
Reply
comments skipper March 18, 2011 says:
I can't select Hue/Saturation...
Reply
comments seymore butters March 03, 2011 says:
meh this is ok but i can just look up an internet program to do this for me
Reply
comments Payal November 20, 2010 says:
heey
Reply
comments elmo October 24, 2011 says:
hi
Reply
comments Dzomba September 27, 2010 says:
Extra
Reply
comments Jayant June 07, 2010 says:
i can't liqufy the text.......only the background is gettin liquified....
Reply
comments rbsponge1 March 03, 2010 says:
missing a step. After you are done with the Liquefy Tool click OK and the select Image>Mode>RGB Color. It will ask if you want to Flatten the image. Select Don't Flatten. Then add your hue/saturation adjustment layer.
Reply
comments ahmed February 24, 2010 says:
umm after step 5 i dont know how to do it
Reply
Add comments to "Creating Fire Text Effects"

Captcha