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

The PSD file of this tutorial is available to buy on PSD Vault Shop, or via the PSD Vault VIP members area.

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 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!

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!

Tags:

  • My name is James and I have been using Photoshop since version 5.0 (long time ago!). PSD Vault is my spare time hobby and I write majority of the Photoshop tutorials and articles here. I hope you enjoy my blog, and feel free to leave a comment or contact me if you have any questions.

  • Show Comments

You May Also Like

Design Awesome Grungy Text Effect with Stone Texture in Photoshop

In this tutorial, I will show you the steps I took to Design Awesome ...

Design a God of War III Inspired Cracked Text Effect in Photoshop

In this tutorial, I will show the processes involved in designing a God of ...

Create an Electrified Text Effect in Photoshop

In this tutorial, I will show you the process I used to this electrified ...