Advertisement
  1. Design & Illustration
  2. Fan Art
Design

How to Create Tin Man From The Wizard of Oz Using Adobe Illustrator

by
Difficulty:BeginnerLength:LongLanguages:
This post is part of a series called The Wizard of Oz.
How to Create Organic Textures for the Scarecrow in Adobe Photoshop
Create a Fun, Seamless Yellow Brick Road and Poppy Pattern in Adobe Photoshop
Final product image
What You'll Be Creating

Today’s tutorial is a little special since it’s a part of a larger series meant to show some love for all of you Wizard of Oz fans out there. We’re going to recreate a character from the story, and not just any character—we’re going to have the honor of building Tin Man.

We are going to be using some of Adobe Illustrator’s basic shapes combined with the Pen Tool, but you shouldn’t worry, because the process is really straightforward. So if you have some basic Illustrator knowledge, you should ace it!

OK, let’s jump into Illustrator and start creating!

1. Set Up the Document

First things first, let’s start by creating a New Document by either going to File > New or using the Control-N keyboard shortcut. We'll adjust some of its settings:

  • Number of Artboards: 1
  • Width: 800 px
  • Height: 600 px
  • Units: Pixels

And from the Advanced tab (which can be found under the little right-facing arrow):

  • Color Mode: RGB
  • Raster Effects: High (300 ppi)
  • Align New Objects to Pixel Grid box: checked
setting up a new document

2. Set Up Our Layers

Once we’ve created our little document, it’s time to layer it so that we can separate the different sections of the illustration, which will allow us to focus better later on when we start adding details.

Open up the Layers panel, and create three layers. Let’s name them so that we know which one is which:

  1. wood frame
  2. character
  3. axe
setting up our layers

3. Create the Wooden Frame

We will work our way up, from the wood frame layer all the way to the axe one, making sure to lock all but the layer that we are currently on. This will help you keep your shapes organized, while making things a lot easier to edit.

Step 1 

The first layer that we are going to work on will be the circular wooden frame, on top of which we will then position the rest of our illustration.

So, assuming that you’re on the wood frame layer, use the Ellipse Tool (L) to create a 320 x 320 px circle, which we will color using #99847B.

We will then align the shape to the center of our Artboard using the Horizontal and Vertical Align Center options found underneath the Align panel.

aligning the base shape for our wooden frame

Step 2

Next, let’s give the shape an outline by selecting it and then going to Object > Path > Offset Path and giving it an offset of 6 px.

