I am EchoStenger.com
Follow Echoia on Twitter! Follow Echoia on Facebook! Follow Echoia on Instagram! Echoia.com - Illustration and Design Portfolio Watch Echo on  YouTube! Echoia on Pinterest!

Create a Wood Grain Floor in Illustrator

Written by Echo Stenger on June 30th, 2015 at 10:35 am

Filed under: Adobe Illustrator,Ten Minute Tutorials,Tutorial Tuesday,Vector Tags: , , | Comments Off on Create a Wood Grain Floor in Illustrator

Who’s up for another Ten Minute Tutorial? You can’t go wrong with these guys, they’re just so easy, fast and will teach you something useful!

Last week we learned to make Whirly Pops in Illustrator (though that took a bit longer than 10 minutes, I’d guess). This week we’re going to make a wood texture that is incredibly versatile. This can be used for the sides of buildings, floors, backdrops, barrels- you name it! It’s easy and adds a polish to your image.

CuppaCoffeeWoodgrainLollipops

So grab a cup of coffee and lets get started : )

 

Create a Wood Grain Floor in Illustrator

Step 1.

In a new document 400×400 px (you can make it any size you want, but run through the tutorial real quick to learn the technique, then add it anywhere!) grab you Rectangle Tool and create a square the same size as your artboard by simply clicking anywhere in your artboard and entering the dimensions in the popup. Click ok. Make your fill any wood-like color you want (I am using #933f11 in this tutorial) with a black 1px stroke.

Create a Wood Grain Floor in Illustrator

Step 2.

With your new square selected go to Object> Path> Split Into Grid (image 1 below). Set the number of columns and rows as you like, I’ve gone with 2 and 6, but you must set the gutters to zero (image 2 below). Go to the Appearance Window (Windows> Appearance if not open) and duplicate your fill color (click the fill color in the appearance window and drag it to “Duplicate Selected Item” along the bottom of the Appearance Window, right next to the trashcan). Set the duplicated fill’s Blend Mode to Multiply (image 3 below).

Create a Wood Grain Floor in Illustrator Create a Wood Grain Floor in Illustrator Create a Wood Grain Floor in Illustrator

Step 3.

And this is where the magic happens. In the appearance panel, with your duplicate fill color still selected, go to FX> Stylize (the one in Illustrator Effects)> Scribble.  Apply the effects as shown, then feel free to adjust them to your taste!

Create a Wood Grain Floor in Illustrator

Already starting to look like a wood floor : ) Needs a little more work, though!

Step 4.

Using your Direct Selection tool with your Bounding Box active (Shift+Ctrl+B to toggle on/off) grab and scale each wood plank to stagger their size and ‘placement’.  Scale the next to close up the gaps. I’ve finished all but one in the image below so you can see what I mean.

Create a Wood Grain Floor in Illustrator

Step 5.

With the scaling of your wood planks your stroke may have been altered in size a bit. I always keep ‘Scale Strokes and Effects’ checked, so to remedy this without toggling this option on and off and risking forgetting it (I always forget these things) we simply visit the Stroke window. Using the Direct Selection tool to make sure all of your planks are selected simply look at the stroke-width drop down. If it says ‘1’ with everything selected, you’re fine. If not, change it to 1.  Now press Ctrl + G to group your wood pieces.

Create a Wood Grain Floor in Illustrator

Step 6.

Polish it up! With your group selected, visit the Appearance Window and add a new fill above your group ‘contents’. With that selected go to your Gradient Window and add a simple Black-to-White gradient. Use your Gradient Annotator  (Alt + Ctrl + G to toggle on/off) drag your gradient to reflect your desired light source. Now change its blend mode to Soft Light (or experiment!) and  adjust the opacity to your liking.

Create a Wood Grain Floor in Illustrator Create a Wood Grain Floor in Illustrator Create a Wood Grain Floor in Illustrator

And you’re done : )

Want to use it for more than just birds-eye illustrations? Manipulate it! For the basketball court image I used a lighter color, adjusted my rows and columns to create horizontal planks and then grabbed the Free Transform Tool (image 1 below). Grabbing a corner anchor point and holding Ctrl+Alt+Shift I pulled the top corners together (image 2 below) and then used the Direct Selection tool and scaled down from the top center point in my bounding box.

Create a Wood Grain Floor in Illustrator Create a Wood Grain Floor in Illustrator Create a Wood Grain Floor in Illustrator

Create a Wood Grain Floor in Illustrator

There you go! Hope this was helpful.

If you have any questions, please feel free to contact me via FaceBook or Twitter.

Have a terrific Tuesday!

Have a terrific Tuesday, everyone : )

Username:

I"m so sorry! Comments have been closed on this post.

Recently

About EchoStenger.com

EchoStenger.com began in early 2013 as a side project of Echoia.com. Namely, Echoia Photography. Wanting to expand to include more varied content, it seemed only appropriate to change the site's title.

It currently is an outlet for many of my interests and passions. I share my work in and write tutorials for Adobe Illustrator, review products (mostly purchased by me), experiment with my Silhouette Cameo machine (hashtag vector in flesh!), share my day-to-day and still post photographs on a regular basis.

Thank you for visiting and coming along with me as I grow and seek out beauty in everything.

I am a Christian mom, girlfriend, dog-mom, cat-mom and pseudo step-mom. I take up hobbies faster than I can put them back down. I am from Texas, but currently reside in Utah.

I. Love. Air conditioning.

Fiona Apple.

Angel : My seraph son. I’ll likely speak of nothing and no one so much. Born October 2009. He likes the color orange blue and almost anything Marvel.

Veda : Black. Lab-like. Born Summer 2008. A life changer. Full name and title: Princess Darth Veda Jane Sultanfuss Stenger. Usually just Veda/Veda Jane when she’s bad. Also ‘Monster’. In your way? Just say, 'Scoot, Veda.'

Trinity : Rescued from the pound about 9 weeks of age, Summer 2009. I call her ‘Wiggle Bottoms’, 'Dummy' (lovingly, of course) or ‘Little Bit’. Big time cuddler.

Li : Dog cat. Scarier than both the dogs put together.

Follow Echoia on Twitter! Follow Echoia on Facebook! Follow Echoia on Instagram! Echoia.com - Illustration and Design Portfolio Watch Echo on  YouTube! Echoia on Pinterest!
influnenster-EchoBlogList.me