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!

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.

Here is a preview of the final effect I have for this tutorial: (click to enlarge)

rock-fire-3d-text-psdvault-flatten-new

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 200+ 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:

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:

1 sel

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

1 dist

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

1 erase

Apply the following Image Adjustments to this rock layer:

Black and White

1 bw

Levels

1 lvs

and here is the effect so far:

1 effect

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:

2 paint

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

2 sel

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

2 bag

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:

2 copy

Step 3

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

3 type

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

3 ext

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

3 rotate

Adjust the “Deform” option with the following settings:

3 extrude

and this is the effect you will have:

3 effect

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:

4 sel

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

4 mul

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

4 paste

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

Black and White

4 bw

Levels

4 lvs

and here is the effect so far:

4 effect

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:

5 lasso

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

5 col do

and you will see the following effect:

5 effect col do

Repeat the above process for more sparks around texts:

5 more fire

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

5 cloud

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:

6 accented edge

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

6 mask acc

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

6 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-fire-3d-text-psdvault-flatten-new

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!

Categories: Text Effects

Tags: ,,,,