SEARCH
  Tutorials Photoshop Text Effects Create a Grungy Style Pull-Apart Text Effect in Photoshop

Create a Grungy Style Pull-Apart Text Effect in Photoshop

psdvault Text Effects Jun 21, 2012

Along the way, I will demonstrate some interesting method of using layer mask and liquify filter together, to create unique pull-apart effect to a single letter. We will also heavily use grungy brushsets to add texture and particles around the text.

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

Black Version

final effect pull apart text 1 500x279 Create a Grungy Style Pull Apart Text Effect in Photoshop

Coloured Version

final effect pull apart text 500x279 Create a Grungy Style Pull Apart Text Effect in Photoshop

Step 1

Create a new document sized 1200px * 670px, fill the background layer with a light yellow colour and the gradient tool, as shown below:

1 grad 500x278 Create a Grungy Style Pull Apart Text Effect in Photoshop

Type a letter on the canvas - the font I used here is called "Felix Titling", which should come with Photoshop in the default font set in Windows. If you have an apple Mac, feel free to use a different font:

1 type 500x502 Create a Grungy Style Pull Apart Text Effect in Photoshop

Create a layer under the font layer, use a soft white brush to paint a dot in the centre to create some back lighting:

1 backlight 500x404 Create a Grungy Style Pull Apart Text Effect in Photoshop

Step 2

Load the grunge brushset in Photoshop, pick a brush pattern from the set and paint something on the canvas, then use the liquify filter to manipulate the brush until it forms a flowing pattern:

2 manip 500x235 Create a Grungy Style Pull Apart Text Effect in Photoshop

2 attach 500x261 Create a Grungy Style Pull Apart Text Effect in Photoshop

Repeat this brush paint + liquify filter process, add more brush patterns around the text:

Hint: When you apply the liquify filter on the middle part of the text, make sure you warp the brush texture and compress it in the middle, so that later on it will form a "pull-apart" effect when the layer mask is applied on the text layer.

2 attach 2 500x237 Create a Grungy Style Pull Apart Text Effect in Photoshop

2 attach 3 500x213 Create a Grungy Style Pull Apart Text Effect in Photoshop

Step 3

Now we want add a layer mask on the original text layer, and use a very small grungy brush to remove some part of the text:

Top left

3 erase1 500x198 Create a Grungy Style Pull Apart Text Effect in Photoshop

Bottom

3 erase 3 500x181 Create a Grungy Style Pull Apart Text Effect in Photoshop

Centre

3 erase 2 500x333 Create a Grungy Style Pull Apart Text Effect in Photoshop

and here is the effect so far:

3 effect 500x378 Create a Grungy Style Pull Apart Text Effect in Photoshop

Step 4

We will add some abstract line from the top right onto the text - grab the Pen Tool and draw a work path as shown below, choose a 30px soft round brush, and stroke the path with it:

4 pen Create a Grungy Style Pull Apart Text Effect in Photoshop

Duplicate this line layer twice and add rotate each duplicated layer slightly, then merge all 3 layers together:

 

4 dup Create a Grungy Style Pull Apart Text Effect in Photoshop

You can also use a soft erase to remove the bottom of the lines to create more depth for the image:

4 erase 500x230 Create a Grungy Style Pull Apart Text Effect in Photoshop

Step 5

We're almost done :) For some final touches, I added some particle/grungy pattern around the text, as shown below:

5 paint 500x233 Create a Grungy Style Pull Apart Text Effect in Photoshop

5 paint 2 500x433 Create a Grungy Style Pull Apart Text Effect in Photoshop

You can also add some highlights with a soft white brush on the top right and bottom left corner of the letter:

5 light 500x185 Create a Grungy Style Pull Apart Text Effect in Photoshop

5 light 2 Create a Grungy Style Pull Apart Text Effect in Photoshop

I also added some feather around the text:

5 feather 500x492 Create a Grungy Style Pull Apart Text Effect in Photoshop

and here is the final effect I have: (Click to enlarge)

final effect pull apart text 1 500x279 Create a Grungy Style Pull Apart Text Effect in Photoshop

An alternative coloured version:

final effect pull apart text 500x279 Create a Grungy Style Pull Apart Text Effect in Photoshop

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

subscribe to newsletter