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.

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

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




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!


  • 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

Create Bread Typography in Photoshop

In this Photoshop tutorial, I will show you the steps I took to create ...

Create a Scratched Metal Text Effect in Photoshop

In this tutorial, I will demostrate the steps I took to create a scratched ...