Categories
Building-Furniture

How to add a texture in illustrator

How to add a texture in illustrator

After creating your detailed illustration in Adobe Illustrator, you can color each of the objects that make up the graphic with Illustrator’s painting tools. Use the program’s Fill tool to add a solid color, color gradient or pattern to an entire object or the Stroke tool to color the visible outline of an object.

Apply a Color Fill

Click and highlight an object in the detailed illustration to select the item.

Click the “Fill” box in either the Color panel or the Tools panel.

Click and select the color that you want to use from the Color panel or Control panel. Alternatively, double-click the “Fill” box, and select your preferred color with the color-picker tool. If you want to apply a color pattern rather than a uniform color, select your pattern from the Swatches panel. To apply a gradient fill, with one color merging into another color, select the applicable colors from the Gradient panel.

Repeat these steps for each object in the illustration that you want to paint with a color. Click “File” in the main menu, and then click “Save” to save the illustration.

Apply a Color Stroke

Click and select the illustration object.

Click the “Stroke” box in the Color panel, Tools panel or Control panel.

Select the color that you want to use for the stroke in the Color panel, or double-click the “Stroke” box and select a color with the color-picker tool. To apply a patterned stroke, select the pattern from the Swatches panel.

Click on your preferred line weight, which controls the width of the color stroke, from the pull-down options list in the Stroke panel or Control panel. Select your preferred alignment for the stroke — center, left or right – in the Stroke panel. If you want the stroke to form a dashed line instead of a solid line, click and select the applicable check box. Select your preferred corner style and set a miter limit for the corner joins in the Stroke panel. Illustrator applies the stroke to the selected object’s outline.

Save the document to store your color changes.

  • Adobe Illustrator CS5: About Fills and Strokes
  • Adobe Illustrator CS5: Apply a Fill Color to an Object
  • Adobe Illustrator CS5: Apply a Stroke Color, Width or Alignment
  • If you’ve created a Live Paint group of objects, you can apply a color stroke to the object edges by selecting each edge with the Live Paint selection tool, and then following the above steps for applying a color stroke.

Adrian Grahams began writing professionally in 1989 after training as a newspaper reporter. His work has been published online and in various newspapers, including "The Cornish Times" and "The Sunday Independent." Grahams specializes in technology and communications. He holds a Bachelor of Science, postgraduate diplomas in journalism and website design and is studying for an MBA.

Texture masking is a great way to add a worn, aged look to your vector designs. In this tutorial I’ll be demonstrating how you can apply a distressed texture with Illustrator. This is something that can be done in just a few clicks.

The following is a written overview of the steps taken to apply textures in Adobe Illustrator. For more detailed instructions I would recommend watching the video tutorial at the top of the page.

Apply A Distressed Texture with Illustrator

The following video tutorial will walk you through the entire process. Continue on for the written instructions.

Adobe Illustrator is typically used for vector graphic design, but in some instances you can use raster images to enhance your vector creations. Texture masking is a great example of such, and in Illustrator we can use the opacity mask to accomplish this.

In Illustrator, the opacity mask is used to create areas of transparency and opacity in your design by using black and white. Black areas become transparent, whereas white areas remain opaque. Gray areas will have partial transparency based on how dark or light they are.

The first step is to select the design you’d like to apply the distressed texture to and group it together by pressing control + g on your keyboard.

Now we need to bring up the Transparency window. To locate this, navigate to Windows > Transparency.

Once you have the Transparency window open, make sure that there’s a thumbnail preview of your design visible in the menu. If not, click on the little hamburger menu icon in the top-right of the window and click on Show Thumbnails.

Now that we have the Transparency window active, let’s identify the distressed texture you’d like to apply to your design. The texture must be a black and white image. For this demonstration I’ll be using the following texture…

If you’re in need of some distressed textures then be sure to check out my collection of 15 free grunge textures.

Copy the texture to your clipboard by selecting it and pressing control + c on your keyboard.

Now, select the design that you’d like to apply the distressed texture to, then click on the Make Mask button in the Transparency window. This will make your design temporarily invisible.

If you glance over at the Transparency window, you’ll notice that there’s a black fill in the preview thumbnail to the right of your design’s thumbnail.