Once you have the outline, change its color to something darker (#453F3C) so that we can distinguish the two, and then select both it and the previous shape and group them using the Control-G shortcut.

wooden frame with outline

Step 3

We will be creating a slighter smaller circle, just 280 x 280 px, which we will color using #806E67, and then position on top of the previous one, making sure to center it, and then give it the same 6 px outline.

As before, group the circle and its outline, since in the next step we will start adding details that will overlap with some of the shapes, making it harder to work if they aren’t grouped.

adding the inner section to the wooden frame

In case you’re wondering why we added this second piece, the reason is that the first circle will end up being our actual frame, while the smaller inner one will act as a background. If you don’t see it yet, well, let’s change that by adding some details.

Step 4

In this step we will add the vertical lines that will give the impression that our background is made out of wooden tiles.

To do that, simply select the Rectangle Tool (M) and create five 4 x 328 px shapes (#453F3C), which we will position 48 px from one another, making sure to group (Control-G) and align them to the center of our circle afterwards.

distancing the vertical wood lines using the align panel

Step 5

Once you have the first set of vertical lines, we need to create a copy (Control-C > Control-F) of them, which we will position towards the left side, so that the elements of the two groups sit side by side. 

Since these will act as shadows, we need to change their color to black (#000000) and set the Blending Mode to Multiply while lowering the Opacity to 20%.

adjusting the blending mode for the vertical shadows

Step 6

Now, since we want both the vertical lines and shadows to cover up just the surface of the smaller circle, we will have to select create a copy of the circle (not the outline) and paste it over them. 

Once we have the copy in place, we need to select it and our lines and then right click > Make Clipping Mask. This will mask the sections of the lines that go outside the surface of the circle, which is exactly what we wanted.

masking the vertical lines

Step 7

As soon as we mask the lines, we can cut (Control-X) and paste (Control-F) them inside the inner circle group by double-clicking on it to enter Isolation Mode.

vertical wooden lines masked

Step 8

Next, we need to add a small inner shadow, by creating two circles, one 280 x 280 px one, and one smaller 260 x 260 px one, which we will then extract from the larger one using Pathfinder’s Minus Front function. 

Once we have the resulting shape, change its color to black (#000000) and set its Blending Mode to Multiply while lowering its Opacity to 20%.

setting the blending mode for the ring shadow

Step 9

Following the same process as with the ring-like shadow, we will be adding a circular highlight to the edge of the wooden frame (the larger circle, not the outline) by creating a 320 x 320 px ellipse, from which we will cut out a smaller 312 x 312 px one. 

We will then set the resulting shape’s color to white (#FFFFFF) and change its Blending Mode to Overlay, while lowering the Opacity to 30%. You should also make sure to position the highlight inside of the larger circle group, since we will be adding more details along the way, and this way it will be easier to keep track of your shapes.

adding the ring highlight to the wooden frame

Step 10

Since we now have a circular highlight, how about adding two vertical ones too? First, grab the Rectangle Tool (M) and create one wider 8 x 332 px shape, and one narrower 4 x 332 px one, position them 6 px from one another, and then place them in the illustration, a little towards the right side.

creating the basic shapes for the vertical highlights

Step 11

Now, as we did with the previous vertical lines, we will mask the highlights, and then set their Blending Mode to Overlay while lowering the Opacity to 30%.

setting the blending mode for the vertical highlights

Step 12

This next step will require you to get a little creative, since we will start working on the wood detail lines.

First we will have to go inside of the larger circle group by double-clicking on it in order to enter Isolation Mode, where using the Pen Tool (P) we will start drawing little curved lines. We have to make sure to set the weight of the lines to 2 px and color them using the same tint used for the outline (#453F3C).

Once you’re done, your design should look something like this.

adding the decorative lines to the wooden frame

Normally we would need to add the wood detail lines to the inner section of our frame, but since we don’t have the silhouette of our character drawn yet, it will be easier to leave it as it is for now, and come back later on once we have everything laid out.

4. Create Tin Man

From this point on, we will focus on creating the character, but I’m going to switch things up a little bit.

If you've read some of my previous tutorials, you might have noticed that I usually go all nuts with numbers, positioning, etc. While there’s nothing wrong with that, I felt that for this tutorial, I had to do things a little bit differently since I want to get you in a more creative state of mind, and actually see you express yourself by giving you some pointers here and there.

That being said, grab a cup of coffee or tea, and as the Great Oz put it, “You have plenty of courage, all you need is confidence in yourself.”

Step 1

First, make sure that you’re on the character layer, and using the Pen Tool (P) let’s start working on Tin Man’s metal collar by drawing a trapeze-like shape that we will color using #CCC4C4.

As you can see, I’ve drawn a relatively large shape in terms of width, and positioned it towards the bottom-center side of my inner circles, since we will have to mask it later on.

creating the base shape for the collar

Step 2

Next we need to add an outline to the collar by selecting it and then going to Object > Path > Offset Path and applying an offset of 6 px to it. Since the outline has to stand out from the inner fill, we will have to change its color to #453F3C.

adding an outline to the collar base shape

Step 3

Once we have the bottom section of our collar, we can start working on its top side by adding an ellipse shape that will act as the inner section, and then give it that 6 px outline.

adding the circular section to the collar

Step 4

Next, we will be adding a subtle shadow to the top side of the inner collar element that we’ve just created. I recommend you use the Pen Tool (P) and draw a path that is narrower towards the top, but then comes out wider toward the edges. Once you’ve drawn the path, simply change its color to black (#000000) and then set its Blending Mode to Multiply while lowering the Opacity to 20%.

Since the shape will go outside of the surface of the ellipse, we will need to create a copy of the ellipse itself and use it as a clipping mask for our shadow.

adding a shadow to the circular section of the collar

Step 5

Using the Pen Tool (P) start adding some details to the lower section of the collar by creating some highlights. Then use the Ellipse Tool (L) to add a little round highlight that we will tilt slightly towards the left.

Make sure that once you’re done adding the details, you position them underneath the top ellipse, by selecting the lower part of the collar and the highlights and then right click > Arrange > Send to Back.

adding the highlights to the collar

Step 6

Once you’re done adding the highlights, we need to add the little bolts and the vertical divider. First grab the Ellipse Tool (L) and create four 6 x 6 px circles (#453F3C) and position them evenly at a distance of 4 px from one another. Group the bolts (Control-G) and then align them to the center of the bottom section of our collar, pushing them a little towards the right side.

Add a 4 x 48 px rectangle (#453F3C) to their right and a smaller 2 x 48 px shadow right next to the divider.

Also, at this point it would be a good idea to select all of the collar’s shapes and group them (Control-G) so that things don’t end up flying around.

adding the final details to the collar

Quick note: keep in mind that some of the values indicated above might vary since your dimensions will be different from mine. That being said, don’t get discouraged—try to use what I’ve used, and adjust the shapes as you need to.

Step 7

Since we’re done working on the collar, we can now start focusing on the neck.

As always, the first thing we need to do is create the main fill section. Draw a rectangle and push its top anchor points slightly towards the inside.

Color the shape using #CCC4C4 and then position it towards the bottom-center of the collar’s ellipse.

creating the base shape for the neck

Step 8

Once you have the base for the neck in place, give it an outline, and set the new shape’s color to #453F3C. It might be a good idea to group the two (Control-G) since we will have to make some adjustments in the next step.

adding an outline to the neck section

Step 9

At this point, you might have noticed that the bottom sides of our neck’s inner shape and outline are going outside the ellipse’s surface, which is something that we need to correct.

neck misalignment example

The simplest solution is to select and create a copy of the collar’s ellipse (not the outline) and then remove its top anchor point by selection and pressing Delete. Then using the Pen Tool (P) continue drawing the shape, creating a top section that goes over the top side of our neck’s outline. Then we simply select both the neck and the outline and create a clipping mask.

correcting the neck misalignment using a clipping mask

Step 10

Once we’ve fixed the neck, we can start adding some details such as the horizontal line dividers and some highlights and shadows. Please keep in mind that once you start working on the details you first have to go inside the neck group, since otherwise you might lose things.

Also, you will have to group all of your details and mask them using the neck's inner section, since otherwise they will go outside its surface.

adding details to the neck

Step 11

Since we’re basically done with the neck, we can now move on to the head itself.

I started working on the head by first drawing a 92 x 134 px rectangle with a 46 px Corner Radius which I then adjusted by playing with its anchor points.

The shape that you will be going for will have a slightly flatter top section, while the bottom one will look a little elongated.

Take your time and play around with it until you have a nice looking shape, and then color it using #CCC4C4 and position it above the neck so that it goes ever so slightly over it.

adding the base shape for the head

Step 12

Give the head an outline, and then start adding the eyes, nose and mouth to it.

adding the eyes nose and mouth to the face

Step 13

Once you have the eyes, mouth and nose in place, it’s time to start adding the ears.

In my illustration, I’ve created the ears by drawing two 10 x 26 px rectangles (#968F8E) with a 5 px Corner Radius, to which I’ve applied a 6 px offset path effect in order to get the outlines.

I then changed the outline color to #453F3C and positioned a pair on each side using the eyes as reference points, making sure to send them to the back of the head itself.

adding the ears to the head

Step 14

As soon as we’re done creating the ears, we can start drawing the funnel hat.

So, using the Pen Tool (P), start tracing the bottom section of the hat, making it just a couple of pixels wider than the head itself. Color the shape using #968F8E and then give it an outline.

adding the bottom section of the hat

Step 15 

Next, we will continue by drawing the top section of the hat. We will have to make sure that the bottom anchor points align themselves nicely with the top ones on the shape that we’ve just created. Once you’ve traced the shape, color it using #7B7472 and of course, give it an outline.

adding the top section of the hat

Step 16

Since the original hat had a handle, we need to make sure to add one to ours as well.

Using the Ellipse Tool (L) create a 28 x 28 px circle (#968F8E), and then flip its fill with its stroke by pressing Shift-X.

Since our circle should now be a ring, we need to adjust its weight by setting it to 4 px. Then, simply expand the shape by going to Object > Expand > Fill and Stroke and give the resulting shape an offset path of 6 px.

Finally, group (Control-G) both the fill and outline and position the handle to the right of the hat.

adding the handle to the hat

Step 17

Once we’ve finished working on the hat, we can start adding finer details to our character, by adding highlights, shadows, and a couple of bolts and dividers to give it that metal look. Take your time, and be as detailed as possible.

adding details to the hat

Step 18

Once you’ve finished adding the details, you might notice that the bottom section of the collar is going outside the surface of the interior wood section. Since we want it to be framed inside it, we will first group (Control-G) all the elements that form our character and then mask it using a 280 x 280 px circle that we will position on top.

masking the character

Step 19

But hold on, something feels wrong, as if we’re missing a piece.

Well Dorothy, we are. Since I thought we should first focus on the main components of the character, I left the cherry for the end. If you still don’t know what I’m talking about, I’ll let you know—it’s the bow.

So get back in there, and draw a nice-looking bow, which we will color using #ED7161 and then position over the collar towards its bottom side.

adding the bow to the character

Step 20

Before we move on to the last piece of our illustration, we will first have to take a couple of minutes and work on our wood lines, which we need to position within the second circle group. As before, use a 2 px stroke weight and play around until you have some nice-looking lines.

Now, since the details need to go onto the wood frame layer, you will have to lock the character one, and work inside the previously mentioned one.

adding the second set of wood lines

5. Create the Axe

We are now down to our last segment of the illustration, which is Tin Man’s signature piece, the axe.

If you've read the story then you know that Tin Man (which should actually be Tin Woodsman), wasn’t originally made out of metal. Instead he was a real person like me and you, named Nick Chopper. He used to make his living by chopping down trees in the forests of Oz.

Now, to make a long story short, he had some beef with the Wicked Witch of the East which enchanted his axe in such a way that it chopped off his limbs one by one, but instead of dying he somehow magically replaced them with tin prosthetic limbs.

Ok, so you now know why the axe is so important. Let's start creating it.

Step 1

First let’s lock all the other layers, all but the axe one, and using the Pen Tool (P) start drawing the wooden handle.

Try to get a more organic feel to it, and once you have something that you think looks nice, color it using #806E67 and give it a 6 px outline (#453F3C) using the offset path effect.

With both the inner section and outline selected, group them (Control-G) and then position them towards the bottom side of the wooden frame so that they end up masking about half of the surface of the bow.

creating the axes handle

Now, in case your outline gets a little funky like mine did, don’t worry—we will make that side overlap with the blade, so everything will turn out fine.

Step 2

Okay, so now that we have the handle, how about adding some details to it, such as the wood lines, a top highlight and a bottom shadow?

adding details to the handle

Step 3

Let’s start working on the blade, by creating a 24 x 40 px rectangle (#B1A9A9) with a Corner Radius of 2 px. We will adjust the shape by selecting its bottom center anchor points using the Direct Selection Tool (A) and then deleting them by pressing Delete.

Then, using the Pen Tool (P), continue the shape by drawing the bottom section of the blade, making sure to close the path that you’ve traced.

adjusting the axes blade

Step 4

Once you have a nice-looking blade, give it an outline and then position it on the right side of the handle, making sure to mask any imperfections created by the handle’s outline.

adding the blade onto the axe

That's It, Folks!

Start adding a couple of highlights and shadows to the blade, and you should be all done.

I hope that you had fun doing this little tutorial, and I’m looking forward to seeing your final results, so don’t keep me waiting!

illustration finished
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.