Design Layered Rock Text Effect with Natural Elements in Photoshop

In this tutorial, I will show you the steps I took to create this layered text effect with natural textures in Photoshop. This effect might look a little bit complex but it really is quite simple to create. Have a try!

We will practice basic selection techniques with quick selection tool, manipulate the selection with free transform tool, and we will be using a few brush tools to touch up our image.

This is a beginner to intermediate level tutorial.

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.

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


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




Step 1

Create a new document sized 800px * 1198px with white background. Use the Gradient Fill Tool (set to Radial Gradient) to fill the background layer as shown below:

1 grad

Use any font you like, type a big letter in the centre of the canvas. We will use this as a guide for our rock textures which will be added in the next step.

1 type

Step 2

We will be adding rock textures for our text in this step. Load the rock image into Photoshop and use the quick selection tool to select the following portion:

2 sel

Copy and paste the selection to our document and cover the text as shown below: (use the free transform tool to adjust its size)

2 paste

Grab the eraser tool and choose the chalk brush as shown below as the eraser’st tip shape:

2 chalk eraser

Work through the edge of the rock texture and remove the following portion:

2 erase

Repeat the above process and add more rock texture over onto our text:

2 more rock

We can add some smaller rocks to create a particle effect:

2 small rocks

Hide the original text layer and leave only the rock textures, and here is the effect so far:

2 effect

Step 3

We will add some tree leaves texture onto our text in this step. Load the tree image into Photoshop and select a portion of its leaves:

3 tree pattern

Copy and paste the selection over to our document, place the layer behind the rock layer:

3 paste eraser

Add a few more leaves texture to the left as shown below:

3 more tree

And we can add some more leaves texture OVER the rocks as shown below”

3 tree over

Step 4

We will add few more natural elements into our design. We can select the whole tree as shown below:

4 sel tree

Copy and paste the selection over to our document, re-size and place it to the following location: (rotate the tree slightly to the right)

4 paste

Load the bird image into Photoshop and select the bird:

4 sel bird

Copy and paste the selection over to our document, re-size and place it at the following position:

4 paste bird

Step 5

We’re almost done! For final touch-ups, we can add some cloud and abstract brush patterns to our image, you should be able to find lots of those brushes over the internet:

5 cloud

5 abstract

We can flatten the image, and use the Burn tool to darken some parts of the text, to add more depth:

5 burn

5 burn setting

5 burn tool

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


That’s it for this tutorial! Hope you enjoy going through it and find it useful. Drop me a comment below if you have any question.

Till next time, have a great day!

Categories: Text Effects

Tags: ,,,,,