Start a new document with white background.

Select the type tool and type in your text. Make it rather large, for learning purpose, use the same settings as mine to start off with so we get the same result, once you mastered the technique, you can then alter it for the desired effect.

I chose BOLD Georgia, size 150px. Make it GREY (#BBBBBB)

Apply Bevel & Emboss layer style to this text.

- Inner Shadow

- Bevel and Emboss

Now right click on the icon on the layer and select "Create Layers"

What we've just done is create a layer for each style we applied.

Click to view (take note of the names of each layer)

Now set Inner Bevel Highlight's layer's blending mode to "Vivid Light"

Now select the "Inner Shadow" layer, and apply Filter » Blur » Motion Blur

Set Angle about 10 and Distance: 20

Now add little drop shadow (Layer » Layer Style » Drop Shadow) to the main layer (ORGINAL layer), just leave it at the default will do.

Then rasterize this layer, go to Layer » Rasterize » Layer

Now create a new layer on the layers pallete.

note: You must click on the background layer when creating a new layer otherwise the new layer will be created with the styles layers.

Use the rectangle marquee tool and make a small rectangular selection and fill it with black on the new layer.

DO NOT deselect yet

Then go to SELECT » Modify » Expand then enter 3.

DO NOT deselect yet

Now go to Filter » Pattern Maker.
set sample detail to about 3px. then click GENERATE

The pattern maker will generate something similar to the image on the left.

Then click ok.

Now that new layer should be filled with the pattern

NOTE: if you are user photoshop version 6, the pattern maker filter is not there, CLICK HERE to download a copy of the patterns. copy and paste it over your text, CTRL+CLICK on it to load the selection. Alternatively, you can use the lasso tool and make your own random selection.

CTRL+CLICK the new pattern layer to make a selection of the pattern.

Then HIDE (by clicking on the eye icon next to the layer) pattern layer, and click on the text layer to make it the working layer.

Now with the Move Tool selected , use your arrows on your keyboard, move to the left 5 times and down twice.

Now you can deselect (CTRL+D)

Then go to "Image » Adjustment » Brightness/Contrast"

Brightness: -15
Contrast: +50

This text can be placed on any colored background since we only worked with the text layer, so play around with it and create something nice for your game site :)

DOWNLOAD PSD FILE