How to make a Grid Grunge Text Effect in Adobe PhotoshopWritten by: Jenny | Learn how to add a grid grunge effect to your text in Photoshop.

In this tutorial, you will learn to create the above text effect in Adobe Photoshop. I am using Photoshop 7 but the steps shown in this tutorial will apply to any other versions of Photoshop. Step 1// Open up a new blank document in Photoshop, make sure the background is ‘transparent’. Size depends on length of your desired text. Step 2// In your new document, fill Layer 1 with black (#000000). Step 3// The click the ‘Horizontal Type Tool’ in the toolbox and choose a suitable font. For demonstrating this tutorial I used, ‘Impact’ which is a free font face available already on most computer systems. I suggest using wide, bold fonts for this effect. Type whatever you want in the white (#FFFFFF).

Step 4// Then ‘Merge Down’ (Layers>Merge Down or Ctrl-E) the top text layer to the bottom background layer. Step 5// Using the ‘Magic Wand’ tool in the toolbox, select your text. A tip to do this quickly is to select the black background and inverse (Ctrl-Shift-I or Select>Inverse) it to select the white text. Your white text should have a dotted ‘ant-line’ around it to show that it’s selected. Step 6// Your previous selection is step 4 should still be selected, if it isn’t you can repeat step 4 to reselect it. The first filter that we are going to apply is called ‘Crystallize’. Now go to Filters-Pixelate-Crystallize and this window should open. Set the ‘Cell Size’ to 25 and press ‘OK’. After pressing OK, your image should look like this:

DO NOT DESELECT YOUR SELECTION. If you do deselect it open up the ‘History’ window (Window > History) and undo the mistake by pressing the step you did before the ‘deselect’ step. Step 7// Your original selection should still be selected. Make sure that white is your background color before applying the next filter. We’re going to add the ‘Tiles’ filter. With your selection still selected got to Filters > Stylize > Tiles… Fill out the forms in the presented window like below:

After pressing OK, your image should turn out like this:

Step 8// Your original selection should still be selected. In this one step, we are going to add the last filters needed. First we’ll add a ‘Gaussian Blur’ (Filters > Blur > Gaussian Blur). Set the radius to 0.4.

Step 9// This is the last step for this tutorial. We’re going to be adding some color to the image. Create a new layer to your image by Layer > New > Layer… or by pressing Ctrl-Shift-N. Choose a color to overlay. I’ve chosen a solid blue, #0000FF but you may choose any color you want. Fill your new layer completely with this color. Now in the ‘Layers’ window (Window > Layer) right click on the new layer you’ve just made and select ‘Blending Options’. The window below should pop up.

Choose ‘Color’ as the ‘Blend Mode’ and then press ‘OK’. Step 10// You’re finished! Your end product is below, if you aren’t happy with exactly how yours turned out you can always play with the filter settings until they do turn out as planned.

   

| Written by: Jenny | Added: Oct 2 2009 | Last Modified: Jan 22 2010 | Views: 2,152 | (Log in to rate) |

Member Comments