Grunge Text Effect Tutorial
The Grunge/scratchy effect has grown more and more popular for t-shirt designs and I thought I would share one way of how I’ve recreated this design in Adobe Illustrator CS. Our Goal is to go from this plain looking piece of text to a stylish grunge design.
1. Start out with one or two distress patterns. These will be used to create the grunge scratchy effect overlay on your text. These particular patterns I used can be found free at U.S. Screen Print and Inkjet Technology, thanks to Scott Fresener.
2. Write out some text. For this tutorial, I’ll be using the word Ireland but can you write whatever you so please. Outline Text. Type> Create Outlines
3. Apply a stroke weight to your text. I used 2 point and chose an artsy charcoal brush. I also used the same color as my future background for the stroke.
4. Object>Expand Appearance
5. Stroke>Fill Color> Round Edges, and increase stroke to two or three
6. Object>Path> Outline Stroke
7. Rotate your text, if you prefer. It makes for a cooler look!
8. Select one of your distress patterns and place it on top of text. Object> Arrange>Bring to Front and color if you like. I used a grey color.
9. Now Select your text edit>copy click off and paste> in front
10. Object> Compound Path> Make ( with the top layer of text) . Select Pattern while leaving the text selected ( use ALT). Object> Make Clipping Mask. Looking nice, huh?
11. Bring second pattern over on top of text. Make pattern same color as the background ( choose white like I did if you are designing for a t-shirt or some other type of merchandise… and save as a a transparent image) Tweak if necessary to any color of your liking.
12. Admire a job well done and begin to make wonderfully great art with this simple but stylish look.
If you have any questions or comments, leave a message below or contact me using my contact form located on my site.
Here are a few products that I created with this style:
13 thoughts on “Grunge Text Effect Tutorial”
How neat! What a great tutorial!! Thanks for that.
Amazing tutorial. When you put it all down like that it seems so easy, but I have trouble even envisioning what steps it would take to get from the beginning to the end. Can you really just look at something and know what it would take to get to that finished product? Amazing.
This is the official homepage of the Farise site portal.
Official site has lyrics, sounds, articles, tour dates, discography, pictures, FAQ, and message board.
Great tutorial, thanks. I use Illustrator a lot for type and initial images and then usually bring it into Photoshop for effects, but the more I can do directly in Illustrator the greater the overall flexibility it gives me. I’m self taught and it’s thanks to the generosity of people like you that I know as much as I do in terms of designs programs. So, thanks again. I’ll be stopping by frequently.
Awesome tutorial! 🙂
Hi! I was surfing and found your blog post… nice! I love your blog. 🙂 Cheers! Sandra. R.
Found this on accident but im glad I did!
Off to Illustrator.
p.s. You have a very good theme . Where did you see it?
Hi i have so manu time lloking for ” These particular patterns I used can be found free at U.S. Screen Print and Inkjet Technology” i what to know if you can share that patters whit me? becouse i can not find them, pleas if you know a way to find this paterns i`ll be so thank whit you sorry about my english.
adboe illustrator is feature packed and i love all of its great features ‘