Creating Fire Text Effects

Monday, July 28 2008

There are many ways to recreate fire in PhotoShop, this tutorial will show one of them. We are going to create text that looks like it is engulfed in flames..

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.

First, we start of with a plain black background and a text layer.

Next, we want to Rasterize the text layer so we can modify it. Right-click the text layer and choose Rasterize Type or Rasterize Layer. Next, goto Filter > Stylize > Wind, and choose Wind, From the Left. Once applied, press Ctrl+F to repeat. Then goto Filter > Stylize > Wind again and choose From the Right. Press Ctrl+F to repeat. You should have something like this:

Now we want to do the same to the top and bottom, so we will go Image > Rotate Canvas > 90° CW. Then we will repeat the above steps, both Left and Right. You should have something like the following:

Now we can flip our canvas back (Image > Rotate Canvas > 90° CCW) and then apply a Gaussian Blur (Filter > Blur > Gaussian Blur) of between 1 and 3, depending upon the size of your image. I used 2.0 for this example. Then goto Filter > Distort > Ripple and choose 100%, Medium. Or more if your image is large enough.

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.

Next, we will add some color. Goto Image > Mode > Grayscale, and Flatten or Merge if it asks. Then goto Image > Mode > Indexed Color, and Flatten if it asks you to. Then goto Image > Mode > Color Table, and choose Black Body. This should give us something like this:

Finally, goto Image > Mode > RGB Color and add a new text layer, the same as the original. Then line it up with the flames, and perhaps change the color:

You may want to change the text slightly by doing the following. Goto the Layer Styles of the Text Layer by double-clicking it and choose Inner Glow. Set the color as the bright yellow of the flames. I also added the following gradient as a Gradient Overlay.


Click to enlarge.

This is the outcome of this tutorial, nice flame-engulfed text.

We are using Server Intellect and have found that by far, they are the most friendly, responsive, and knowledgeable support team we've ever dealt with!

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

Thangapandi said on 10/11/2008 at 2:24 AM

Realy super ,

Best of luck


joecow said on 03/07/2009 at 8:01 AM

thanks


Mike said on 03/13/2009 at 1:27 PM

Haha, sweet. Needed this for a website design I'm working on. Thanks... :)

(My website got no design o-o)


Mark said on 04/10/2009 at 7:45 PM

Thank you for this tutorial. I have been looking for this for sometime. It is clear and easy to follow.

God bless,

Mark

Isaiah 40:31


Ste Wills said on 04/15/2009 at 8:33 AM

Excellent tut, i actually got it right the first time :) thanks !


ken said on 08/20/2009 at 12:55 PM

Great tutorial.


rene said on 12/09/2009 at 6:43 PM

very nice tutorial,i like it...thax


Leave a Comment