In operation since 2008, PSD Vault is a blog that focuses on providing high quality, step-by-step Photoshop tutorials to all Photoshop lovers and hobbyists around the world.
Become a PSD Vault VIP to access 170+ PSD Files, Extra Goodies and Exclusive Photoshop tutorials. Sign up now!
Posted on December 17th, 2012 in Text Effects.
In this tutorial, I will show you the steps I took to Create this interesting Stone and Fire Text Effect in Photoshop. We will heavily use selection tool, image adjustments, liquify techniques as well as layer blending options. This is an intermediate level tutorial so some steps might be a bit tricky, but why not have a try :)
Note: The Photoshop tutorial is done in CS6 – 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)
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
OK Let’s get started!
To complete this tutorial, you will need the following stocks:
Stone texture (Pick one from the list)
Fire stock (Pick one from the list)
Create a new document with black background, size doesn’t matter in this tutorial (I used 1280px * 700px). Load the stone texture image into Photoshop, use the rectangular marquee tool to select a portion, copy and paste it onto our document and apply the “Perspective” free transform to add some depth to the image:
Use a soft eraser to remove some parts of the texture to add some fruther depth into the ground texture:
Add the following 2 adjustment layers on top of the ground layer:
Black and White
and here is the effect so far:
We can type a letter onto the document as shown below:
Load the selection of this text layer and move it over to the stone texture:
Copy and paste the selection onto our document, turn our original text layer off:
Use a soft eraser to remove some parts of this texture layer:
Add the following 2 adjustment layers as clipping mask to this stone texture layer:
and here is the effect so far:
We will add some extra stone texture over the text. Use a 20px Lasso Tool to select a piece of the rock as shown below:
Copy and paste the selection onto our document, resize and fit it to the text:
Hit Ctrl + L and use the Levels adjustment settings as shown below:
and here is the effect you will have for this new rock: (you can see it’s blended-in with the rest of the texture)
Duplicate this layer a few times and move them around text as show below:
We can create a new layer and use a black brush to paint some crack lines over the stone texture as shown below:
We will fill these crack with fire texture – go to the fire stock image and use a 20px feather Lasso Tool to select a piece:
Copy and paste this texture onto our document, use the liquify filter to manipulate this texture as shown below:
and move this texture over the crack, fit it in as shown below:
We will set the layer blending mode of the layer to “color dodge”, duplicate this layer a few times, and move them to cover all the cracks:
Hint: you can control how much fire is displaying by adjusting the layer opacity.
We can add some further fire texture onto the left side of the text using the same liquify technique, but this time we set the layer blending mode to “Screen”:
Duplicate this layer a few times, rotate and resize the layers so they have different angles and sizes, forming an effect as shown below:
Add some more fire texture on top of the text as well:
We can add some fire sparks by going back to the fire stock image, copy and paste some more fire texture onto our document, and set the layer blending mode to “color dodge”, and you will see those fire texture become sparks:
Add some cloud to the ground with the cloud filter or cloud brush to give the image some mystic effect:
Create a new layer beneath the original text layer, use a soft red brush to paint some back light for the text:
I further added some colour onto the image with adjustment layers, and here is my final effect: (click to enlarge)
That’s it for this tutorial! Hope you enjoy it and find it useful! Till next time, have a great day!