Design an Awesome Burning Flame Text Effect in Photoshop

Design an Awesome Burning Flame Text Effect in Photoshop

Posted on November 27th, 2010 under Text Effects

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!

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

volcano text flattened 500x687 Design an Awesome Burning Flame Text Effect in Photoshop

PSD File Download

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 70+ other PSD Files + Extra Goodies + Exclusive Photoshop tutorial there. Signup now and get exclusive :) Find out more about the VIP Members Areas

vip sign up 250 Design an Awesome Burning Flame Text Effect in Photoshop

OK let’s get started!

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

Mist Brushes

Cloud Brushes

Font

Rock

Fire

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%)

1 reduce opacity 497x700 Design an Awesome Burning Flame Text Effect in Photoshop

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

1 resize cloud 500x459 Design an Awesome Burning Flame Text Effect in Photoshop

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

1 paint cloud 500x400 Design an Awesome Burning Flame Text Effect in Photoshop

Step 2

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

2 type 500x586 Design an Awesome Burning Flame Text Effect in Photoshop

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

2 quick tool Design an Awesome Burning Flame Text Effect in Photoshop

2 quick sel 500x329 Design an Awesome Burning Flame Text Effect in Photoshop

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:

2 paint erase Design an Awesome Burning Flame Text Effect in Photoshop

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

2 repeat 500x512 Design an Awesome Burning Flame Text Effect in Photoshop

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

2 effect1 Design an Awesome Burning Flame Text Effect in Photoshop

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

2 shadow 500x184 Design an Awesome Burning Flame Text Effect in Photoshop

Step 3

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

3 sel fire Design an Awesome Burning Flame Text Effect in Photoshop

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”)

3 resize 500x502 Design an Awesome Burning Flame Text Effect in Photoshop

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

3 sof eraser 500x332 Design an Awesome Burning Flame Text Effect in Photoshop

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

3 rotate 500x437 Design an Awesome Burning Flame Text Effect in Photoshop

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

3 repeat dup Design an Awesome Burning Flame Text Effect in Photoshop

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:

Levels

4 levels Design an Awesome Burning Flame Text Effect in Photoshop

Mask on levels adjustment layer:

4 lel mask 500x554 Design an Awesome Burning Flame Text Effect in Photoshop

Curves

4 curves1 Design an Awesome Burning Flame Text Effect in Photoshop

Mask on curves adjustment layer:

4 curves mask 499x700 Design an Awesome Burning Flame Text Effect in Photoshop

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

4 after curves 500x316 Design an Awesome Burning Flame Text Effect in Photoshop

Step 5

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

5 col sha1 Design an Awesome Burning Flame Text Effect in Photoshop

5 col bal mid Design an Awesome Burning Flame Text Effect in Photoshop

5 col hig1 Design an Awesome Burning Flame Text Effect in Photoshop

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)

5 smart sh Design an Awesome Burning Flame Text Effect in Photoshop

and here is the final effect for this tutorial:

volcano text flattened 500x687 Design an Awesome Burning Flame Text Effect in Photoshop

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

Fresh Posts from PSD Vault

Creativity Fine-Tuning: Best of PSD Vault Flickr Group – Vol. 61 Comment and Win 1 of the 3 VIP Accounts from Grafpedia! Design a “Texts Drop in Water” Typography Effect in Photoshop 20 Unique and Beautiful Typography Artworks to Boost Your Creativity VIP Exclusive Photoshop Tutorial – Create “Moon Dance” Photo Manipulation in Photoshop Imagination Unleashed: Best of PSD Vault DeviantART Group – Vol. 29
  • http://www.saglikshoop.com saglikshoop

    nice picture thanks

  • http://www.dobretutoriale.pl DTpl

    Good tutoral, thanks

  • http://www.17ps8.com peter

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

  • http://Website 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!

  • http://www.deutsched.com Amr Boghdady

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

  • http://Website 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

  • http://www.swopper-shop.de/ Swopper

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

  • http://www.17ps8.com white

    super good

  • http://nonamills.co.cc/ Nona Mills

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

  • http://morganmccarthy.co.cc/ Morgan Mccarthy

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

  • http://www.psdpresets.com psdpresets

    Awesome tutorial!

  • http://www.sapphireva.com Helen-Louise

    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!

  • http://Website pho3nix

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

  • http://Website Anoop(the INDIAN Boy)

    very very impressive tutorials ……

  • http://www.xhtmlteam.com/ XHTML TEAM

    Awesome work!!!

  • http://Website 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.^^