In this tutorial, I will show you the steps to design this abstract text effect with pen tool and grunge brush decoration in Photoshop. Along the way, we will practice using Pen Tool to draw some nice hair-like lines, as well as apply grunge brushsets for some cool abstract effect for our texts.

This is an intermediate level tutorial so some steps can be tricky, but why not 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)

hair text flatten 500x175 Design Abstract Text Effect with Pen Tool and Grunge Brush Decoration 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 Design Abstract Text Effect with Pen Tool and Grunge Brush Decoration in Photoshop

OK Let’s get started!

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

Grunge Brush (Pick one set from the list)

Splatter Brush (Pick one set from the list)

Step 1

Create a new document with 1200px * 600px with a light grey background. Use a soft white brush to paint a spot light in the centre:

1 highlight 500x247 Design Abstract Text Effect with Pen Tool and Grunge Brush Decoration in Photoshop

Create a new layer and use the grunge brush you download, paint some texture over the light, and scele it download to form a support ground:

1 scale 500x259 Design Abstract Text Effect with Pen Tool and Grunge Brush Decoration in Photoshop

Step 2

Use any font you like, type some texts over the document:

2 type 500x270 Design Abstract Text Effect with Pen Tool and Grunge Brush Decoration in Photoshop

Right-click and convert this layer to a “Smart Object”:

2 smart Design Abstract Text Effect with Pen Tool and Grunge Brush Decoration in Photoshop

Skew the text layer as shown below:

2 skew 500x330 Design Abstract Text Effect with Pen Tool and Grunge Brush Decoration in Photoshop

And here is the effect so far:

2 after skew 500x251 Design Abstract Text Effect with Pen Tool and Grunge Brush Decoration in Photoshop

Step 3

Use the grunge brush you downloaded as an eraser:

3 erase 500x119 Design Abstract Text Effect with Pen Tool and Grunge Brush Decoration in Photoshop

Apply the following opacity and flow settings to this eraser:

3 op 500x87 Design Abstract Text Effect with Pen Tool and Grunge Brush Decoration in Photoshop

Add a layer mask to the text layer, apply some grunge eraser effect over it:

3 erase 2 500x288 Design Abstract Text Effect with Pen Tool and Grunge Brush Decoration in Photoshop

Go over the text, and this is the desired effect you should be aiming to achieve:

3 effect1 500x273 Design Abstract Text Effect with Pen Tool and Grunge Brush Decoration in Photoshop

Step 4

Now we can add the hair lines onto the image. Grab the Pen Tool and draw a path as show below:

4 pen 500x166 Design Abstract Text Effect with Pen Tool and Grunge Brush Decoration in Photoshop

Use the following brush to stroke this path, make sure you tick the “Simulate Brush” setting when stroking:

4 pen brush 500x295 Design Abstract Text Effect with Pen Tool and Grunge Brush Decoration in Photoshop

After the stroke, duplicate this layer several times and group each line layer together, use the free transform tool to distort, scale them until they form the following hair-like effect:

4 pen effect 500x290 Design Abstract Text Effect with Pen Tool and Grunge Brush Decoration in Photoshop

Continue to add more lines to the text:

4 more effect 500x243 Design Abstract Text Effect with Pen Tool and Grunge Brush Decoration in Photoshop

Use the splatter brush you downloaded, add some splash effect to the text:

4 splash 500x272 Design Abstract Text Effect with Pen Tool and Grunge Brush Decoration in Photoshop

Step 5

We want to spice up the text a little more – so grab a 3px 60% hardness brush as shown below:

5 brush 500x333 Design Abstract Text Effect with Pen Tool and Grunge Brush Decoration in Photoshop

Paint some random lines around the text, as shown below:

5 paint 500x220 Design Abstract Text Effect with Pen Tool and Grunge Brush Decoration in Photoshop

We can also add some particle effects around the canvas with a particle brush:

5 part 500x239 Design Abstract Text Effect with Pen Tool and Grunge Brush Decoration in Photoshop

5 part 2 500x154 Design Abstract Text Effect with Pen Tool and Grunge Brush Decoration in Photoshop

and here is the effect so far:

5 effect1 500x232 Design Abstract Text Effect with Pen Tool and Grunge Brush Decoration in Photoshop

Step 6

OK we’re almost done! For some final touches, I simply flattened the image and duplicated the background layer, then applied the “Patchwork” filter as shown below to the duplicated layer:

6 patchwork 500x274 Design Abstract Text Effect with Pen Tool and Grunge Brush Decoration in Photoshop

And this is the effect you will have:

6 after patch 500x179 Design Abstract Text Effect with Pen Tool and Grunge Brush Decoration in Photoshop

We want to mask out the majority of this layer, just leave the lower half of the text visible, as shown below:

6 mask 500x214 Design Abstract Text Effect with Pen Tool and Grunge Brush Decoration in Photoshop

Then add some colours to the image with the following adjustment layers:

Selective Color

6 sel white Design Abstract Text Effect with Pen Tool and Grunge Brush Decoration in Photoshop

6 col neu Design Abstract Text Effect with Pen Tool and Grunge Brush Decoration in Photoshop

6 black Design Abstract Text Effect with Pen Tool and Grunge Brush Decoration in Photoshop

Layer mask on the selective colour layer:

6 sel mask 500x227 Design Abstract Text Effect with Pen Tool and Grunge Brush Decoration in Photoshop

Curves

6 curves Design Abstract Text Effect with Pen Tool and Grunge Brush Decoration in Photoshop

6 red Design Abstract Text Effect with Pen Tool and Grunge Brush Decoration in Photoshop

6 green Design Abstract Text Effect with Pen Tool and Grunge Brush Decoration in Photoshop

And this is the final effect I have: (click to enlarge)

hair text flatten 500x175 Design Abstract Text Effect with Pen Tool and Grunge Brush Decoration in Photoshop

Hope you enjoy this tutorial and find it useful. Drop me a comment below if you have any question.

Till next time, have a great day!