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)
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:
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:
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)
Apply the following image adjustments to this metal layer:
Black and White
and here is the effect so far:
Use any font you like, type some texts onto our document as shown below:
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%:
and here is the effect you aim to achieve:
Load “Metal Texture 2” image into Photoshop, select a piece from it and paste it to cover our texts:
Set this new metal texture layer as clipping mask to the text layer:
Apply the following image adjustments to this metal texture layer:
and here is the effect so far:
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:
Apply the following Levels adjustments to this fire layer:
Select the fire around the letter “T”, use the free transform tool to warp the fire as shown below:
Use a big soft eraser, remove the parts of the fire you don’t need – here is my effect so far:
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:
Change the layer blending mode of the this new fire layer to “Colour Dodge”:
Re-size it and attach to the text:
Repeat this process and add a few more fire to our texts:
We’re almost done! For final touches, I added the following Selective Color adjustment layers on top:
I then flattened the image, and sharpen the image with the “Smart Sharpen” filter:
and here is my final effect:
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!