rock-star-text-flatten

Create a Rocky Text Effect with Space Background in Photoshop

In this Photoshop tutorial, I will show you the steps I took to Create a Rocky Text Effect with Space Background in Photoshop. This is an intermediate level tutorial so some steps can be tricky, but why not have a try :)

Along the way, we will be using some selection techniques, warping tool, refine edge filter, image adjustments and layer blending options. We will only be using one stock image for this whole text effect.

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

rock star text flatten 500x600 Create a Rocky Text Effect 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 70+ 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 Rocky Text Effect with Space Background in Photoshop

OK Let’s get started!

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

Space Brush

Rock

Step 1

Create a new document sized 900px * 1270px with black background. Create a new layer and use the star brush we downloaded, paint some space background: (set brush opacity and flow to be around 40% for a subtle effect)

1 paint star 493x700 Create a Rocky Text Effect with Space Background in Photoshop

Create a new layer and use a font of your choice to type a letter on the centre of the canvas:

1 type 486x700 Create a Rocky Text Effect with Space Background in Photoshop

Load the rock texture into Photoshop, and go back to our letter layer and load its selection:

1 sel2 Create a Rocky Text Effect with Space Background in Photoshop

Select the rectangular marquee tool, click and drag the selection onto the rock texture and select a piece from it:

1 sel rock 500x340 Create a Rocky Text Effect with Space Background in Photoshop

Copy and paste our selection onto the text to cover it, turn off the original text layer and you will have the effect as shown below:

1 paste1 Create a Rocky Text Effect with Space Background in Photoshop

Step 2

Use a soft eraser, gently remove some parts of the rock texture as shown below:

2 erase1 500x464 Create a Rocky Text Effect with Space Background in Photoshop

Sharpen this rock texture a bit with the following Unsharp Mask filter settings:

2 uns 500x358 Create a Rocky Text Effect with Space Background in Photoshop

Then, add the following 3 adjustment layer as clipping mask to this rock layer:

Levels

2 lv2 Create a Rocky Text Effect with Space Background in Photoshop

Curves

2 curves1 Create a Rocky Text Effect with Space Background in Photoshop

Brightness and Contrast

2 br Create a Rocky Text Effect with Space Background in Photoshop

and you will have the following effect so far:

2 effect2 500x548 Create a Rocky Text Effect with Space Background in Photoshop

Step 3

Now we can apply some more rocky texture onto its base and make the text looks better. Go back to the rock image and select a piece of rock as shown below:

3 sel1 500x246 Create a Rocky Text Effect with Space Background in Photoshop

You can refine your selection with the refine edge filter (Ctrl + Alt + R) to smooth its edge:

3 refine 500x347 Create a Rocky Text Effect with Space Background in Photoshop

Copy and paste the selection onto our texture, use a soft eraser to remove its edges and blend it in with the base texture:

3 paste2 500x258 Create a Rocky Text Effect with Space Background in Photoshop

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

Hint: leave some base texture exposed, this creates more depth. Also use the free transform tool to adjust the shape of the rock to join them together.

3 paste cont Create a Rocky Text Effect with Space Background in Photoshop

3 paste cont 2 500x217 Create a Rocky Text Effect with Space Background in Photoshop

Step 4

Lets’s add some particles into the image. We can use the same rock texture and use the quick selection tool to select some rock pieces as shown below:

4 sel1 Create a Rocky Text Effect with Space Background in Photoshop

Copy and paste the selection onto our document, resize and attach it to the rock text as shown below:

4 paste1 500x371 Create a Rocky Text Effect with Space Background in Photoshop

You can also apply some warping effect to the rock pieces to add some motion to the text:

4 warp 500x351 Create a Rocky Text Effect with Space Background in Photoshop

Duplicate this warped layer a few times and attach them around the text:

4 warp texture 500x293 Create a Rocky Text Effect with Space Background in Photoshop

4 warp texture 2 500x345 Create a Rocky Text Effect with Space Background in Photoshop

Also make sure you use a soft eraser to fade the flying rocks into the background to add some depth:

4 fade Create a Rocky Text Effect with Space Background in Photoshop

and here is the effect so far:

4 effect2 500x613 Create a Rocky Text Effect with Space Background in Photoshop

Step 5

OK we’re almost done :) For some final adjustments, we can render some light cloud with the cloud filter, and paint some grungy texture around the texture:

5 smoke 500x310 Create a Rocky Text Effect with Space Background in Photoshop

5 smoke 2 500x259 Create a Rocky Text Effect with Space Background in Photoshop

We can paint some abstract lines with a 3px brush for extra effect:

5 lines1 500x227 Create a Rocky Text Effect with Space Background in Photoshop

We can flatten the image, and apply some light Unsharp Mask settings to bring out some more details for the rocks:

5 sharpen 500x331 Create a Rocky Text Effect with Space Background in Photoshop

I also burned some part of the text with the burn tool to add some shadow to the text: (around 15% strength)

5 burn 500x226 Create a Rocky Text Effect with Space Background in Photoshop

5 burn 2 500x270 Create a Rocky Text Effect with Space Background in Photoshop

and here is the final effect I have for this tutorial: (click to enlarge)

rock star text flatten 500x600 Create a Rocky Text Effect with Space Background in Photoshop

That’s it for this tutorial! Hope you enjoy it and find it useful :) Till next time, have a great day!