Create a unique stone and fire text effect in photoshop


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

 

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!