How to Create a Mud Photoshop Text Effect

This is a pretty simple and eye-catching text effect to create. We’ll be using couple of bevel and emboss, inner glow effect, few textures and brushes combine create this mud text effect. You can also download the PSD of the tutorial as well.

Final Image Preview

Before we get started, let’s take a look at the image we’ll be creating.

Here are the following graphics you need to build the tutorial Mud Wall effect texture.
1. I used one of these brown paper texture .
2. Used one of the coffee stained brushes
3. Finally I used one of the mud wall textures.

Open a new document with 768X1024 size and add the brown paper texture into it.

Step 1

Add the above mentioned paper texture into this document.

Add the following filter to the texture
Filter >> Sharpen >> Unsharp Mask do this until you get that effect on the texture.

Step 2

Add another layer above the texture and fill the following color code #3c2506 and #84591c and create a reflected gradient effect similar like below.

Step 3

Add the text using this font Folio XBd BT or you can download that it from here. Also use the font size to 200 and the color #3C2506

Step 4

Add a mud wall texture on top of the text layer. Ctrl+left click on the text to load selection.
Apply a layer mask on the mud texture with this selection.

Step 5

Add the following layer effects to create the image like below.

After adding this effect you will get this result.

Step 6

Now create a extra layer below the mud texture layer.
Load the text selection to Select > Modify > Expand by 6 px. Fill the selection with #FFFFFF on the new layer.

Step 7

Add the following layer effect with that white layer.


You will get this effect.

Step 8

Add this coffee stained brush downloaded from here

The Final Image

Please Leave your thoughts about the text tutorial in the comments.

4 Responses to “How to Create a Mud Photoshop Text Effect”

1. How to Create a Mud Photoshop Text Effect | Design Newz says:

   September 13, 2009 at 5:31 pm

   [...] How to Create a Mud Photoshop Text Effect [...]
2. How to Create a Mud Photoshop Text Effect How to Create a Mud Photoshop Text Effect | Web Design Updates says:

   September 15, 2009 at 3:50 am

   [...] How to Create a Mud Photoshop Text Effect How to Create a Mud Photoshop Text Effect [...]
3. Tim Read: Ripplenet web design says:

   September 15, 2009 at 5:04 pm

   Thanks for that! -and by skewing the text you can make it ‘lie down’ more on the background.
4. http://www.game4barbie.com/ says:

   October 15, 2009 at 1:57 am

   nice…