Activate the black thumbnail by clicking on it, then paste your texture into it by pressing control + v on your keyboard. This will apply the distressed texture to your design.

Like I mentioned earlier, the opacity mask works by making black areas of your design transparent and white areas fully opaque. In this example, you’ll notice that the black area of the distressed texture became transparent on the design and the white areas remain visible.

You can adjust your texture by moving it, scaling it, or rotating it, the same way you would any other image.

Once you’ve adjusted your texture to your liking, you can go back to working with your original design by clicking on the design’s thumbnail preview in the Transparency window to activate it.

This technique is non-destructive and can be undone at any point. To do so, simply click on the Release button in the transparency menu.

That is how you can apply a distressed texture in Adobe Illustrator! If you have any questions or need clarification on any of these steps simply leave a comment below. As always, thanks for watching!

Logos By Nick LLC is a participant in the Amazon Services LLC Associates Program, an affiliate advertising program designed to provide a means for sites to earn advertising fees by advertising and linking to Amazon.com. As an Amazon Associate I earn from qualifying purchases. Read affiliate disclosure here.

LogosByNick.com is an educational media platform for learning about graphic design software.

6 thoughts on “ How To Apply A Distressed Texture with Illustrator ”

So it is not working for me. When I select a two color logo and then click on mask, the logo goes transparent. But it never goes back to the two colors, unless I click off “clip”, but that just leaves the entire texture overlaid on top.

I am having this same issue as well

Ok, thanks. That makes sense.
But if I am using a vector texture, once I’ve set it up, do I need to combine the 2 pieces of the mask to make it scalable in some way?

Nope, not if it’s vector. If it’s vector it will scale fine.

Thanks for this tutorial . I am confused about something, though. Once the texture has been applied, can I do something to the image to make it a scalable vector? It doesn’t really work as a logo if that’s not possible. Thanks! I hope to hear from you!

Since the texture is a raster image the applied effect will also be raster. You’ll have to use a vector texture if you want it to be all vectors. Or you can just use a texture image that’s really large.

Leave a Reply Cancel reply

Recent Posts

Got an unwanted object in your photo that you’d like to remove? Well, you’re in luck! Affinity Photo makes this process as simple as can be, thanks to one of its many handy tools. To remove an object.

Duplicating elements of your design work is one of the most common functions you’ll likely need when using a design app such as Procreate for the iPad. In this tutorial we’ll be going over all of the.

Keep In Touch

Join the mailing list to be notified of new posts and receive 200+ FREE design templates!

Sponsored Links

report this ad

Illustrator is great for creating clean and precise vector artwork. To give your illustrations a unique and more stylized look, you can add texture to strokes and fills, as an overlay, or with a mask. Here are the methods you can use to texturize your artwork.

The Starting Point

You’ve created an illustration for your favorite client. You can use it for signage, T-shirts, and promotional items. The art is almost ready to go, but you can make it stand out even more by adding texture.

How to add a texture in illustrator

Method 1: Illustrator’s Texture Effects

A good place to start is with Illustrator’s Texturizer effect. Select elements of the artwork to stylize and choose Effects > Texture > Texturizer.

Texturizer has four styles you can choose from the Texture drop-down menu. You can also try the other five textures in this group of effects. Adjust texture parameters with the controls on the right. The texture will apply to both strokes and fills of your selected artwork.

More after the jump! Continue reading belowHow to add a texture in illustrator
Free and Premium members see fewer ads! Sign up and log-in today.

How to add a texture in illustrator

Leave the artwork selected after applying the texture. Select Multiply from the Blend Mode dropdown menu in the Transparency panel to make it interact with the background. If the result is too light, choose Edit > Copy then Edit > Paste in Back.

The final result uses Grain on the bird layers and Texturizer’s Canvas option on the background layer:

How to add a texture in illustrator

Method 2: Overlaying Bitmap Images

For a more dramatic look that works well on posters and wall art, you can overlay a bitmap texture on your artwork. Bitmaps are black-and-white raster images that you can find from various sources or create yourself with Photoshop. Bitmaps files in TIFF format work best in Illustrator, as you can apply colors and blend modes, or use them as a mask.

Finding Bitmapped Textures

