fire-stone-text-flatten-3

Create a Unique Stone and Fire Text Effect in Photoshop

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)

fire stone text flatten 3 500x343 Create a Unique Stone and Fire 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 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 Unique Stone and Fire Text Effect in Photoshop

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)

Step 1

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:

1 persp 500x357 Create a Unique Stone and Fire Text Effect in Photoshop

Use a soft eraser to remove some parts of the texture to add some fruther depth into the ground texture:

1 depth 500x237 Create a Unique Stone and Fire Text Effect in Photoshop

Add the following 2 adjustment layers on top of the ground layer:

Black and White

1 bw Create a Unique Stone and Fire Text Effect in Photoshop

Levels

1 lvs Create a Unique Stone and Fire Text Effect in Photoshop

and here is the effect so far:

1 effect1 500x154 Create a Unique Stone and Fire Text Effect in Photoshop

Step 2

We can type a letter onto the document as shown below:

2 type 500x333 Create a Unique Stone and Fire Text Effect in Photoshop

Load the selection of this text layer and move it over to the stone texture:

2 sel 500x360 Create a Unique Stone and Fire Text Effect in Photoshop

Copy and paste the selection onto our document, turn our original text layer off:

2 paste 500x349 Create a Unique Stone and Fire Text Effect in Photoshop

Use a soft eraser to remove some parts of this texture layer:

2 erase 500x322 Create a Unique Stone and Fire Text Effect in Photoshop

Add the following 2 adjustment layers as clipping mask to this stone texture layer:

Levels

2 lvs Create a Unique Stone and Fire Text Effect in Photoshop

Curves

2 curves1 Create a Unique Stone and Fire Text Effect in Photoshop

and here is the effect so far:

2 effect1 500x517 Create a Unique Stone and Fire Text Effect in Photoshop

Step 3

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:

3 sel 500x356 Create a Unique Stone and Fire Text Effect in Photoshop

Copy and paste the selection onto our document, resize and fit it to the text:

3 paste 500x278 Create a Unique Stone and Fire Text Effect in Photoshop

Hit Ctrl + L and use the Levels adjustment settings as shown below:

3 lvs 500x398 Create a Unique Stone and Fire Text Effect in Photoshop

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)

3 effect 500x223 Create a Unique Stone and Fire Text Effect in Photoshop

Duplicate this layer a few times and move them around text as show below:

3 dup1 500x425 Create a Unique Stone and Fire Text Effect in Photoshop

Step 4

We can create a new layer and use a black brush to paint some crack lines over the stone texture as shown below:

4 paint 500x417 Create a Unique Stone and Fire Text Effect in Photoshop

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:

4 sel Create a Unique Stone and Fire Text Effect in Photoshop

Copy and paste this texture onto our document, use the liquify filter to manipulate this texture as shown below:

4 liq Create a Unique Stone and Fire Text Effect in Photoshop

and move this texture over the crack, fit it in as shown below:

4 after liq Create a Unique Stone and Fire Text Effect in Photoshop

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.

4 dup 500x550 Create a Unique Stone and Fire Text Effect in Photoshop

Step 5

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

5 screen 500x464 Create a Unique Stone and Fire Text Effect in Photoshop

Duplicate this layer a few times, rotate and resize the layers so they have different angles and sizes, forming an effect as shown below:

5 dup Create a Unique Stone and Fire Text Effect in Photoshop

Add some more fire texture on top of the text as well:

5 top 500x247 Create a Unique Stone and Fire Text Effect in Photoshop

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:

5 sparks 500x229 Create a Unique Stone and Fire Text Effect in Photoshop

Add some cloud to the ground with the cloud filter or cloud brush to give the image some mystic effect:

5 cloud 500x156 Create a Unique Stone and Fire Text Effect in Photoshop

Create a new layer beneath the original text layer, use a soft red brush to paint some back light for the text:

5 backlight 500x339 Create a Unique Stone and Fire Text Effect in Photoshop

I further added some colour onto the image with adjustment layers, and here is my final effect: (click to enlarge)

fire stone text flatten 3 500x343 Create a Unique Stone and Fire Text Effect in Photoshop

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