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:
February 19th, 2008 at 1:55 pm
How neat! What a great tutorial!! Thanks for that.
February 20th, 2008 at 7:23 pm
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.
March 3rd, 2008 at 12:20 pm
[...] Texturas irregulares. [...]
March 3rd, 2008 at 6:10 pm
[...] te muestra cómo mejorar las gráficas de Exel por ejemplo. Otro de los efectos interesantes es el Texto Grunge de ConnectedtoChrist. Si los tutoriales en inglés te abruman, IllustrationClass tiene una cantidad [...]
March 11th, 2008 at 8:42 pm
This is the official homepage of the Farise site portal.
Official site has lyrics, sounds, articles, tour dates, discography, pictures, FAQ, and message board.
April 8th, 2008 at 10:39 pm
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.
October 29th, 2008 at 9:41 pm
[...] Grunge Text Effect Adobe Illustrator Tutorial [...]
May 19th, 2009 at 8:34 am
Awesome tutorial!