Advertise    Write for Us

Vectorboom

Adobe Illustrator Tutorial: How to Create a Realistic Vector Wooden Texture

posted by: Nikanor, in Illustrator Tutorials / Effects/ Comments: 5
Final Image Preview
How to Create a Vector Realistic Wooden Texture in Adobe Illustrator


You can download the source vector file for this tutorial



In this Adobe Illustrator tutorial we will teach you how to create a vector wooden texture using simple techniques and standard tools of Adobe Illustrator. I’m sure, after you’ve learned this tutorial you would spend no more than 10 minutes on creating a similar texture. Find out more at the jump!

Mad pencil

MadPencil is a sponsor of this tutorial


Tutorial Details

  • Program: Adobe IllustratorCS3 -CS5;
  • Difficulty: beginner;
  • Estimated Completion Time: 30 min;

Step 1

Take the Polar Grid Tool and click on the blank area of current document. This action opens a dialog box with the tool settings. Set the parameters indicated on the figure below and click OK.

How to Create a Vector Realistic Wooden Texture in Adobe Illustrator
How to Create a Vector Realistic Wooden Texture in Adobe Illustrator

You can also edit the grid’s parameters in the process of its creation. To increase or reduce the number of the Concentric Diameters use the "arrow up” and the "arrow down” keys.

How to Create a Vector Realistic Wooden Texture in Adobe Illustrator

Step 2

Fill the resulting group of circles with radial gradient which consists of two shades of brown.

How to Create a Vector Realistic Wooden Texture in Adobe Illustrator

I use the HSB color mode to control the color.

How to Create a Vector Realistic Wooden Texture in Adobe Illustrator

Step 3

Reduce the width of the group of circles while transforming them into ellipses with the Direct Selection Tool (V).

How to Create a Vector Realistic Wooden Texture in Adobe Illustrator

Now turn them into some arbitrary angle.

How to Create a Vector Realistic Wooden Texture in Adobe Illustrator

Step 4

Double-click on the Warp Tool (Shift + R) on the Tool Bar in order to get a dialog box with its settings. Set the parameters indicated on the figure below.

How to Create a Vector Realistic Wooden Texture in Adobe Illustrator

Now deform the ellipses to make them look like the wood fibers.

How to Create a Vector Realistic Wooden Texture in Adobe Illustrator

Step 5

With the Rectangle Tool (M) create a rectangle which limits our texture. You can reduce rectangle’s opacity. This will help selecting its location.

How to Create a Vector Realistic Wooden Texture in Adobe Illustrator

Select all the created objects, click on Crop in the Pathfinder panel.

How to Create a Vector Realistic Wooden Texture in Adobe Illustrator

In such a way we’ve got a wooden board.


Step 6

The usage of the Pathfinder panel creates extra set of objects.

How to Create a Vector Realistic Wooden Texture in Adobe Illustrator

This extra information will certainly increase the size of your file. If you create such a texture which consists of a lot of objects then you should use the other technique. Let’s get back to our previous step. Select a rectangle and the texture then go to the Object > Clipping Mask > Make or use the Cmd / Ctrl + 7 shortcuts.

How to Create a Vector Realistic Wooden Texture in Adobe Illustrator
How to Create a Vector Realistic Wooden Texture in Adobe Illustrator

Lock the sublayer with the Clipping path then take the Erase Tool (Shift + E) and holding the Opt / Alt key delete the invisible parts of our texture.

How to Create a Vector Realistic Wooden Texture in Adobe Illustrator
How to Create a Vector Realistic Wooden Texture in Adobe Illustrator

So, in such a way we’ve got a minimum number of points and objects.


Step 7

You can combine several groups of ellipses, adjust colors of the radial gradient and the parameters of the Warp Tool to get wider variety of textures.

How to Create a Vector Realistic Wooden Texture in Adobe Illustrator
How to Create a Vector Realistic Wooden Texture in Adobe Illustrator

Step 8

I’ve created eight boards using this technique.

How to Create a Vector Realistic Wooden Texture in Adobe Illustrator

Now let’s create a rectangle with dark-brown fill. Place this rectangle below all the other objects in order to fill the space between the boards.

How to Create a Vector Realistic Wooden Texture in Adobe Illustrator

Create one more rectangle and place it above all the other objects. Fill it with the radiant gradient which consists of two shades of brown. Apply the Overlay blending mode to it.

How to Create a Vector Realistic Wooden Texture in Adobe Illustrator

In this way we can change the color and light of our wooden texture.


Step 9

To create a brighter light create an ellipsis which is filled with elliptical gradient from grey to black. Apply the Dodge blending mode to it.

How to Create a Vector Realistic Wooden Texture in Adobe Illustrator
How to Create a Vector Realistic Wooden Texture in Adobe Illustrator


You can download the source vector file for this tutorial



Conclusion

I hope the described here techniques will come in handy to you. You can apply this knowledge to create illustrations, icons or web-interfaces. Follow us if you want to be the first to know about the latest tutorials and articles.

How to Create a Vector Realistic Wooden Texture in Adobe Illustrator
Mad pencil

MadPencil is a sponsor of this tutorial

Follow us if you want to be the first to know about the latest Adobe Illustrator tutorials and articles. Vectorboom team works for you!

Total comments: 5
0   Spam
1 Massimiliano   (2012 Aug 16 01:30)
Simply but very interesting . Thank you

0   Spam
2 jaroslav   (2012 Aug 16 01:33)
Thanks!

0   Spam
3 Audee   (2013 May 17 07:22)
aw.. it's so crafty! but the seeing the wonderful wood texture result makes it worth the try.
Thanks for sharing it! happy

0   Spam
4 Ztef   (2013 Aug 01 16:23)
im interested on the effect of the text, can you help me? cry

0   Spam
5 jaroslav   (2013 Aug 12 05:16)
Yep, I can help. There are three groups for text effect.
1. Outlined text with brown fill and Multiply blending mode
2. Group of shadow with dark brown fill and Multiply blending mode
3.  Group of highlight with brown fill and Screen blending mode

Only registered users can add comments.
[ Registration | Login ]
Subscribe Now!
RSS feed twitter
Username
Password
Recent Consultations
What Benefits Will Give You the Creative Cloud?
Magnificent works of Julian Burford