Showcase and discover digital art at yex

Follow Design Stacks

Subscribe to our free newsletter to get all our latest tutorials and articles delivered directly to your inbox!

Grunge Text Photoshop Tutorial

With this tutorial I am going to show you how you can create grungy text using displacement maps, an almost similar technique.

Let’s start by creating a displacement map. (You can skip these steps and use a grungy displacement map if you already have one)

1. Create a new document, for this tutorial I created a 640*480 pixels document, press D to reset the colors palette and go to Filter->Render->Clouds

grunge text photoshop tutorial clouds step

2. Now we are going to add some noise. Go to Filter-> Noise -> Add noise and use these settings

grunge text photoshop tutorial noise settings

3. Go to Filter-> Noise -> Median and use these settings.

grunge text photoshop tutorial median settings

4. Next we are going to sharpen a bit our displacement map. To do this we are going to apply the Unsharp Mask filter. Go to Filter-> Sharpen -> Unsharp Mask and use this settings.

grunge text photoshop tutorial unsharp mask settings

5. Finally, we are going to add some texture to our displacement map. To achieve this we are going to apply a lighting effect. Go to Filter -> Render -> Lighting Effects and use this settings.

grunge text photoshop tutorial lightning effects settings

Note that I have used a Texture Channel (you can see that at the bottom of the previous screenshot)
So here is our final Displacement map. (If you already have some grungy, textured displacement maps there is no need to create one using this technique you can use the ones you already have)

grunge text photoshop tutorial displacement map

6. Now create a new document and type your text. I typed Photoshop Grunge Type.

grunge text photoshop tutorial text

7. Right click on the text layer at the layers palette and select rasterize layer.

rasterize layer

8. Now Go to Filter-> Distort -> Displace

displace filter

and use these settings.

displacement filter settings

A window will come up in order to select the displacement map you are going to use, locate the one you just created and select it and press open.

And here is our final result

photoshop tutorial final result