Rock 3D Text Effect

In this tutorial, I will show you the process I used to create this Rock 3D Text Effect with Flying Fire Sparks in PhotoshopThis is an intermediate level difficulty tutorial and some steps can be tricky. Have a try!

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 or above.

Step 1

Create a new document sized 1440px * 720px with black background. Load the “Rock” stock image into Photoshop and select a portion of it with Rectangular Marquee Tool:


Copy and paste your selection to the new document, use the Free Transform tool to distort it as shown below:


Use a soft eraser to fade the edges and also the centre portion of the rock texture:


Apply the following Image Adjustments to this rock layer:

Black and White




and here is the effect so far:


Step 2

We will add some extra cracks pattern around our rock. Go into the rock stock image and create a new layer, then use the crack brush you downloaded an paint a black pattern onto the new layer:


Then select this black pattern by Ctrl + Left-click on the the layer thumbnail on the layer palette:


Go back to the background layer while maintaining your selection, and make a copy:


Paste it over to our document, again we erase the centre parts of the cracks pattern, and this is the effect you will aim to have:


Step 3

Use the font you downloaded, type some texts onto the canvas:


While on this new text layer, go to 3D > New 3D Extrusion from Selected Layer:


Rotate the new texts’ x and y axis until it looks like below:


Adjust the “Deform” option with the following settings:


and this is the effect you will have:


Step 4

We will apply rock texture over to our texts in this step. Go back to the Rock stock image and select a portion of it:


Copy and paste the selection to our document, change the layer blend mode to “Multiply”:


Adjust the size of the rock texture with the Free Transform tool, and here is the effect so far:


Apply the following adjustment layers as clipping masks to the rock texture layer:

Black and White




and here is the effect so far:


Step 5

We will add fire sparks around the texts in this step. Load the flame stock image into Photoshop and select the sparky portion of it:


Copy and paste it to our document, and move the sparks to our texts until it covers the letters, then change the layer blend mode to “Color Dodge”:

col do

and you will see the following effect:

effect col do

Repeat the above process for more sparks around texts:

more fire

Use a cloud brush or filter, add some subtle smoke/cloud effect around the texts:


Step 6

We’re almost done! For final touches, we can flatten the image and duplicate the background layer, apply the following “Accented Edges” filter to the duplicated layer:

accented edge

Layer mask out (Red part) the top of the duplicated layer:

mask acc

As you can see, we now have a more textured rock pattern for our texts after this filter effect:


I then applied some colour effect for our texts using the techniques explained in this video Photoshop tutorial:

and here is my final effect: (click to enlarge)

 Rock 3D Text Effect

( Source