VIP Membership

Become a PSD Vault VIP to access 170+ PSD Files, Extra Goodies and Exclusive Photoshop tutorials. Sign up now!

Useful Resources

site5 banner

Create a Burning Metal Text with Melting Effect in Photoshop

Posted on July 8th, 2012 in Text Effects.

In this tutorial, I will show you the steps I took to Create a Burning Metal Text Effect in Photoshop. This is an beginner level Photoshop tutorials and the steps are quite easy to follow, have a try!

Along the way, we will go through some basic method of adding texture to your text, also practice the use of image adjustment layers and various layer blending modes.

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

metal fire melting text flatten 500x250 Create a Burning Metal Text with Melting 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 100+ other PSD Files + Extra Goodies + Exclusive Photoshop tutorials there. Signup now and get exclusive :) Find out more about the VIP Members Areas

vip sign up 250 Create a Burning Metal Text with Melting Effect in Photoshop

OK Let’s get started!

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

Font (pick any one from the list)

Metal Texture

Fire

Step 1

Create a new document sized 1200px * 600px with black background, and type some texts on to the canvas with the font you just downloaded:

1 type 500x232 Create a Burning Metal Text with Melting Effect in Photoshop

Apply the following layer blending options on this text layer:

Inner Shadow

1 inner shadow 500x350 Create a Burning Metal Text with Melting Effect in Photoshop

Bevel and Emboss

1 bevel 500x350 Create a Burning Metal Text with Melting Effect in Photoshop

Gradient Overlay

1 grad 500x350 Create a Burning Metal Text with Melting Effect in Photoshop

and you will have the following effect:

1 effect1 Create a Burning Metal Text with Melting Effect in Photoshop

You can use some grunge brushset (lots of these on the internet) to paint some background texture as shown below:

1 paint grunge 500x241 Create a Burning Metal Text with Melting Effect in Photoshop

Step 2

We will add some metal texture onto the text – load the metal image into Photoshop and select a piece as shown below:

2 sel 500x304 Create a Burning Metal Text with Melting Effect in Photoshop

Copy and paste the selection onto our document over the text layer, set it as clipping mask to it:

2 clipping mask 500x225 Create a Burning Metal Text with Melting Effect in Photoshop

We can smooth the texture a bit by applying this Reduce Noise filter (Filter > Noise > Reduce Noise) to this metal layer:

2 reduce noise Create a Burning Metal Text with Melting Effect in Photoshop

and you will have the following effect:

2 smooth Create a Burning Metal Text with Melting Effect in Photoshop

Add the following adjustment layers as clipping mask of this text layer, above the metal texture layer:

Black and white

2 bw 2 Create a Burning Metal Text with Melting Effect in Photoshop

Levels

2 lv Create a Burning Metal Text with Melting Effect in Photoshop

Curves

2 curves1 Create a Burning Metal Text with Melting Effect in Photoshop

and here is the effect so far:

2 effect1 500x229 Create a Burning Metal Text with Melting Effect in Photoshop

Step 3

We can now add some fire and produce some burning and melting effect. Load the fire image into Photoshop, and select the centre portion of the image as shown below:

3 fire sel 500x235 Create a Burning Metal Text with Melting Effect in Photoshop

Copy and paste this selection above all previous layers, set this layer as a clipping mask to the text layer as well:

3 reszie 500x271 Create a Burning Metal Text with Melting Effect in Photoshop

Change the blending mode to “Hard Light”:

3 blend 500x264 Create a Burning Metal Text with Melting Effect in Photoshop

Duplicate this fire text layer once, and use the liquify filter to “melt” some part of it as shown below: (use the forward warp tool)

3 liquify 500x343 Create a Burning Metal Text with Melting Effect in Photoshop

Make sure this duplicated layer is not a clipping mask, and blending mode is set to “Hard Light”, you will have the following effect:

3 effect 500x281 Create a Burning Metal Text with Melting Effect in Photoshop

Step 4

OK we’re almost done! I further added some cloud with a cloud Photoshop brush (you can use the cloud filter as well) around the text:

4 cloud 500x274 Create a Burning Metal Text with Melting Effect in Photoshop

Flatten the image, and duplicate the background layer once, then apply the following “reduce noise” filter to it:

4 red noise 500x360 Create a Burning Metal Text with Melting Effect in Photoshop

This way we can bring out some more deteils from the fire and metal texture from the text:

4 after reduce 500x427 Create a Burning Metal Text with Melting Effect in Photoshop

We can add some colour to the image with this selective color adjustment layer:

4 sel red Create a Burning Metal Text with Melting Effect in Photoshop

4 sel white Create a Burning Metal Text with Melting Effect in Photoshop

4 sel neu Create a Burning Metal Text with Melting Effect in Photoshop

4 sel black Create a Burning Metal Text with Melting Effect in Photoshop

I apply a layer mask on the selective colour layer to hide some part of it, and here is the final effect I have: (click to enlarge)

metal fire melting text flatten 500x250 Create a Burning Metal Text with Melting Effect in Photoshop

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


Take a Break

  • http://www.facebook.com/profile.php?id=100001890033863 Jair Beltran

    Great tutorial, but I can’t make it :/
    I’ll see other tutorial, and I hope to make it better :)

  • Don

    what is the name of the font that we are to download

  • http://www.psdvault.com PSD Vault

    @Don: you can pick any one from the list – the one I used is “Gothical” from this link: http://www.dafont.com/gothical.font

  • Alex

    Add the following adjustment layers as clipping mask of this text layer ”

    How do I do that?

  • Jansen

    Its an amazing tutorial but I failed to follow :(

  • Bob

    Right click on the layer in the layer toolbar and select “create clipping mask.”

  • Daniel

    got all the way to the end of step 3 and failed :/

  • Tedric

    Im stuck it want let me select the fire as an clipping mask. the fire is just there and not covering just the letters, but not just the letter the whole picture. and i did cut out only the fire parts.

  • Tedric

    How to do the clouds?