Two great resources for bitmapped textures aimed at Illustrator users are The Vector Lab’s T-shirt design bundles, and exercise files from Von Glitschka’s Drawing Vector Graphics Laboratory courses. You can also find images of textures on Adobe Stock.

Converting Textures to Bitmap TIFFs in Photoshop

Stock images and those you photograph yourself will need to be converted to the proper format for use in Illustrator. Open an image file in Photoshop. Choose Image > Mode > Grayscale. Then choose Image > Mode > Bitmap. You can experiment with the different bitmap conversion methods. Optionally, you can adjust the levels and curves of the grayscale image before changing it to a Bitmap. Finally, choose File > Save As and select TIFF from the dropdown menu. Save with the default options.

Overlaying the Bitmapped Texture in Illustrator

Start by creating a new layer. Click the Plus icon in the Layers panel, and a new empty layer will appear at the top of the panel. Now choose File > Place and import your bitmapped TIFF file. In the Colors panel, you can assign a fill to the bitmap, then experiment with the Blending Mode options in the Transparency Panel to get the look you want. You can overlay additional textures to add even more character.

How to add a texture in illustrator

Using the Texture with an Opacity Mask

You can use a bitmapped texture as a mask to hide or show what’s beneath the artwork. Illustrator treats black pixels in the image as opaque, and white pixels as transparent. This works particularly well for apparel and merchandise printed with solid inks where the item color has to show through the design.

Select the placed bitmap image and the artwork you wish to texturize. In the Transparency panel, click Make Mask. If necessary, turn off the Clip option. Here’s a detail of artwork masked with a Plastisol texture. You can see the transparency grid beneath the artwork.

How to add a texture in illustrator

Method 3: Using Texturino

Texturino from Astute Graphics is a purpose-built plug-in for applying textures in Illustrator. Select the Background and bring up the Texture panel by choosing Window > Astute Graphics > Texture. Click on the panel to activate it. You can browse textures by category. Choose Polycotton Texture from the Fabrics category and click the big Plus icon in the panel to apply it to the background, simulating a T-shirt. Adjust the scale, opacity and rotation from the control widget.

How to add a texture in illustrator

Here’s the artwork you previously texturized with a mask, on the T-shirt background created with Texturino:

How to add a texture in illustrator

As final step. click on the Invert control and you now have a dark t-shirt. Adjust the artwork colors to create an entirely new variant for your client.

More Resources To Master Adobe Illustrator

This two-day deep dive covers everything from Illustrator power tips to making art look organic; from infographics to colors, patterns, and symbols; from drawing better, faster to working with images, and much more.

You’ll receive two full days of educational and inspirational session recordings, speaker handouts, resources, and more. This is your chance to interact with the experts and learn tips and tricks that will make your work more efficient and effective.

Professional-level members get $100 off registration! Sign up today.

Want to learn how to add texture in Illustrator? I have prepared an understandable guide, so that you can understand the process and speed up your image enhancing routine.

Method 1. Through Basic Graphics

This method of adding textures in Illustrator works for those who want to work with textures professionally. Using this option, you can not only apply a texture, but also resize and recolor the selected textured element.

STEP 1. Open Graphics Textures

How to add a texture in illustrator

You need to create a new Artboard > Basic Graphics Textures with the Window command. Find the Swatch Libraries at the bottom of the list, and hover the mouse over it.

How to add a texture in illustrator

Then you should run the Patterns-Basic Graphics command. You will see a standard set of textures available in the Illustrator free trial version.

STEP 2. Open Swatches

How to add a texture in illustrator

To change the color of the basic texture, open the Swatches bar in the Window tab.

STEP 3. Choose Texture

How to add a texture in illustrator

Put the Texture and the Swatches windows side by side. Then, using the drag-and-drop option, place the desired texture onto the Swatches panel.

STEP 4. Open Appearance

How to add a texture in illustrator

Open the Appearance panel on the Window tab. This panel helps you explore the elements of the chosen texture. Thus, you can learn if it’s possible to change their fill or stroke color when necessary.

STEP 5. Select Objects

How to add a texture in illustrator

Press CTRL + A for Windows or CMD + A for Mac to select all texture objects. Then you should go to the Layers panel and click on the lower rectangle without fill and stroke to lock it.

