• Home

Logo

Navigation
  • Home
  • Articles
    • Content Writing
    • Design
    • General
    • Internet Marketing
    • Social Media
    • Tools and Tips
    • Usability
    • Web Hosting Articles
  • Tutorials
    • AJAX Tutorials
    • ASP Tutorials
    • C# Tutorials
    • CGI and Perl Tutorials
    • CSS Tutorials
    • Flash Tutorials
    • HTML Tutorials
    • Illustrator Tutorials
    • Java Tutorials
    • JavaScript Tutorials
    • Linux Tutorials
    • Miscellaneous Tutorials
    • MySQL Tutorials
    • Photoshop Tutorials
    • PHP Tutorials
    • Python Tutorials
    • Wireless Tutorials
    • WordPress Tutorials
    • XML Tutorials
  • Scripts
    • AJAX Scripts
    • ASP Scripts
    • ASP.NET Scripts
    • CGI & Perl Scripts
    • Flash Scripts
    • Java Scripts
    • JavaScript Scripts
    • PHP Scripts
    • Python Scripts
    • Remotely Hosted
    • Tools and Utilities
    • XML Scripts
  • Answers
  • Online Services
  • Tools

A Quick Wood Grain Texture Using Adobe Illustrator

By Matt Herndon | on Feb 21, 2008 | 0 Comment
Illustrator Tutorials
  • Tweet
  • Share
  • Tweet
  • Share

Wood Grain Texture

Making a wood grain in Illustrator can seem to be a daunting task. Not to fear – this is a relatively easy way to make a good-looking detailed wood grain using the warp tools.

Let’s begin by selecting the Rectangle Tool and draw a thin rectangle.

Using the Selection Tool now click on the rectangle and use Alt/Option + Shift (to keep it aligned) and click + drag a duplicate of your rectangle. Leave a little space (not much) between the rectangles.

Without doing anything else, repeat this function by using the Ctrl/Cmd+D as needed to give you rows of rectangles.

Select all the rectangle rows. Go to Object>transform>Transform Each.

 

Each and enter the values similar to the ones below. Make sure you check the Random Box to give it a random height. Select Preview to take a peek.

Double click the Warp Tool.

Which will open a pop up option box. Use similar settings to the ones below.

Use the Warp Tool to horizontally drag over the rectangles to give them a more natural wood look.


Double Click the Twirl Tool.

Makes your settings similar to these below.

With the Twirl Tool carefully click on various areas to twirl the lines. Change brush size by holding down the Option + Shift/Alt + Shift keys. BEWARE: Holding to long will spin your design out of control with no hope of return—OK not that bad.

Next select the Pucker Tool and use the settings below or something similar.

This should move the lines closer together where clicked.

Now let’s makes the lines thinner by squashing them together. Use the Select Tool and select all. Now you should have a Bounding Box. Use the bottom middle anchor to squeeze the box tighter by clicking on the anchor point. While holding down move up until the lines squeeze closer together.

Now draw a rectangle behind the current lines that covers the entire background of the smaller rectangles. This will be your background. Select colors for your background and lines (Wood Grain).

Play around with gradients and other effects to add more depth.

Share this story:
  • tweet

Author Description

Matt Herndon is a graphic and interactive designer for a marketing firm in Birmingham, Alabama. He has over 8 years of graphic design experience in a variety of print and web media. Matt also freelances logos, characters, ads, illustrations and a multitude of other designs from his online business.

No Responses to “A Quick Wood Grain Texture Using Adobe Illustrator”

You must be logged in to post a comment.

Connect With Us

RSSSubscribe 0Followers 497Likes
  • Popular
  • Recent
  • Comments
  • Creating Energy Spheres in Photoshop

    Apr 15, 2008 - 96 Comments
  • Easy Screen Scraping in PHP with the Simple HTML DOM Library

    Aug 6, 2008 - 20 Comments
  • Calculating date difference more precisely in PHP

    Mar 7, 2008 - 13 Comments
  • When Does Hosting Your Website in the Cloud Make Sense?

    Oct 8, 2010 - 2 Comments
  • Fun with the Microsoft Managed Extensibility Framework Part 2

    Oct 6, 2010 - 0 Comment
  • Fun with the Microsoft Managed Extensibility Framework Part 1

    Sep 22, 2010 - 0 Comment
  • Website Management on the go with the iPad

    I appreciated your post, but I was looking for something I didn't...
    November 24, 2012 - drmoderator
  • Creating Energy Spheres in Photoshop

    I'm a little stuck down here especially at the step of creating the...
    November 23, 2012 - sarah
  • Running background processes in PHP

    Can you give an example? As see it, you can use this only when you...
    November 16, 2012 - Shaked Klein Orbach
Developer Resources
  • Tutorial Directory
  • Learn HTML
  • Learn PHP
  • Learn CSS
  • Learn AJAX
  • Learn JavaScript
  • Learn Pear
  • White Papers
  • Resources
    • NetVisits Web Directory
    • Realtor Pixels
    • Answers On The Run
    • Ask A Geek
  • Recent Posts

    • When Does Hosting Your Website in the Cloud Make Sense?
    • Fun with the Microsoft Managed Extensibility Framework Part 2
    • Fun with the Microsoft Managed Extensibility Framework Part 1
    • Website Management on the go with the iPad
    • Code Contracts in C# 4.0 – Part 1

    Calendar

    June 2013
    M T W T F S S
    « Oct    
     12
    3456789
    10111213141516
    17181920212223
    24252627282930

    Recent Comments

    • drmoderator on Website Management on the go with the iPad
    • sarah on Creating Energy Spheres in Photoshop
    • Shaked Klein Orbach on Running background processes in PHP
    • Thomas Cuvillier on How To Upload Files Using PHP
    • rizal aditya on Extracting text from Word Documents via PHP and COM
    • Home
    © 2003 - 2013 DeveloperTutorials.com. All Rights Reserved. Privacy Policy.