Create a Unique Rock Text with Space Background in Photoshop

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

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:

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

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

1 select

1 select 2

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

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

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

2 text

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

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

3 lighter

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

3 eraser

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 cloud

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

4 highlight 2

4 highlight

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

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

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

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

5 sel white

5 sel neutral  

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

rocky-text-flatten

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!

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

  • Lahi

    Which brush did you use ?

  • Adnan

    Can i try this on any earlier version of photoshop?

  • rpple

    only photoshop cs6,filter menu

  • Color adjustment is vary nice. Which brush did you use ?

  • Michelle

    Thank you, it’s great. I just purchased Flame Painter app and it seems it can make showy abstract-like texts too.

  • Andrei

    thank you very much for the tutorial, but i thought that tutorials are for beginners. yours do not contain the exact steps to follow (for example where do we find selective colors button etc.)

You May Also Like

Create Abstract Text Effect with Metal Scraps in Photoshop

In this tutorial, I will show you the processes of creating an abstract style, ...