STEP 6. Change Color

How to add a texture in illustrator

You can replace the stroke and fill color if needed. To proceed, you can use either the Swatches bar or the Color Picker when you need a specific tint. When you create shapes in Illustrator, you can add custom elements to the texture.

STEP 7. Return to the Swatches Panel

How to add a texture in illustrator

Once you unlock the rectangle with no fill or stroke, you need to select all the elements of the tile pattern. Then, drag the tile back to the Swatches panel.

STEP 8. Done

How to add a texture in illustrator

After you created a texture in Illustrator, you can apply it to your image. For a more natural result, experiment with the blending mode and transparency.

Method 2. Through Effects

The Effects panel is multifunctional. Using it, you can add basic textures through a separate tab with customizable intensity and texture type. There are many Adobe Illustrator tutorials that cover this topic.

STEP 1. Open Images

How to add a texture in illustrator

Open the desired image. Keep in mind, that can disassemble vector graphics into objects to apply the effect separately, but it doesn’t work this way with raster graphics.

STEP 2. Choose Texturizer

How to add a texture in illustrator

Hover the mouse over the Effects panel and click to open a drop-down list. Find the Texture and move to Texturizer.

STEP 3. Configure Texturizer

How to add a texture in illustrator

You can adjust the texture parameters with the controls on the right. Once you complete, both fill and stroke of the selected image will appear with texture settings. To save them, press OK.

STEP 4. Choose a Blend mode

How to add a texture in illustrator

Select a Blending Mode from the drop-down menu and set the relevant mode.

Method 3. Through Clipping Mask

This is one of the easiest ways to work with Adobe Illustrator textures and apply them to any element.

STEP 1. Open the Desired Images

How to add a texture in illustrator

Open the desired object along with the relevant texture.

How to add a texture in illustrator

You should use a high-quality picture not to spoil its look when resizing.

STEP 2. Apply the Clipping Mask

How to add a texture in illustrator

Place the image over the texture. Then select both files and apply Clipping Mask to them. You can either right-click on the selected area or use a command on the Layers panel.

STEP 3. Choose a Blend Mode

How to add a texture in illustrator

Try different blending modes and opacity to find the proper variant. You can change background color in Illustrator to get a clear and shaded texture.

Bonus Tools

How to add a texture in illustrator

To speed up your workflow in Adobe Illustrator, use ready-made textures. These free collections are compatible with Illustrator. They will boost your creativity and potential when working with textures.

Applying a texture to an image in Adobe Illustrator creates the illusion of depth and makes even a flat image stand out more. The texturizer effect enables you to easily apply textures to any image, but it comes with a limited selection of textures. Illustrator shares the texturizer effect with another Adobe program, Photoshop, so it is possible to import new textures, provided the image files are in the native PSD format. New textures in the correct format are available online, or you can create them yourself if you own Photoshop.

Step 1

Download the new textures that you want to import into Adobe Illustrator and save them to your computer. Textures must be in the “PSD” format, so either download the files in the correct format from sites such as FREEPSDFiles (link in Resources), or download free texture files from sites such as texturemate and psdGraphics (links in Resources) and use Photoshop to convert them to the correct format. Save the texture file with a descriptive name, as this is what it will be listed as once you import it to Illustrator.

Step 2

Launch Adobe Illustrator and select “Open” from the splash screen to open a file to which you want to apply the new texture. Alternatively select a suitable format from the “Create New” section.

Step 3

Click the selection tool from the toolbox and then click the image to which you want to apply the new texture.

Step 4

Click “Effect” from the file menu and then click “Texture.” Select “Texturizer. ” from the drop-down list.

Step 5

Click the button next to the name of the texture on the right of the screen and select “Load Texture” from the list of options.

Step 6

Select the new texture that you want to import using the file browser and then click “Open.” Use the scaling and relief sliders to adjust the texture while watching the image preview on the right until you are satisfied with the results.

Step 7

Click “OK” to apply the new texture. The imported texture is available from the “Texture” drop-down menu on the Texturizer screen if you wish to use it again in the future.

I’m new to adobe illustrator. I want to fill my shape like the picture below. I tried adobe noises but I didn’t find anything like this. How to add a texture in illustrator

