Make a Cute Frankenstein for Halloween

Halloween is just around the corner! Learn how to use Artboard to make this cute little Frankenstein.

Tutorial Details

Program : Artboard 1.1+ for Mac OSX
Difficulty: Intermediate
Topics Covered: Style Inspector
Estimated Completion Time: 30 minutes

ATTENTION: As of Artboard 1.7, “shared” styles are no longer part of the default workflow, therefore, references to “New” and “Clone” in this tutorial are no longer current. As of Artboard 1.7, the “New” button in the Format Bar and Style Inspector becomes the “Reset” button. See the Users Guide for more information about shared styles.

Step 1

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.

Step 2

Select all and align the shapes.

Step 3

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.

Step 4

Use the Freehand Line [f] tool to draw some hair.

Step 5

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.

Step 6

Let’s begin to color Frank. Use the Colors panel and drag-and-drop colors onto the shapes.

Step 7

Use the Oval tool [o] to draw the eye. Notice how we’ve added the eye, pupil, and a couple ovals for reflection.

Step 8

Like in Step 6, use the Colors panel to drag colors onto the eye.

Step 9

To make the second eye, select the first eye objects, group them and duplicate it. Position it and align them so they look right.

Step 10

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.

Step 11

Using a simple stroke style and the Freehand Line [f] tool, draw Frank’s mouth.

Step 12

We used the “Tapered Ogre Brush” style and Bezier Path [b] tool to draw a nose.

Step 13

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.

Step 14

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.

Step 15

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.

Final Image

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!