In this Photoshop tutorial, I will show you the steps I took to Create this Unique Rock Text with Space Background in Photoshop. I will show you an interesting way to place the rocks and join them together with simple line-drawing techniques. This is a beginner to intermediate level tutorial, have a try!

Note: The Photoshop tutorial is done in CS6 – 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)

rocky text flatten 500x273 Create a Unique Rock Text with Space Background in Photoshop

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

vip sign up 250 Create a Unique Rock Text with Space Background in Photoshop

OK Let’s get started!

To complete this tutorial, you will need the following stocks:

Rock Image

Space Brush (Choose one from the list)

Step 1

Create a new document sized 1280px * 700px with black background. Use the space brush you downloaded, paint some space patterns over the background layer:

Hint: Make sure you set the brush flow and opacity to be both around 50%, to ensure we have only a subtle space effect.

1 bg 500x270 Create a Unique Rock Text with Space Background in Photoshop

Load the rock image into Photoshop and select a piece of the rock path using Quick Selection tool:

1 select 500x254 Create a Unique Rock Text with Space Background in Photoshop

1 select 2 500x247 Create a Unique Rock Text with Space Background in Photoshop

Copy and paste your selection over to the document, use the free transform tool to resize and rotate the rocks, to form the effect below:

1 place 500x252 Create a Unique Rock Text with Space Background in Photoshop

Step 2

Duplicate these two rocks layer a few times, use the free tramsform tool to rotate the duplicated layers and move them around the canvas, and form a letter “T’, as shown below:

2 rotate 500x417 Create a Unique Rock Text with Space Background in Photoshop

Continue with the same methond described above, and form the rest the letters, so it reads “TEXT”, as shown below:

2 text 500x216 Create a Unique Rock Text with Space Background in Photoshop

Step 3

Now we get the fun part of this tutorial – Some line drawings!

It would be great if you have a graphic tablet for this part – if not, a mouse will do, although you may have to use the liquify filter or free transform tool to adjust the line shapes.

We will use a 1px, 90% hardness brush to paint some dark pink lines as shown below:

3 brush 500x302 Create a Unique Rock Text with Space Background in Photoshop

And use the same brush settings, paint some light pink colour as shown below:

3 lighter 500x265 Create a Unique Rock Text with Space Background in Photoshop

Repeat this process, add more lines to join the rocks for all the letters:

3 eraser 500x524 Create a Unique Rock Text with Space Background in Photoshop

Step 4

We can add some cloud with the cloud filter behind the text to add some dramatic effect, make sure you set the layer opacity to a low value of 30%:

4 cloud1 500x269 Create a Unique Rock Text with Space Background in Photoshop

Add some highlights to the rocks with a soft white brush:

4 highlight 2 500x396 Create a Unique Rock Text with Space Background in Photoshop

4 highlight 500x243 Create a Unique Rock Text with Space Background in Photoshop

Step 5

To finalise the effect, I flattened the layer and duplicated the background layer, and apply the following Unsharp Mask to the duplicated layer:

5 unsharp Create a Unique Rock Text with Space Background in Photoshop

Duplicate this sharpened layer and apply the following Oil Paint Filter settings (CS6 only, skip this if you don’t have it):

5 oil paint Create a Unique Rock Text with Space Background in Photoshop

This will add a nice softening effect to the text. We want add a layer mask to this layer and remove the red parts to reveal the layer below:

5 mask on oil paint 500x238 Create a Unique Rock Text with Space Background in Photoshop

Add the following Selective Color adjustment layer on top to fine-tune the rock colour a bit:

5 sel white Create a Unique Rock Text with Space Background in Photoshop

5 sel neutral Create a Unique Rock Text with Space Background in Photoshop  

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

rocky text flatten 500x273 Create a Unique Rock Text with Space Background in Photoshop

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

Till next time, have a great day!