Draw a Realistic Wacom Bamboo Tablet – Part 1: Illustrator Tutorial

Draw a Realistic Wacom Bamboo Tablet – Part 1: Illustrator Tutorial
  • 25 October 2011
  • Tutorials
  • This post was written exclusively for PV.M Garage by Mohammad Jeprie
  • Comments (2)»

In this tutorial, we are going to draw a realistic Wacom Bamboo. In this first part, we will draw it in Illustrator. Next, in the second part, we will export the vector path into
Photoshop and then draw it.

Preview

This is the final result of our realistic drawing tutorial.

Wacom Bamboo Preview

In this tutorial, we will draw its wireframe in Illustrator.

Wacom Bamboo Wireframe Preview

Step 1: Pad

Make new file in Illustrator. Activate Rounded Rectangle tool and then click once on canvas. In the next dialog box, set Corner Radius to 2 mm. By doing this, we have just set amount of radius corner on every new rounded rectangle created onward. After clicking OK, you will have new rounded rectangle. You can simply delete it.

Draw a Realistic Wacom Bamboo in Illustrator and Photoshop

Step 2

Click and drag to make new rounded rectangle. Set Fill and Stroke to white and black.

Draw a Realistic Wacom Bamboo in Illustrator and Photoshop

Step 3

Next, we need another rounded rectangle with Corner Radius 10 mm. To do this, click once and set its Corner Radius to 10 mm. Delete created rounded rectangle shape.

Draw a Realistic Wacom Bamboo in Illustrator and Photoshop

Step 4

Draw a rounded rectangle right on top of the previus rounded rectangle. See picture below to see their positions.

Draw a Realistic Wacom Bamboo in Illustrator and Photoshop

Step 5

Select both shapes and then click Unite on the Pathfinder panel.

Draw a Realistic Wacom Bamboo in Illustrator and Photoshop

Now, we have a combination of two rounded rectangles. Its left side has corner radius 10 mm and its other side is 2 mm. This is going to be the wacom basic shape.

Draw a Realistic Wacom Bamboo in Illustrator and Photoshop

Step 6

Inside the rounded rectangle, draw smaller rounded rectangle with corner radius: 5 mm.

Draw a Realistic Wacom Bamboo in Illustrator and Photoshop

Step 7

Activate pen tool and then click indicated points on left side of the rounded rectangle to remove it. Alt-click remaining two points to convert them to corner point. Now, we have a half rounded rectangle shape.

Draw a Realistic Wacom Bamboo in Illustrator and Photoshop

Step 8

Drag left line segment until it snaps on left edge of the bigger rounded rectangle.

Draw a Realistic Wacom Bamboo in Illustrator and Photoshop

Step 9

Draw repeat previous steps to draw another haft rounded rectangle shapes.

Draw a Realistic Wacom Bamboo in Illustrator and Photoshop

Step 10

Draw some rectangles for Wacom buttons.

Draw a Realistic Wacom Bamboo in Illustrator and Photoshop

Step 11

Draw two small rectangles for cable and label.

Draw a Realistic Wacom Bamboo in Illustrator and Photoshop

Step 12: Pen

Activate rounded rectangle tool. Click once on canvas and set Corner Radius to 1 mm. Delete created shape.

Draw a Realistic Wacom Bamboo in Illustrator and Photoshop

Step 13

Draw pen basic shape. Click middle top line to add new point and click the other two points to remove it. Drag the remaining two points down until we have a triangle on top of the shape.

Draw a Realistic Wacom Bamboo in Illustrator and Photoshop

Step 14

Make sure you still have pen tool active. Shift + Alt -drag indicated points below to convert the triangle into an ellipse.

Draw a Realistic Wacom Bamboo in Illustrator and Photoshop

Step 15

Draw a small rectangle on top of the pen for its tip.

Draw a Realistic Wacom Bamboo in Illustrator and Photoshop

Step 16

Draw a rounded rectangle on lower part of the pen for its eraser.

Draw a Realistic Wacom Bamboo in Illustrator and Photoshop

Step 17

Finally, draw two rounded rectangles on center of the pen.

Draw a Realistic Wacom Bamboo in Illustrator and Photoshop

Final Result

Here’s our finish path. In our next tutorial, we will convert it into a realistic image using Photoshop.

Draw a Realistic Wacom Bamboo in Illustrator and Photoshop

Author: Mohammad Jeprie

Mohammad Jeprie is a writer from Indonesia. He loves to share his design skill by writing tutorial in various blog. When he is not too busy, he shares free design resources in PSDfreemium. Don't forget to say hi to him in Twitter.

website design and development

This website is proudly powered by WordPress, hosted by Suite48. Icons by WeFunction, KomodoMedia and DezinerFolio.
Contents and resources released under Creative Commons License.
Design and code by PVM Garage - Copyright © 2010 PV.M Garage Theme - All Rights Reserved.

HOME | ABOUT US | ADVERTISE | CONTACT US