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.

Author's Bio: Allen Ray is a graphic designer. The Design Mag was founded in 2008, and since then she is constantly looking for new ways to serve the Design community both online and offline. It is her ultimate goal to make The Design Mag the best source for Design related Tutorial and Resources. Follow on Twitter@thedesignmag

Visit Author's website: Allen Ray

6 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…
5. Muish says:

   February 3, 2011 at 10:17 am

   I made two nice photoshop styles which can be used to get wet soil/ mud effect. You can download both from here:
   http://muishgfx.wordpress.com/2011/02/03/muddy-styles/

   The details are available on the link. It is totally free.
6. 35+ Useful Photoshop Text Effect Tutorials for web designers | Webgranth says:

   February 22, 2011 at 3:07 am

   [...] by using bevel and emboss, inner glow effect, few textures and brushes together effeiciently. http://thedesignmag.com/how-to-create-a-mud-photoshop-text-effect.html (primary [...]