Illustrator Tutorial: Wood Grain

Illustrator Add comments

1 Star2 Stars3 Stars4 Stars5 Stars (29 votes, average: 4.34 out of 5)
Loading ... Loading ... wood grain

Here is a quick way to create wood grain effect using the warp tools in illustrator.

1. Creating the stripes

Select the Rectangle Tool, and draw a thin rectangle. Using the Selection Tool, Alt/Option drag it to create a instance at the bottom. Repeat this step by pressing Ctrl/Command+D to create a row of stripes.

2. Different stripe weights

Select all the rows of stripes then go to Object>Transform>Transform Each. Enter the values above and make sure the Random field is checked to give it a random height.

3. Natural stripe effect

Double click the Warp Tool and use the settings below. Now with the Warp Tool we brush through the row of lines in a horizontal direction. This will distort the stripes giving it a more natural look.

4. Giving it a Twirl

Next we select the Twirl Tool. Double click to change to the settings above. We need a medium sized brush to the twirl on the wood grain. With the Twirl tool, lightly click on different areas to give the stripes a twirl. Do not hold for too long as it will overly distort the stripes. You can change the brush size of the Twirl Tool by holding down Option+Shift /Alt+Shift.

4. Pucker it

Using the Pucker Tool, with the setting above. We pucker different sections of the stripes to make the stripes contract.

4. Touch up the wood grain

To make the stripes thinner, I select all the stripes and squash it using the Transform Tool.

5. Trim the edges

Select all the wood grain and fill it with dark brown. Draw a light brown rectangle and send it to the back. Copy the rectangle by pressing Ctrl/Command+C. Next, paste it to the front by pressing Ctrl/Command+F. Select all and right click to select Make Clipping Path. This will crop away the edges.

wood grain make clipping mask

Heres the final wood texture.

wood grain

Extra Tip:
Applying the pucker effect above areas which has the twirl effect will give it a more natural look.

Download source file (AI 10.0)

Related Posts

28 Responses to “Illustrator Tutorial: Wood Grain”

  1. Devin Says:

    A good use of those weird Illustrator tools.

  2. salavadhi pradeepkumar Says:

    sir,
    thanks

    xxxx

  3. Illustrator Tutorial: Wooden Frame | istockdiary Says:

    [...] our previous lesson I have taught you how to create realistic wood texture. We will move on from there to create a [...]

  4. Leona Says:

    Thanks, this was really useful, I look forward to more tutorials :-)

  5. Wendy Frost Says:

    Thanks a bunch! I was really hoping that I wasn’t going to have to use some gargantuan Photoshop file for my 30 inch by 60 inch art! I mainly changed brush size settings to be huge, and it worked out great. :~D

  6. What's Next Says:

    The last step photo does not look like your final artwork. What is next? How do I change the color of the lines? How do I combine the rectangle with the lines?

  7. iStockdiary Says:

    I have updated the tutorial. See step 5 to trim away the edges.

  8. gopaa Says:

    nice

  9. dwight Says:

    simple but reall … TQ… :)

  10. Jesse Says:

    Thats cool I would have never thought of that thanks :) This is creative, i love illustrator tutorials <3 I love illustrator :)

  11. Free Wood Textures & Illustrator Tutorials | jlwDesign Says:

    [...] iStockdiary Woodgrain Tutorial [...]

  12. bruce stewart Says:

    I have an antique rosewood armoire that has no crest.I have a walnut crest but I would like for it to appear like rosewood. If you have any suggestions,please advise.Sincerely,Bruce Stewart

  13. Free Wood Textures and Tutorials | CreateSk8 Says:

    [...] or just starting out, Vectips can lend you a hand. </p> <p><a href=”http://www.istockdiary.com/illustrator/illustrator-tutorial-wood-grain/” target=”_blank”>iStockdiary Woodgrain Tutorial</a></p> [...]

  14. Vector Illustration: 60+ Illustrator Tutorials, Tips and Best Practices Says:

    [...] 9-Wood Grain- Here is a quick way to create wood grain effect using the warp tools in illustrator. [...]

  15. Booto’Blog » Blog Archive » 61?Illustrator??,??VectorTutorialsTipsBest Practices Says:

    [...] trees in Illustrator 6-Illustrator Tutorial: Figure Shading 7-Texture 8-Realistic Curtain 9-Wood Grain 10-Simple organic shapes the Illustrator way 11-Free Watercolor Brushes and Tutorial 12-3D [...]

  16. Ed Says:

    hey fellas, does anyone know how to digitally implant realistic objects onto a ‘ai’ file, like for example putting a pen or a ruler object. looking realistic?
    my aim is to have a presentation look like a photograph i guess. therefore showing shadows….
    cheers,

  17. ????Illustrator??+????? | ?????? Says:

    [...] in Illustrator 6-Illustrator Tutorial: Figure Shading 7-Texture 8-Realistic Curtain 9-Wood Grain 10-Simple organic shapes the Illustrator way 11-Free Watercolor Brushes and Tutorial 12-3D [...]

  18. iStockdiary Says:

    Hi Ed, you can draw a realistic ruler or pen easily in illustrator using gradients. Try it.

  19. hansync log » Blog Archive » Vetor Illustration 60+ Says:

    [...] 9-Wood Grain- Here is a quick way to create wood grain effect using the warp tools in illustrator. [...]

  20. Libo Says:

    So easy.

  21. lana Says:

    it is really easy. but - I have one question: how to make last step???? this one-Select all the wood grain and fill it with dark brown. Draw a light brown rectangle and send it to the back. Copy the rectangle by pressing Ctrl/Command+C. Next, paste it to the front by pressing Ctrl/Command+F. Select all and right click to select Make Clipping Path. This will crop away the edges….OK!it is gonna be finish, but I tryed couple times and it is not works.not crop eges.how to finish this wood? I did it step by step, but last one make me problem:(it doesn’t looks like wood…heeelp!!

  22. iStockdiary Says:

    Hi Lana, try grouping all the grain together by pressing Ctrl+G to group it. Then select the rectangle above the grain and right click to select Make Clipping Path. Hope it helps!

  23. Ed Says:

    hey again,
    another question for anyone who might know:

    changing the scale of Ai patterns?

    for example, having a zebra pattern on an A4 Ai document, then changing the document to a larger scale, (A1). patterns become tiles? how to avoid that?
    Cheers,

  24. Tutorial Illustrator: Crea una textura de madera | Says:

    [...] este caso vamos a aprender a crear una textura de madera con Illustrator. Que se me da que serĂ­a buena para implementar en una cabecera, pero eso ya queda a gusto de cada [...]

  25. Dwayne Says:

    Fun tutorial!

    I drew lines of various lengths and widths, essentially, I made a bar code and applied the above tutorial. Really neat outcome. Very organic looking!!

  26. dipak mistry Says:

    pls how to do tutorial illustrator made the art picture .

  27. dipak mistry Says:

    pls how to made a picture art in illustrator softwar.

  28. Javier Says:

    This is a really really good tip. You can use it in so many other applications too. Awesome!

Leave a Reply

Modified WP Theme by N.Design Studio | Hosted by Media Temple | Copyright 2008 Tony Soh - All Rights Reserved.
Entries RSS Log in