How to Make Grunge Type Effects
Today’s blog is a quickie on how to add grunge effects to type easily. First you will need some grungy images, best place to find these is on the web or take them yourself. Make sure before you use an image from the web that the owner/photographer has released rights for personal/commercial use and reproduction (see blog on copyright!) I found some images at Desizn Tech that are free for personal and commercial use, it is also a good reference site for for web designers, techs and anyone with an interest in design in general, back to the topic at hand…
Once you have an image in hand, make sure it has good contrast in the image for the area you want to pull out for your “grunge”. I adjusted the contrast a little in photoshop in the image I picked (from Desizn Tech) before placing it in Adobe Illustrator. Once in Illustrator I ran live trace and adjusted my options to pull out the dark areas. I set it to blakc and white and then ungrouped and removed the white areas leaving me just the black shown below.
Once I had the grunge for my image (see above) I turned the black to magenta so I could see the type and the image areas and overlap clearly (below).
At this point I selected the type, converted it to outlines, colored the grunge art white again and used the pathfinder divide tool to subtract the grunge from the type I then selected all the white areas using “select same fill color” and deleted the white parts. You can see the remainder (below) with points highlighted.
At this point you are done and have your grunge artwork ready to go, click on the image below to see a more blown up version. You can also have a two-tone look by putting another copy of the type artwork without the grunge effect to fill in the white areas with another color.
I hope you enjoyed this little tutorial, and when you are done with that “grunge” poster bring it on over and have us print it for you here at PGprint.com!
Christopher Robinson
Tags: adobe illustrator, Design, grunge, tutorial
