How to Create Rock 3D Text Effect with Flying Fire Sparks in Photoshop

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

The PSD file of this tutorial is available via the PSD Vault VIP members area.

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 200+ other PSD Files + Extra Goodies + Exclusive Photoshop tutorials there. Signup now and get exclusive!

To complete this tutorial, you will need the following stocks:

Font

Crack Brushes (Choose 1 brush set from the list)

Rock

Flame

Note: Here is a handy tutorial talking about the colouring technique I often use, check it out if you’re interested:

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

Levels

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

Levels

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

and you will see the following effect:

Repeat the above process for more sparks around texts:

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:

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

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)

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!