Create Fire Burning on Metal Text Effect in Photoshop

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

In this Photoshop tutorial, I will show you the steps I took to Create Fire Burning on Metal Text Effect in Photoshop. Have a go!

This is an intermediate level difficulty tutorial and some steps can be tricky.

Note: The Photoshop tutorial is done in Photoshop CC – therefore some screenshot may have slighting different layout as in the earlier version. Some brushes are exclusive to Photoshop CS6.

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

metal-text-on-fire

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 100+ other PSD Files + Extra Goodies + Exclusive Photoshop tutorials there. Signup now and get exclusive!

OK Let’s get started!

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

Metal Texture 1

Metal Texture 2

Fire Stock

Step 1

Create a new document sized 1220px * 700px with black background. We will start this design by preparing some background with metal texture.

Load “Metal Texture 1” into Photoshop and select the entire texture, copy and paste it onto our document. Re-size the new layer with the free transform tool to this result shown below:

1 resize

Apply the following layer mask (in Red) to this metal texture layer: (As you can see, I deliberately hid the centre portion of the metal texture, so our text can be placed there in future steps)

1 mask

Apply the following image adjustments to this metal layer:

Black and White

1 bw

Levels

1 lvs

Curves

1 curves

and here is the effect so far:

1 effect

Step 2

Use any font you like, type some texts onto our document as shown below:

2 type

Apply the following layer mask on this text layer with the Chalk Brush and a soft round Brush, to create some rough edge around the texts:

Hint: Set brush opacity and flow to be around 50%:

2 mask

and here is the effect you aim to achieve:

2 effect

Load “Metal Texture 2” image into Photoshop, select a piece from it and paste it to cover our texts:

2 paste

Set this new metal texture layer as clipping mask to the text layer:

2 clipping

Apply the following image adjustments to this metal texture layer:

Levels

2 lvs

Curves

2 curves

and here is the effect so far:

2 effect 2

Step 3

Load the fire stock image into Photoshop and copy the entire image, paste it below our text layer, and use the free transform tool to re-size it as shown below:

3 move

Apply the following Levels adjustments to this fire layer:

3 lvs

Select the fire around the letter “T”, use the free transform tool to warp the fire as shown below:

3 warp

Use a big soft eraser, remove the parts of the fire you don’t need – here is my effect so far:

3 erase

 

Step 4

We will add some fire sparks around the texts. Select a piece of flame from the fire stock image with the Lasso Tool, paste it to our document:

4 sel

Change the layer blending mode of the this new fire layer to “Colour Dodge”:

4 color dodge

Re-size it and attach to the text:

4 paste

Repeat this process and add a few more fire to our texts:

4 more

 

Step 5

We’re almost done! For final touches, I added the following Selective Color adjustment layers on top:

5 sel reds

5 sel whites

5 neu

5 black

I then flattened the image, and sharpen the image with the “Smart Sharpen” filter:

5 unsh

and here is my final effect:

metal-text-on-fire

That’s it for this tutorial! Hope you enjoy it and find it useful! If you have any questions about the steps, please contact me or leave a comment below. I will try my best to answer them.

Till next time, have a great day!

Tags:

  • 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

You May Also Like

5 Useful Little Photoshop Tricks to Add Extra Elegance For Your Design

Recently I have been focusing on providing some simple, beginner-leveled photoshop tutorials here on ...