Vectordiary

Top Illustrator Tutorial & Tips

Hello Guest! | Log in| Register

Illustrator Tutorial: Wood Grain

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.

To download the source file for this tutorial, you will need to login as a member.
Sign up today to access all exclusive members content!


[private_basic]
Download Source File
[/private_basic]
[private_premium]
Download Source File
[/private_premium]

Share and Enjoy:
  • Digg
  • del.icio.us
  • Design Float
  • Reddit
  • Technorati
  • Twitter
  • StumbleUpon

Tags: grain, illustration, Illustrator, texture, tutorial, wood


About The Author: admin

Hi. I'm the founder of Vector Diary. Illustrator is my passion and I have written numerous tutorials on illustrator helping people learn illustrator. My most popular tutorial on learning illustrator in 30 days has been a hit. It makes learning illustrator so easy and has benefited more than 20,000 people worldwide. Also, I've revealed some of my secret techniques in the premium tutorials. So don't forget to check it out!

Read all articles writen by this author

9 Trackbacks

Illustrator Tutorial: Wooden Frame | istockdiary | Illustrator Tutorial: Wooden Frame | istockdiary
January 22nd, 2008 at 6:35 pm

Free Wood Textures & Illustrator Tutorials | jlwDesign | Free Wood Textures & Illustrator Tutorials | jlwDesign
May 20th, 2008 at 3:22 am

Free Wood Textures and Tutorials | CreateSk8 | Free Wood Textures and Tutorials | CreateSk8
May 27th, 2008 at 10:24 pm

Vector Illustration: 60+ Illustrator Tutorials, Tips and Best Practices | Vector Illustration: 60+ Illustrator Tutorials, Tips and Best Practices
July 14th, 2008 at 5:28 pm

Booto’Blog » Blog Archive » 61?Illustrator??,??VectorTutorialsTipsBest Practices | Booto’Blog » Blog Archive » 61?Illustrator??,??VectorTutorialsTipsBest Practices
July 21st, 2008 at 1:46 pm

????Illustrator??+????? | ?????? | ????Illustrator??+????? | ??????
August 1st, 2008 at 10:25 pm

hansync log » Blog Archive » Vetor Illustration 60+ | hansync log » Blog Archive » Vetor Illustration 60+
August 3rd, 2008 at 5:23 pm

Tutorial Illustrator: Crea una textura de madera | | Tutorial Illustrator: Crea una textura de madera |
September 13th, 2008 at 2:56 am

35+ High Quality Illustrator Tutorials You Can Not Miss | Flash, Design, Vector, Photoshop, Adobe Tutorials | GraphicMania.net | 35+ High Quality Illustrator Tutorials You Can Not Miss | Flash, Design, Vector, Photoshop, Adobe Tutorials | GraphicMania.net
December 18th, 2009 at 10:49 am

+Add Comment24 Comments

  1. Gravtar for Devin
    Devin January 21st, 2008

    A good use of those weird Illustrator tools.

  2. Gravtar for salavadhi pradeepkumar
    salavadhi pradeepkumar January 22nd, 2008

    sir,
    thanks

    xxxx

  3. Gravtar for Leona
    Leona February 19th, 2008

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

  4. Gravtar for Wendy Frost
    Wendy Frost February 29th, 2008

    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

  5. Gravtar for What’s Next
    What's Next March 17th, 2008

    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?

  6. Gravtar for iStockdiary
    iStockdiary March 27th, 2008

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

  7. Gravtar for gopaa
    gopaa April 14th, 2008

    nice

  8. Gravtar for dwight
    dwight April 18th, 2008

    simple but reall … TQ… :)

  9. Gravtar for Jesse
    Jesse April 24th, 2008

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

  10. Gravtar for bruce stewart
    bruce stewart May 26th, 2008

    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

  11. Gravtar for Ed
    Ed August 1st, 2008

    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,

  12. Gravtar for iStockdiary
    iStockdiary August 2nd, 2008

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

  13. Gravtar for Libo
    Libo August 4th, 2008

    So easy.

  14. Gravtar for lana
    lana August 16th, 2008

    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!!

  15. Gravtar for iStockdiary
    iStockdiary August 16th, 2008

    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!

  16. Gravtar for Ed
    Ed August 25th, 2008

    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,

  17. Gravtar for Dwayne
    Dwayne October 16th, 2008

    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!!

  18. Gravtar for dipak mistry
    dipak mistry November 19th, 2008

    pls how to do tutorial illustrator made the art picture .

  19. Gravtar for dipak mistry
    dipak mistry November 19th, 2008

    pls how to made a picture art in illustrator softwar.

  20. Gravtar for Javier
    Javier December 1st, 2008

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

  21. Gravtar for Bernard
    Bernard December 30th, 2008

    Thanks a lot. I’m a coder who start graphims and your tutorial was perfect for me!

  22. Gravtar for steff
    steff June 17th, 2009

    wow the first it makes your eyes go funny..

    but otherwise great tutorial…thanks!

  23. Gravtar for vikram nongmaithem
    vikram nongmaithem August 11th, 2009

    it was a great tutorial.thanx

  24. Gravtar for oscar mora
    oscar mora September 9th, 2009

    Thanks, i’ts very useful!

Add a Comment

(required)

(will not be published)

join membership
rss or subscribe via email


Write an illustrator tutorial and get paid $150 for each tutorial! Your bio and website will also be included to increase your exposure.

Find out more»



About Vectordiary

Vector Diary is a popular blog offering great illustrator tutorials and tips. It was created by Tony Soh, a graphic designer, who has great passion in illustration. Tony has written one of the most popular tutorial for learning illustrator and has helped more than 20,000 people. On top of that, his tutorials and tips has helped designers improve their illustration skills and have received great feedback. So join Vector Diary and start learning today!

Write a Tutorial

Get paid $150 for each approved tutorials! Any writers who are passionate about sharing their illustrator techniques can contribute.

Learn how »

My Network


All Content & Theme Design © 2008 Vectordiary. Hosted by Media Temple