Home Photoshop Text Effects Create a Diablo III Inspired Grungy Text Effect

Create a Diablo III Inspired Grungy Text Effect

Author: psdvault More by this author

Added: Aug 27, 2009 Rating:

Level: Experienced Software: Photoshop

Step 1

Firstly we need a nice font and a texture for overlay effect. You can use any font you like, I chose this font from dafont.com. After choosing your font, donwload a copy of this texture below (click to enlarge and download)

Create a Diablo III Inspired Grungy Text Effect image 1

Step 2

Create a new document of any size, I chose 800*600px because it provides more room later on if I want to add something extra on. Fill the background layer with black.

Use the type tool to type some text onto it using the white colour. Name this layer as "text", right-click on the layer and go to Blending Options, use the follow settings:

Drop shadow

Create a Diablo III Inspired Grungy Text Effect image 2

Bevel and Emboss

Create a Diablo III Inspired Grungy Text Effect image 3

Hightlight Mode colour for Bevel and Emboss option

Create a Diablo III Inspired Grungy Text Effect image 4

Gradient Overlay

Create a Diablo III Inspired Grungy Text Effect image 5

Step 3

Open the texture image file you downloaded, use the selection tool to select a portion of the image and drag your selection on top of the "text" layer. Name it "texture", right-click it and choose "create clipping mask".

Use the curve tool to adjust the colour mixture of this layer a bit. See below for detailed curve tool setting:

Create a Diablo III Inspired Grungy Text Effect image 6

Step 4

Change the layer blending option of this layer to "screen", apply inner glow and some dark brown satin in the blending options. See below for details:

Create a Diablo III Inspired Grungy Text Effect image 7

Step 5

On the "texture" layer, use a big circle brush with a low opacity and flow (30% each) and dark yellow colour to add some colour contrast on it. Below is the text effect so far:

Create a Diablo III Inspired Grungy Text Effect image 8

Step 6

Duplicate the "texture" layer once, apply the "Glass" filter onto it. See below for detailed settings:

Create a Diablo III Inspired Grungy Text Effect image 9

Then set the layer blending option to "Color Burn".

Create a Diablo III Inspired Grungy Text Effect image 10

Step 7

Optional: you can some extra effects on top of the duplicated texture layer. I added a dupilcated layer with a "Medium" filter on and set the layer blending option to "Color Dodge". See below image for details:

Medium filter

Create a Diablo III Inspired Grungy Text Effect image 11