Halloween is just around the corner! Learn how to use Artboard to make this cute little Frankenstein.
Below is the final image we will be working towards:
Program : Artboard 1.1+ for Mac OSX
Topics Covered: Style Inspector
Estimated Completion Time: 20 minutes
For this tutorial, familiarity with creating shapes and styles in Artboard is assumed. If you get stuck, take a look at some of our other tutorials to help you along. We’ll keep the descriptions brief and show you step-by-step screenshots of how our cute little friend was created.
Begin by drawing the basic shapes that will comprise little “Frank” (huh, kind of looks like Bender). We used the Round Rectangle, Round-Ended Rectangle, and Rectangle tools. Starting off drawing using Artboard’s default (“New”) style.
Select all and align the shapes.
Select the head shapes and choose the “Union” command to combine them. Arrange the shapes so the bolts are in back of the other shapes.
Use the Freehand Line [f] tool to draw some hair.
Here we copies the head in place by holding the Alt/Option-key and clicking the head. Select the head (copy) and hair and choose “Intersect” to clip the hair to the head’s shape. Select the hair and make it slightly larger.
Let’s begin to color Frank. Use the Colors panel and drag-and-drop colors onto the shapes.
Use the Oval tool [o] to draw the eye. Notice how we’ve added the eye, pupil, and a couple ovals for reflection.
Like in Step 6, use the Colors panel to drag colors onto the eye.
To make the second eye, select the first eye objects, group them and duplicate it. Position it and align them so they look right.
To draw Frank’s bolts, we used the “Stainless Steel” style from the Styles & Clip Art palette. In the Style Inspector – Expert pane we cloned the style and edited the gradient so the angle was side-to-side.
Using a simple stroke style and the Freehand Line [f] tool, draw Frank’s mouth.
We used the “Tapered Ogre Brush” style and Bezier Path [b] tool to draw a nose.
Frank wouldn’t look so cute without some rosy cheeks (makes him look a little embarrassed, don’t you think?). We used the “Grey Blur” style in the Styles & Clip Art palette and drew circles. Then we cloned the style and changed the fill color to pink.
I decided Frank would look better with a bit of gradient. Click onto his head and open the Style Inspector. Click “Clone”, add a gradient fill and color it like the picture.
Finally, make a style you can use for scars. We started by drawing a single line with a simple black stroke. Then we copied it and used it for a new style. Add a “Path Decorator” style component and paste the line into the image-well. Use the settings to space the lines along your new path. When you’re satisfied, use the new style to draw some scars on Frank.
Congratulations! You’ve created your own little monster. Now you can dress up the picture with backgrounds, bats, or other creations. Frank here is pretty cute. We’d love to see what Halloween creations you come up with!