How to add a texture in illustrator

2 Answers 2

Getting the same non-repeating random complexity than your linked image has is much easier in a bitmap image editor (GIMP, Photoshop etc. )than in Illustrator. I guess it’s a real painting which has intentional scratches in the top color layers.

Having it as a vector in Illustrator has advantages. One of them is free scalability without pixelation nor blur. Another one is the possibility to test different shapes. That’s true only if the texture is available as a fill pattern or as a clipped image or as a brush.

Complex enough vector drawing would have tens of thousands anchor points which would slow down your computer. There’s no need to draw such a complex vector image, you can as well trace a bitmap image to vector – either a photo of a real surface or one which is created in Photoshop.

If you can accept something which looks a little simplified you can well draw it in Illustrator. You only prepare vector texture brushes to get the scratches. Here’s my example:

How to add a texture in illustrator

The ellipse and the not so well defined shape (drawn with the pen) in the left have both edge strokes given by my own Pattern Brush. The brush is the rectangle on the top. I dragged it to the brushes collection and defined it to be a pattern brush.

As you see, the pattern repeats. The shapes which got the brush stroke have longer edges than the length of my brush.

To stay in truth I say at first, that setting the shape color was not a snap. The brush was black and the edge became black, no matter what fill colors the drawn shapes had.

After applying the brush the shape was expanded (=Object > Expand Appearance). Then the edge and the original shape were united (= Window > Pathfinder > Unite) to one. That made possible to set the fill color.

Drawing such brush in Illustrator would have been be too tricky. The brush is made originally in Photoshop. I filled a rectangular selection on a white background with black and drew some random scratches with a 1 px wide white Pencil:

I selected all and pasted the result to Illustrator. There I traced the image to Black and white ignoring white. The trace used 1 px accuracy. After expanding the trace the shape was ready to be dragged to the brushes collection:

How to add a texture in illustrator

As others have already said, richer version is possible in a bitmap image editor. It’s especially easy if you have the right texture photo.

I unfortunately haven’t one which contains just what you want. This resembles more a piece of painted plaster or gypsum where the paint has got some knocks and scratches:

How to add a texture in illustrator

It’s easy to cut a couple of pieces of it to separate layers, insert a background layer and recolorize the clipped pieces either by applying Image > Adjust > Hue&Saturation > Colorize or preferably by inserting Layer Style Color Overlay. Too clean edges can be detoriated manually (here was used 1px wide eraser in pencil mode).

Some too big defects are fixed with the healing brush.

The background has some noise because pure white looked too clean.

How to add a texture in illustrator

The drawn (=erased) extra scratches at the edges didn’t look right as is because the the original defects in the starting image already had some apparent depth. That was fixed by embossing.

In today's article, you'll learn how to add bullet points to text, properly format a bulleted list and create a new paragraph style to speed up work with similar text objects in the current and new documents.

This article does not require any plugins or additions to Adobe Illustrator. Astute Graphics has published this to help answer one of the top questions vector designers face each day.

Although Adobe Illustrator does not have functions to create bulleted lists, a simple sequence of actions allows you to do that.

Step 1

Take the Type Tool (T) and create a text area, and paste a few paragraphs of text. For these purposes, I used Lorem Ipsum text.

For users of CC2018 onwards, please note that Ai now fills text boxes with Lorem Ipsum by default. Users of CS6 and older CC users however, would still need to use an external tool such as Lorem Ipsum or the Lorem Ipsum Generator.

How to add a texture in illustrator

Place the cursor at the beginning of the first paragraph and press the Alt + 0149 (Windows) or Opt/Alt + 8 (Mac) shortcuts. This will create a bullet point.

How to add a texture in illustrator

To create bullet points you can also use the Glyphs panel (Type > Glyphs or Window > Type > Glyphs).

How to add a texture in illustrator

Here you can choose not only the round bullet point, but other symbols. Many different symbols that work for our task are featured in the default WingDings and Webdings fonts.

How to add a texture in illustrator

Step 2

Place a Tab character after the bullet point.

How to add a texture in illustrator

Copy the bullet point then Tab and paste them in front of the rest of the paragraphs.

