Distressing Type in Illustrator

When I see something cool online I’m always telling Mel to write a blog about this, make a shirt look like that, or asking her to find different tutorials that are awesome (that I’m too lazy to find).  She saved the day again today! I’ve been trying to find out an easy way in illustrator to distress type without bringing it into Photoshop. She sent me a link to this tutorial on DzyneO about distressing type that really helped my project get finalized.  Check it out:

Step 1. Type something that you’d like to distress. Open the brushes palette

Step 2. With the pen or the brush tool draw lines over your text in a different color (this color won’t be seen at the end, it helps with separation of images) until you receive the desired effect. Apply different stroke sizes to add variation in your design.

Step 3. Outline the text and group. (Type>Create Outlines) (ctrl+g)

Step 4. Select all strokes created and go to Object>Expand Appearance

Step 5. Open the Pathfinder tool and select everything (ctrl+a). In the pathfinder palette click on merge. Make sure that the stroke color is selected in the fill color. Go to the toolbar and click Select>Same>Fill Color and delete the selection. (I promise it works, it took me a few trys to figure it out, so don’t give up)

Step 6. Your Final Image!

I’m working on some t-shirts for our favorite local singer/songwriter Zank. Which design do you like? I can’t decide.

Hope this helps!

-michelle

About these ads

13 Responses to “Distressing Type in Illustrator”


  1. 1 dj October 21, 2008 at 1:27 pm

    Stellar. Way easier than the convoluted method I had been using.
    That involved finding a woodgrain, doing a live trace in B/W then subtracting from each individual letter in pathfinder. Used that method to do my logo. Your method is far simpler and yields cool results. Thanks.

  2. 2 michelle October 21, 2008 at 1:33 pm

    Hey DJ! Awesome. I’m so glad it helped. Let me know if you need any more help in illustrator and Mel and I will be happy to figure out how to do it.
    -michelle

  3. 3 Stuart Wilson April 6, 2010 at 2:04 pm

    Thanks for this demo! I’ve been using Illustrator for years and this tutorial introduced me to several new tools on the way to this beautiful technique.

  4. 4 Roger February 13, 2011 at 11:51 am

    Totally Rockin’! Been going the ‘minus back’ route one letter at a time. No more of that nonsense. Extremely happy!

  5. 6 guirigales December 10, 2011 at 10:39 am

    FANTASTIC. Cheers!

  6. 7 Jeff June 6, 2012 at 10:32 pm

    Hello:
    I have tried this at least 5 times and when I get to step 5 and hit delete, everything is deleted. I have tried converting everything to outlines, converting only the brush strokes to outlines, no outlines, text only (no objects) etc. and still get the same result. I must be missing or not understanding a step. Any help would be appreciated. I love the concept but obviously am doing something wrong.

    • 8 michelle June 7, 2012 at 9:28 am

      Hi Jeff,
      After you have merged your brush strokes with you text DE-SELECT everything. Make sure that the color of your brush stroke (in my example, purple) is the selected FILL color and then with everything still de-selected click on the navigation dropdown “SELECT> Same > Fill Color.”

      The key here is to make sure that everything is deselected when you click on “Select > Same > Fill Color.”

      I hope this helps!

      Fill Color

  7. 9 DRS and Associates Blog November 7, 2012 at 11:11 am

    Hi, I do believe this is an excellent blog. I stumbledupon it ;
    ) I’m going to revisit once again since i have book marked it. Money and freedom is the best way to change, may you be rich and continue to guide others.

  8. 10 David Esrati March 5, 2013 at 9:45 am

    Jeff- “SELECT> Same > Fill Color.” does nothing in CS5.
    I can’t delete the strokes.
    Any suggestions?

  9. 11 David Esrati March 5, 2013 at 1:43 pm

    So- I was using a brush that was too complex- on a compound typeface. Simpler brush- and it worked. Thanks


  1. 1 how to do this effect? - T-Shirt Forums Trackback on January 5, 2013 at 10:51 pm
  2. 2 How to create vintage tshirt graphics? - T-Shirt Forums Trackback on March 28, 2013 at 12:33 pm

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Connecting to %s





Follow

Get every new post delivered to your Inbox.

%d bloggers like this: