Alison Johnston


Grunge Text/Type

So lets make some grungy text. You may never need this, but it’s simple to do … so why not!

The image below is the only image we are going to be using today, but you will need the larger file, so clicky on THIS link.

Copyright is mine – yada, yada.

Open Photoshop and create a new file 800px X 600px, background set to white. Open the larger image (which you will have saved to your computer) and with your move tool selected and the shift key held down, drag the tree image over to your new file. Holding down the shift key will centre the image for you.

Working on the trees layer Go to Image>Adjustments>Threshold and I want you to take the slider to the left until it reaches 80 (see image below). We’re aiming to get a lot of white in the image.

Next we’re going to add the type. Select a foreground colour, I used Red. Grab your type tool and select Horizontal type – then go ahead and type something, I used RedBubble. (Arial Black > Regular>100pt>Sharp – for those who may be interested) Move your text to where you would like it to be, you can place it similar to where I placed, but it will need to be over some of the black. Once you’ve played around with this a couple times you’ll get a general idea of where the text should go.

Before we go any further, we have to rasterize the text. You can either right click on the text layer and choose rasterize type or go to Layer>Rasterize>Type.

Now the fun begins :-) click on the trees layer, the one you did the threshold adjustment on and select your magic wand tool, check that the contiguous box on the top menu bar is unchecked and select some of the black. Because you have the contiguous box unchecked, the magic wand tool will select all of the black areas. Now, hide the trees layer by clicking the little eye icon and click on the type layer, then press the delete key. Go to Select>deselect or press ctrl D on the keyboard.

And there you have it, some grungey type text. Use your move tool to position the text wherever you want and you can drag the trees layer to the little garbage bin icon … cos you don’t need it anymore.

I’ve cropped my final image.

Larger file is HERE

Enjoy playing, and if I haven’t made anything clear just ask me.

  • Tina Hogg

    Tina Hogg

    Looks great! Thanks for this, I’ll have a go!

  • Alison Johnston replied

    Hi Tambala – You’ll enjoy it and it’s really easy to do.

  • DarlaReeves

    DarlaReeves

    cool effect! Will have to give it a try! I’m not very good at ps but am learning!

  • Alison Johnston replied

    Hi Darla,

    If you get stuck, just me a call :-)

  • Stephen Mitchell

    Stephen Mitchell

    Very smart. Must try this with GIMP.

  • Alison Johnston replied

    Hi Stephen,

    Let me know how it turns out with GIMP, perhaps you could edit the tutorial for GIMP users.

  • Debbie Black

    Debbie Black

    off to give this a go! I’m assuming this would work with more than just text…..

  • Alison Johnston replied

    Hey Debbie,

    It certainly should. Just use the same, or similar steps, to achieve it. If you run into any trouble just let me know :-)

  • Debbie Black

    Debbie Black

    Thanks Alison – you’re a star! :)

Add your comment

You need to login or signup to add your comment to this work.