Grunge Type Photoshop Tutorial
Ok, today we are going to look at how to make grunge / worn style type to use in your art. The process is actually quite simple, and you can get endless variations.
Adam Woodhouse www.adamwoodhouse.co.uk

Step 1 - Setting up our canvas
Ok, first step is pretty straight forward. All we are going to do is open Photoshop, and create a new canvas ( File > New ) and I am going to create a canvas 640px wide by 300px high.
We are going to add a background colour, so using the paint bucket tool (Shown below) we are going to simply click on the background layer with our selected colour. I am going to use a shade of dark red as my background colour:

Step 2 - Creating our type
We are now going to select the Horizontal Type Tool, which is the big “T” in the tools panel (Circled Below), we could also hit the “T” on our keyboard to select it. This will add an array of options at the top of the screen where you customize your font. I’m going to select the font “Coolvetica” ( which you can download free from here ) set at 172px and in the colour white.

Step 3 - Rasterising our type
Now we have our type set up, we are going to make it raster rather than vector (which it is currently in) - Raster means it can’t be scaled without pixelisation basically. We do this by going to the layers panel, right clicking on our type layer and clicking ” Rasterise Type” from the list.

Step 4 - Erasing the edges
Now we have our raster type on the canvas, we can start it edit its form directly. We need to select the “Eraser tool” from the tools menu
- Eraser or press “E” on our keyboard. Then our tool menu will change at the top of the screen. We need to select the “Oil Pastel Large” brush.

We now need to just erase the edges of our type by clicking on our type layer and erasing around the type itself.

We can change the brush, and get a more varied effect, or even create your own brushes to erase with!

Step 5 - Adding effects
We can just as easily add grunge to the type now, instead of erasing it. So I’m going to select the “Brush Tool” from the tools tab (Or press B on the keyboard) and selecting a rough brush from the list. I’m going to use a variation of brushes from the predefined ones in Photoshop.

We could also look at rotating our type slightly to add a more random effect. We can do this by selecting the transform rotate tool from the menu ” Edit > Transform > Rotate” then rotating slightly to add that more random look, hit Enter on your keyboard to apply the transformation
Step 6 - Finalizing your type
Now we have our grunge type, its time to experiment! Now experimentation is the best way you can learn Photoshop, you can play with the tools and filters to really create some masterpieces or monsters! Don’t be afraid to experiment people
I’ve created loads of brushes for people looking to experiment to download for free, you can grab them here! After playing around with the brushes from my own collection this is what I managed to knock up in about 5 min’s!

I hope this helped, any questions be sure to email me or write a comment below!
Cheers,
Adam Woodhouse www.adamwoodhouse.co.uk
September 2, 2008

















Dainis Graveris - September 3rd, 2008
Simple tricks and nice output - good connection. I just think it would be more complete if you could add some colors and grunge type background too. Anyway - thanks!
printing capalaba - September 3rd, 2008
Where are the brush’s available for download? They don’t seem to be on this page.
Otherwise nice tutorial, good to see it with some colour as above.
Alyce - September 3rd, 2008
Love it! But instead of rasterizing it, you could add a layer mask to do it non-destructive! Just a tip
Tim Smith - September 3rd, 2008
Nice tutorial. Simple yet awesome!!
linkto - September 4th, 2008
Thanks for your tutorial.
35 Tutorials for Mastering Photoshop Brushes | Vandelay Website Design - September 17th, 2008
[...] Grunge Type Photoshop Tutorial [...]
yousra - October 1st, 2008
hiiiiiiiiiiiiiiii i love grunge and kurt cobain is my herro and he is not dead
Best Of Design - September - October 2nd, 2008
[...] Visit Source [...]
Antilogic Media » Blog Archive » Antilogic Media - Design, Technology, SEO, Online Marketing and more… - October 6th, 2008
[...] Grunge Type Photoshop Tutorial - You the Designer [...]
50 Dirty, Filthy Grunge Photoshop Effects - PSDTUTS - October 10th, 2008
[...] 2. Grunge Type Photoshop Tutorial [...]
Yuva - October 10th, 2008
very nicely explained.. surprised to know tat we can make grunge effects with the available brushes
Free Adobe Photoshop Tutorials » Blog Archive » 50 Dirty, Filthy Grunge Photoshop Effects - October 12th, 2008
[...] 2. Grunge Type Photoshop Tutorial [...]
Bheeshma Chand - October 16th, 2008
thanks alot mate
this was my first attempt at creating something from cs2…
i had been looking tutorials like yours, simple and creative..
my best wishes to you…
Gewinnspiele Blog » Blog Archive » Buch gewinnen - October 16th, 2008
[...] Link1 : Photozauber Link2: Galileo Design Link3: Youthedesigner [...]
Cinccliek - October 21st, 2008
Hi! georgia breast enhancement surgery
Grunge Effect, Web Round-Up | Tutorials | Faze One Studio - October 28th, 2008
[...] 2. Grunge Type Photoshop Tutorial [...]
Julievive Empasis - November 5th, 2008
nice tutorial… thanks for sharing
Krystian - January 3rd, 2009
Added to PSD Showcase
just to let you know…
Bookmarks for Enero 9th from 18:37 to 19:30 | FACIL TUTORIALES - January 9th, 2009
[...] Grunge Type Photoshop Tutorial - [...]
39 Grunge Resources: Tutorials, Textures, Fonts, Themes, Brushes and Icons | Jeremy Adam Davis - January 14th, 2009
[...] Grunge Type Photoshop Example [...]
» 60+ Grunge Effect Tutorials in Photoshop/Illustrator - March 5th, 2009
[...] Grunge Type Using Photoshop You will know how to make grunge/worn style type in this Photoshop Tutorial. [...]
Grunge Type | Foggy Designer - March 15th, 2009
[...] Grunge Type via YouTheDesigner [...]
50 Dirty, Filthy Grunge Photoshop Effects - Free Photoshop Tutorials - April 8th, 2009
[...] 2. Grunge Type Photoshop Tutorial [...]
Grunge Tutorials for Photoshop, Illustrator, CorelDraw, & GIMP | Best Kreative - May 4th, 2009
[...] Grunge Type Photoshop Tutorial - YouTheDesigner [...]
35 Tutorials for Mastering Photoshop Brushes « Online Free Application Software Tips Tools Wallpapers - May 15th, 2009
[...] Grunge Type Photoshop Tutorial [...]
Angie - June 5th, 2009
It makes me sick that you just did in 5 min’s what I have been wanting to do my whole life. Well, ok, not my WHOLE life per say… but for awhile.
See, I’m just getting started dabbling in all of this.