Tutorial: make texture without leaving Illustrator

November 8th, 2007 | by Cheryl |

 

You can take any photo, or a scan of some scribbles, or other photographic source, and Live Trace it to make vector texture. But here’s a way to create textures with no outside source required.

 

Step 1: Draw a rectangle. Fill it with any color, and a stroke of None.

 

Step 2: Go to Effect>Texture>Grain. A humongus texture gallery will appear, and you can play with any of the textures and settings. Here, I used vertical grain:

 

effectgallery.jpg

 

Step 3: Select your freshly-textured rectangle and go to Object>Expand Appearance. You can rasterize the object instead, but I get better results expanding.

 

thegrain.jpg 

 

Step 4: Go to Object>Live Trace>Tracing options … Choose Black & White. Play around with the Threshold settings, Path Fitting and Corner Angle to get the right amount of texture. I’ve checked “Ignore White” so that I’ll end up with only the black, but you could also use the white for a similar, but lighter texture.

 

tracegrain.jpg 

 

Step 5: Click Expand to expand the trace. Now you can place it over another object, or use the Pathfinder tools to cut it out of a shape. Here, I’ve changed the texture object to white, then placed it over the t-shirt with Overlay blending mode (t-shirt by rodrigofoca at iStockphoto.

 

grainshirt.jpg 

 

EXTRA: You can also use this method to create texture brushes. Here, I start with a narrow rectangle, and drag the expanded trace into the Brushes panel. The possibilities are truly endless, and you never have to leave the comfy confines of your favorite vector drawing program!

 

texturebrush.jpg 

  1. 6 Responses to “Tutorial: make texture without leaving Illustrator”

  2. By Suzanne on Nov 10, 2007 | Reply

    I was exploring in there the other day when I sent that image to you. So awesome to have this ability. Thanks for expanding the possibilities, too, it didn’t dawn on me to use them as a texture straight up, duh.

  3. By Jeremy English on Apr 8, 2008 | Reply

    I have to say, this has really opened my eyes to just how easy it is to create grunge vector art, etc. Thanks for the tip!

  1. 4 Trackback(s)

  2. Oct 19, 2008: 20 Exceptional Websites for Learning Adobe Illustrator - Six Revisions
  3. May 12, 2009: 50 Great Illustrator Tutorials and Tips « Vandhematharam
  4. Jan 3, 2010: Muhammet Can // Design Resource , Freebies & Tuts » Blog Archive » Illustrator için 50 müthi? e?itim!
  5. Jan 3, 2010: Muhammet Can // Design Resource , Freebies & Tuts » Blog Archive » Illustrator için 50 müthi? e?itim!

Post a Comment