How to add a texture in illustrator

Step 3

Select the entire text area object and open the Tabs panel (Window > Type > Tabs) and set a left tab to 10 pt.

How to add a texture in illustrator

Open Paragraph panel (Window > Type > Paragraph) and set Left Indent to 10 pt, First Line Indent to -10 pt, and then set Space before paragraph to 5 pt. Now bulleted list has the correct format.

How to add a texture in illustrator

Naturally, you can adjust the size of the indents dependant on the style and font size you're working with. But typically, try to keep these values in proportion.

Step 4

In order not to avoid repeating above sequence each time, create a new paragraph style. Open the Paragraph Styles panel (Window > Type > Paragraph Styles) and choose New Paragraph Style in the fly-out menu. Name the style and click OK.

How to add a texture in illustrator

Now you can apply this style in the current document to other paragraphs that contain bullet and tab characters.

Step 5

In order to use Bullet points style in the new document, save the empty file, in which the style was created, with the extension .ai in a convenient location. Then, in the new document, open the Paragraph Styles panel and choose Load Paragraph Styles… in the fly-out menu.

How to add a texture in illustrator

How to add a texture in illustrator

Now, select the saved file in the dialog box and click Open.

How to add a texture in illustrator

The bullet point paragraph style will appear in the Paragraph Styles panel of the document.

The previous step will result in the texturino texture manager window automatically opening. Select the object to which you want to add a texture.

How to add a texture in illustrator
Vintage Text Effect for Illustrator Vintage text

You can make any watercolor texture a black watercolor texture by creating a layer right above the texture and filling that new layer entirely with the color.

How to add a texture in illustrator

Add texture to font illustrator. Try 30 days of royalty free music! Select all the created objects, then go to the object > pattern > make, as. Copy the texture to your clipboard by selecting.

You can change the font, color, kerning, or whatever! Just copy and paste your ttf file into the folder and the font will be installed. To add files to the windows folder you will need to have administrator privileges.

Don’t worry about outlining or expanding your text. If you’re in need of some distressed textures then be sure to check out my collection of 15 free grunge textures. Drag any image you like into illustrator and click on the “image trace” button and use any one of the presets that will give you only black and white shapes.

5 group objects together if you want to change the texture of more than 1 thing. First of all, create a new document and type in your text. How to add gold texture in illustrator.

It's an old technique, where sign artists, etc would. The new texture converted will have been added and selected (red. Make sure that it's selected and go to type > create outlines, and then ungroup.

Select the type tool (t) and add a new piece of text using the same settings. Create a couple of elements of texture, for example, with the help of the pencil tool (n). In photoshop, use the clone stamp tool, with a large soft edged brush, to clone pieces of the leaf until.

This would be another example, just finer texture: This solution uses a combination of photoshop and illustrator. You can still edit the text without loosing the effect.

How to add a texture in illustrator
How To Create a 3D Text Effect in Adobe Illustrator 3d

How to add a texture in illustrator
Veerle's Blog 4.0 Colorful Pattern Masking in

How to add a texture in illustrator
Illustrator tutorial text into diamond shape in 2020

How to add a texture in illustrator
Type Distresser for Illustrator Adobe illustrator design

How to add a texture in illustrator
Cheese Text Style Text style, Adobe illustrator cs6

How to add a texture in illustrator
Modern Text Effects for Illustrator aff Text, SPONSORED

How to add a texture in illustrator
how to add highlights on tomato slices Illustrator

How to add a texture in illustrator
How to Add Text on 3D Shapes Illustrator Tutorial

How to add a texture in illustrator
Easy 3D Blur Text Effect on Adobe Illustrator Sean Bates

How to add a texture in illustrator
Camilla Textured Brush Font Brush font, Stylish text

How to add a texture in illustrator
How to Create a Cool Bubble Font Text Effect in 2020

How to add a texture in illustrator
How to Create a SpainInspired Text Effect in Adobe

How to add a texture in illustrator
How To Apply Textures To Text Illustrator CS6 Tutorial

How to add a texture in illustrator
Illustrator Tutorial How to Create a Folded Text Effect

How to add a texture in illustrator
Chiseled Text Effect Tutorial Adobe Illustrator

