Design an Awesome Burning Flame Text Effect in Photoshop

In this tutorial, I will show you the steps I took to create this Awesome Burning Flame Text Effect in Photoshop. This is an intermediate level tutorial so some steps can be tricky, buy why not have a try!

The PSD file of this tutorial is available to buy on PSD Vault Shop, or via the PSD Vault VIP members area.

Here is a preview of the final effect I have for this tutorial: (click to enlarge)

PSD Vault VIP Membership

You can download the PSD File for this tutorial via the VIP Members Area for only $6.95/Month (or less)! You will not only get this PSD File, but also 200+ other PSD Files + Extra Goodies + Exclusive Photoshop tutorial there. Signup now and get exclusive!

OK let’s get started!

To complete this tutorial, you will need the following stocks:

Mist Brushes

Cloud Brushes




Step 1

Create a new document sized 800px * 1100px, fill the background with black colour. Use the Mist brushes to paint some fog/mist on the background layer: (adjust the opacity and flow of the brushes to be around 40%)

Then create a new layer, use the cloud brush to paint a piece of cloud, compress it down as shown below:

Then paint some more cloud on the same layer in conjunction with the first piece:

Step 2

Use the font you downloaded, type a letter in the center of the canvas:

Load the “Rock” stock image into Photoshop, use the quick selection with the following settings, select a piece of rock from the image:

Copy and paste the select onto our image, follow the shape of the letter you typed, also erase the edges of the rock with a soft eraser, as shown below:

Repeat this step and select some more rocks, copy and paste them onto the image, until the letter is all covered:

Hide the original letter layer, and you will have the following effect:


To add a bit of depth on the image, we can use a black brush to paint some shadow under the letter:

Step 3

Load the Fire stock image into Photoshop, use the Lasso Tool with 50px feather to select the following portion:

Copy and paste the selection onto our image, place it onto top of the letter, reduce its size to fit: (also change the layer blending mode of this fire layer to “Screen”)

Use a soft eraser to erase the edges of the fire a little:

Duplicate this fire layer once, resize and rotate the duplicated layer, position it as shown below:

Made another two duplicates of the fire layer, rotate and resize each duplicated layer to create a splashing effect,  as shown below:


Step 4

Now we have pretty much done with the overall effect. Let’s add the following two image adjustment layers to fine-tune the effect a bit:


Mask on levels adjustment layer:


Mask on curves adjustment layer:

As you can see, the fire effect looks more vibrant and bright then before, after we applied those two adjustment layer:

Step 5

We’re almost done! Lastly I added one color balance adjustment layer to make the overall environment warmer a bit:

After you’re happy with the colours, flatten the image, and apply the following smart sharpen filter: (this will help bring out some more details of the rock and fire)

and here is the final effect for this tutorial:

That’s it! I hope you enjoy this tutorial and find it useful! Till next time, have a great day!


  • My name is James and I have been using Photoshop since version 5.0 (long time ago!). PSD Vault is my spare time hobby and I write majority of the Photoshop tutorials and articles here. I hope you enjoy my blog, and feel free to leave a comment or contact me if you have any questions.

  • Show Comments

  • saglikshoop

    nice picture thanks

  • Good tutoral, thanks

  • i want to ank ,you along do so many good tut?if that to, i admir you very much .

  • Igor Sousa

    Surely this is a wonderful effect! But to be honest, in my view, it doesn’t look like a “text”, it looks more like a mountain erupting!

    But it remains a wonderful effect!

  • That sure is an extra unique photoshop tutorial!
    Loving the effect !

  • inwert SVK

    hi guys i need help how i can copy that fire with laso without that bounded line pls help i have always that fire bounded with dashed line PLS HELP and thx for tut . I use this tut for my first ever work with ps cs5 thx for help pls

  • brilliant :) . one of the best tutorial Ive ever seen . thank you for the time and effort. . super like

  • super good

  • Nona Mills

    brilliant :) . one of the best tutorial Ive ever seen . thank you for the time and effort. . super like

  • Morgan Mccarthy

    brilliant :) . one of the best tutorial Ive ever seen . thank you for the time and effort. . super like

  • Awesome tutorial!

  • Thanks for the tutorial, so simple to get such a great effect. Too many photoshop tutorials have about 50 steps but I can see how to use these tips in so many ways, great job!

  • pho3nix

    If I havent seen steps I wouldnt even know its a “text’. Looks more like a common campfire :]

  • Anoop(the INDIAN Boy)

    very very impressive tutorials ……

  • Awesome work!!!

  • Gopal

    first i saw image and thought that i can’t do this coz the effect are looking really awesome but i started to do it step by step and i completed whole tutorial in a hour.
    this is a very friendly and easy tutorial.
    thanks for it.^^

You May Also Like

Design Fluid Typography on Watercolour Background in Photoshop

In this tutorial, I will show you the steps to Design this Fluid Typography ...