Photoshop Text Effects

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

sel2

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

dist

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

erase2

Apply the following Image Adjustments to this rock layer:

Black and White

bw2

Levels

lvs1

and here is the effect so far:

effect2

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:

paint

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

sel1

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

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:

copy

Step 3

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

type

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

ext

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

rotate

Adjust the “Deform” option with the following settings:

extrude

and this is the effect you will have:

effect3

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:

sel2

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

multi

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

paste

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

Black and White

bw

Levels

lvs2

and here is the effect so far:

effect1

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:

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

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:

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:

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:

effect4

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

About the author

Aqib Anjum

Leave a Comment


*