Aurous Text Styles for Illustrator Illustrator graphic

How to add a texture in illustrator
How to Add Gradient to Editable Text Illustrator CC

How to add a texture in illustrator
Illustrator How to remove strange sharp edges on letters

How to add a texture in illustrator
Adding Texture Illustrator Tutorial CC 239/365

Last up for Vectip’s Texture Week is wood grain. The steps for this technique are very similar to the previous Brushed Metal Texture tutorial. It uses the same Graphic Pen effect but stretched a little more. It also uses the Warp Tool and Twirl Tool. Also like the other texture tutorials, this technique is easy and applicable in logos, icons, interfaces or pretty much anything.

Notes

This tutorial was created with Illustrator CS3.

Keyboard shortcuts are displayed in orange. ⌘ is displayed for the Command key (mac), with the Ctrl key being the Windows equivalent (not displayed).

Rectangles

Create a 5 inch by 5 inch rectangle with the Rectangle Tool (m) . An easy way to draw an exact rectangle is to click on the artboard with the Rectangle Tool (m) to bring up the Rectangle dialog to enter dimensions. Fill the rectangle with a light brown and take off the stroke.

How to add a texture in illustrator

Next Copy (⌘c) the rectangle and Paste In Front (⌘f) . With the copied rectangle selected, change the dimensions for the width to 2.5 inches and the height to .25 inches in the Transform Panel and fill the rectangle with a 40% black.

How to add a texture in illustrator

Texture

Select the smaller rectangle and go Effect > Sketch > Graphic Pen. When the Graphic Pen Effect dialog comes up, change the following settings.

  • Stroke Length = 15
  • Light/Dark Balance = 2
  • Stroke Direction = Vertical

How to add a texture in illustrator

Trace and Expand

With the texture selected go Object > Expand Appearance. With the texture still selected, the Control Panel defaults to the Live Trace options. Click the arrow beside the Live Trace Button and select Tracing Options. Or you can go Object > Live Trace > Tracing Options. You don’t have to change all the options, just the ones below.

  • Mode: Black and White
  • Path Fitting: 1px
  • Minimum Area: 1px
  • Corner Angle: 1
  • Ignore White: Check this box

I like to save a preset in the Tracing Options. It makes it easy to recall these setting. If you have read previous tutorials, you will see I use these setting all the time for tracing. Next, press the Expand button on your tool bar.

How to add a texture in illustrator

Transform and Color

With the texture selected, change the width to 5 inches and the height to 5 inches from the Transform Panel. Next, change the color of the texture to a darker brown than the first rectangle.

How to add a texture in illustrator

Warp Tool

Double click on the Warp Tool (shift r) in the Tools Panel to bring up the Warp Tools Options dialog. They are probably on the default settings, but if they are not, press the reset button on the right of the dialog. Once the settings are back to default, change the Intensity to 10% and click OK.

Select just the texture and click and drag with the Warp Tool (shift r) . I like to go up and down and slightly back and forth. You can do as much or as little as you want.

How to add a texture in illustrator

Twirl Tool

Click and hold down on the Warp Tool (shift r) in the Tools Panel to bring up the other transform tools. Pick the second tool in the list called the Twirl Tool. With this tool you can add some knots to your wood texture if you want. Double click on the Twirl Tool in the Tools Panel to bring up the Twirl Tool Options dialog. Below are the settings I change.

  • Width =.69 (50pts)
  • Height =.97 (70pts)
  • Twirl Rate =10°
  • Simplify = 20

With the texture selected, click and hold on the texture until you are happy with the knot. The Twirl Rate is slow so it is easy to see when you need to let go.

How to add a texture in illustrator

Experiment

You can experiment quite a bit with this technique. You can change the dimensions of the Warp Tool and Twirl Tool to create different wood grain texture and shapes of knots.

Below are some example uses of this texture.

How to add a texture in illustrator

This post was also republished on vecteezy.com

187 thoughts on “ How to Create A Wood Grain Texture in Adobe Illustrator ”

Pretty section of content. I just stumbled upon your weblog and in accession capital to claim that I get

Nice post. I learn something new and challenging on sites I stumbleupon every day. It will always be useful to read through content from other writers and practice a little something from other web sites.