Creating Fire Text Effects 2

Friday, March 20 2009

In this tutorial, you will learn one of many ways to create a fire text effect in PhotoShop. Although this tutorial is written with CS4, most versions are largely the same.

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:

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

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:

We used over 10 web hosting companies before we found Server Intellect. Their dedicated servers and add-ons were setup swiftly, in less than 24 hours. We were able to confirm our order over the phone. They respond to our inquiries within an hour. Server Intellect's customer support and assistance are the best we've ever experienced.

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:

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.

If you're ever in the market for some great Windows web hosting, try Server Intellect. We have been very pleased with their services and most importantly, technical support.

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:

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:

When you're done with liquify, click Ok.
Now click the Adjustment Layer icon in the layer panel () 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):

Try Server Intellect for Windows Server Hosting. Quality and Quantity!

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:

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:

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

Download Project Source - Enter your Email to be emailed a link to download the Full Source Project used in this Tutorial!



100% SPAM FREE! We will never sell or rent your email address!
 

Guys, please take a look at Server Intellect for Windows Web Hosting. I'm very pleased. You will be too. Take a look and see for yourself!

Comments

kannan said on 05/05/2009 at 11:26 PM

its' good


642-524 exam said on 12/11/2009 at 7:56 AM

nice


best gambling strategies for casinos said on 12/12/2009 at 12:38 AM

Creating fire text effect is really a great idea,its makes the text more attractive and impressive.This will make site or any page attractive.Different effect of text many of time used for differentiate from different texts,


payday loans in canada said on 12/18/2009 at 2:42 PM

I loved the tutor. It is very interesting. As always with PhotoShop, experiment to get the best results for your project.


A friend said on 12/19/2009 at 6:33 PM

What is the name of the font you using?


joeyjuviyani said on 12/23/2009 at 6:02 PM

You can find a more simpler tutorials with visualizations on this website that help you to add fire effects to any text. See the tutorial over here: www.techarena.in/.../22504-adding-fi


Panerai watches said on 01/18/2010 at 12:49 AM

thanks for sharing your special ideas with us , thanks and regards to all.


replica watches said on 01/30/2010 at 2:13 AM

Wovvv, that's really great, I am happy to find it. Thanks for sharing it.


replica watch said on 01/30/2010 at 2:15 AM

Very good post. I appreciate the work you guys put in to make this world a better place for the disabled. Thanks!


cheap ed hardy said on 02/07/2010 at 11:42 PM

nice post!


m65 field jacket said on 02/28/2010 at 3:52 AM

good read thanks for the share


kamagra said on 02/28/2010 at 3:52 AM

thanks


Replica Watches said on 03/08/2010 at 12:04 AM

djkeoifj


Leave a Comment