Are you a pyro? Even if you’re not, this flame effect photoshop tutorial is awesome! We take you step-by-step as you learn how to color dodge, take flame images using channels and much more. This tutorial is sure to take your Photoshop skills to the next level! Enjoy and comment!
You can get the flame image from here: Shaedsofgrey. In Photoshop, open the flame file you just downloaded. Now, go to Channels tab and select the Green layer (if you can’t find the channels tab go to Window > Channels. Ctrl + left click on the Green layer thumbnail to load selection of the highlight areas.
Go back to Layers tab and use the Move Tool to drag any part of the selected area into the document with the “K” you did earlier. Place the fire above the type.
Using the Eraser tool with 15px, erase all the excessive fire, leaving only those parts that is waving around the type.
Duplicate the fire layer. Set the Opacity of the original fire to 30%. Set the Blend Mode of duplicated fire to Overlay.
Repeat the processes to cover the type with more flames. And there you got your first flaming type!
Create more flaming letters according to your own preferences.
Find a dark background to used. Resize and place the image into the document as shown below.
Create a layer above the Premade Background and fill it with #000000. Set the Opacity of this layer to 83%. Use the Eraser tool to reveal the top right of the image.
Create a new layer and name it “Glow“. Paint 3 huge red dot with the Brush tool (Soft Rounded) as shown in the screenshot below.
Set the Blend Mode of this layer to Color Dodge and Opacity to 16% and that’s it! Hope you enjoyed this tutorial!
Pages: 1 2
90 Responses
[...] This post was mentioned on Twitter by photoshoptips and eric washburn, G7 STUDIOS. G7 STUDIOS said: RT @photoshoptips: Scorching Fire Text – #font #photoshop http://is.gd/4Y23b [...]
From the title of the tutorial I was expecting a lot less. This looks absolutely sweet though!
Awesome job!
[...] 12. Ridiculously Realistic Scorching Fire Effect! [...]
so the text layers dont stay as text when i flatten the layer… its like it just merges with the background layer, so when i start putting the blending options in there its only doing it as a square where i cut out the letters with marque
Social comments and analytics for this post…
This post was mentioned on Digg by steppinrazor88: great tutorial!…
this is a great post but it seems many of your images have gone missing. thanks a lot though looks great.
Nice Tutorial
Thanks for the input Zach, is there a way you could take a screenshot of what you are seeing? All images seem to be showing up on our end. Anyone else having problems?
Yes, I had LOTS of problems. It took a half dozen or more reloads to get all the images loaded properly. When the images wouldn’t load, what I would get is a question mark in place of the image. I am using Safari v4.04. I also got the same result using Firefox v3.5.5 too.
Hmmm, not sure why this would be. I just activated WP Super Cache which might be causing some problems…. I’ll deactivate it. Can you let me know if it helps?
ya just had to keep reloading over and over. Seems okay now but it was really flaky earlier.
Yea, we disabled the WP SuperCache. That plugin was supposed to help the sites loading times but It seems to serve up shaky images at times so thanks for the input!
Not sure what you mean. Could you elaborate a bit and we’ll see if we can steer you in the right direction
Thanks
subscribe to the rss feed. We hope to keep pumping all sorts of sweet stuff out. We want this site to be a huge resource to your creative development.
I am having the same problem as Chris. what am I doing wrong?
Hey Matt,
Thanks for stopping by
Could you add a little more detail to the problem you’re experiencing? We’ll try and nip this in the butt before too many people pull all of their hair out. Also, you should subscribe to our rss feed so you can stay up to date with all the tutorials. It’s the little orange box in the top right. 
Hope to hear back from you.
same problem as described by this user
so the text layers dont stay as text when i flatten the layer… its like it just merges with the background layer, so when i start putting the blending options in there its only doing it as a square where i cut out the letters with marque
please help
Hii people,
i’ve done all the steps on the page 1, but when i jumped to the instructions on the page 2, i didn’t understand how to apply the image of the flame….
plzzz i need more details about how to add the flame effect…
plzzz help! & thanks in advance
[...] 这是我昨天做的一张图，如果没有对比，我想还算不错的。可是当我告诉你，我本打算按照这篇教程来做的，你是不是失望不少呢? Photoshop Web Design [...]
I’ve added some revisions to the text of the tutorial. Let us know of any other questions you have.
So realistic and so simple to do. Very nice tutorial.
Great & simple tutorial, thank you very much!
[...] Realistic Scorching Fire Effect [...]
[...] Realistic Scorching Fire Effect [...]
[...] Realistic Scorching Fire Effect [...]
[...] Realistic Scorching Fire Effect [...]
[...] 逼真的燃烧火炎文字效果 [...]
[...] Realistic Scorching Fire Effect [...]
Great Effect and so simple, Thanks
[...] 15.Ridiculously Realistic Scorching Fire Effect! [...]
[...] Realistic Scorching Fire Effect [...]
[...] Realistic Scorching Fire Effect [...]
[...] Realistic Scorching Fire Effect [...]
[...] Tutorial [...]
Nice Tutorial
Hey!! Thanks Friend… Nice Tut
– Avn
very good thanks
[...] Realistic Scorching Fire Effect [...]
[...] Realistic Scorching Fire Effect [...]
Amazing tutorial, most of the things are explained extremely well. With some tutorials across the web you might as well just download some flame picture and cut the text in it but not this one! Great work!
[...] Realistic Scorching Fire Effect [...]
[...] Realistic Scorching Fire Effect [...]
[...] Realistic Scorching Fire Effect [...]
[...] Realistic Scorching Fire Effect [...]
[...] 逼真的燃烧火炎文字效果 [...]
[...] Realistic Scorching Fire Effect [...]
I’m having the same problem as a few other people. After I have the text effect set on all of the letters (which I had trouble with, eventually changed some of the settings in Blending Options) I cannot simply flatten one letter at a time. I cannot rasterize, and when I “Flatten Image”, all the layers are condensed into one layer, thus halting me from going any farther in the tutorial. Any help would be appreciated.
Hello,
I’ve got a problem…. I dont know how to do this step:
Using the Eraser tool with varying sizes and opacity fade off the top portion of each letter.
How can I set varying sizes and opacity fade??
Please mail me or leave me a message at my ICQ [245-368-002]
Thanks a lot.
Ah, my mail is “petr.knee@centrum.cz”.
Hey everyone, I’ve been working on a video tutorial so stay tuned. Subscribe to the RSS feed to stay in the loop.
Keep commenting and participating and the content will continue to get better and better. Tell a friend!
[...] Realistic Scorching Fire Effect [...]
[...] Scorching Fire Text [...]
[...] Scorching Fire Text [...]
[...] Ver el tutorial [...]
[...] Realistic Scorching Fire Effect [...]
This is THE BEST text/fire tutorial out there. Not only is the effect superb, it’s very easy to do and easy to follow.
Even as a 10 year advanced PS user, about half of the tutorials out there that gave decent results did NOT give the results they were supposed to, usually due to important bits of information missing.
This tutorial delivers the goods! Thank you!
When I have cut up all the letters and starting to blend them, I only get a square… not the “K” itself… anyone knows what I am doing wrong?
nice tut
[...] 8.燒焦火焰特效 [...]
Awesome tutorial, thanks guys – my graphic turned out great!
[...] Realistic Scorching Fire Effect [...]
[...] Realistic Scorching Fire Effect [...]
[...] Fuoco ardente – Davvero [...]
[...] Fuoco ardente – Davvero [...]
[...] – Fuoco Ardente [...]
Hi guys ! I have tryed to make this picture but i can`t do it. If is somebody who want to make me a picture like this with this text : MIHAI – like is KING and ALIN – like TUTZ . Please help me. Contact me at mihaibr_alin@yahoo.com if somebody offer to make me this.
Thank you and have a nice day !
[...] Fuoco ardente – Davvero [...]
[...] Realistic Scorching Fire Effect [...]
nice tut………
[...] Realistic Scorching Fire Effect [...]
[...] 34. Realistic Scorching Fire Effect [...]
[...] Realistic Scorching Fire Effect [...]
[...] Realistic Scorching Fire Effect [...]
Help please, I am up to the second picture on page2.
When I drag the selected fire image over to my text it stays gray (Even though I’ve selected green as instructed)
Any help please? Been good until then =x
[...] 15)Realistic Scorching Fire Effect [...]
[...] 15)Realistic Scorching Fire Effect [...]
Nice typographical work dude…thanks for sharing…
[...] Realistic Scorching Fire Effect [...]
[...] Realistic Scorching Fire Effect [...]
[...] Realistic Scorching Fire Effect [...]
Nice Effects ! Thanks for step by step process.
[...] Realistic Scorching Fire Effect [...]
[...] Realistic Scorching Fire Effect [...]
[...] Realistic Scorching Fire Effect [...]
This tutorial is really useful. I can also use this to produce different photo. Thanks for sharing it.
thanks for this tutorial. very very cool. I have a couple of questions.
I seem to have the same problem with putting a box around a letter
and the effects covering it up completely. The effects come out ok
but the letter is the shape of the box. Also for the part where you
move the flame effect from the flame image to the letters image
has got me baffled. Any tips would be appreciated. Thanks
again for this in depth tutorial.
wow, its very clear tutorial. thanks
[...] Realistic Scorching Fire Effect [...]
So realistic and so simple to do. Very nice tutorial.
[...] Apply Dramatic Fire Effect on Text using Photoshop [...]
[...] Apply Dramatic Fire Effect on Text using Photoshop [...]