How To Draw A Tin Man

Today's tutorial is a little special since it's a function of a larger series meant to prove some beloved for all of you lot Sorcerer of Oz fans out at that place. We're going to recreate a character from the story, and not just whatsoever character—we're going to have the honor of building Tin Man.

Nosotros are going to be using some of Adobe Illustrator's basic shapes combined with the Pen Tool, only you shouldn't worry, because the process is really straightforward. So if y'all take some bones Illustrator knowledge, you should ace it!

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

1. Set Up the Document

Offset things first, let's first past creating a New Document by either going to File > New or using the Command-North keyboard shortcut. We'll arrange 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 nether the niggling correct-facing arrow):

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

ii. Prepare Our Layers

In one case we've created our petty document, information technology'southward time to layer it so that nosotros tin split the different sections of the analogy, which will allow us to focus amend later on when we start calculation details.

Open up the Layers panel, and create iii layers. Let's proper noun them so that nosotros know which i is which:

1. woods frame
2. character
3. axe

3. Create the Wooden Frame

Nosotros will work our fashion up, from the wood frame layer all the fashion to the axe ane, making sure to lock all but the layer that we are currently on. This will help y'all keep your shapes organized, while making things a lot easier to edit.

Step 1

The first layer that we are going to piece of 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 volition colour using #99847B.

We volition then align the shape to the middle of our Artboard using the Horizontal and Vertical Align Centre options found underneath the Marshal panel.

Step 2

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

Once yous accept the outline, change its colour to something darker (#453F3C) so that nosotros can distinguish the two, and then select both information technology and the previous shape and group them using the Control-Thou shortcut.

Step 3

We volition be creating a slighter smaller circumvolve, only 280 x 280 px, which we will colour using #806E67, and then position on meridian of the previous one, making sure to eye it, and so give it the aforementioned six px outline.

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

In case you're wondering why nosotros added this 2nd piece, the reason is that the first circle will end upward existence our actual frame, while the smaller inner one will human activity as a background. If y'all don't run across it notwithstanding, well, allow's change that by calculation some details.

Footstep 4

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

To do that, simply select the Rectangle Tool (M) and create five four ten 328 px shapes (#453F3C), which nosotros volition position48 px from ane some other, making sure to group (Control-G) and align them to the center of our circle subsequently.

Step 5

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

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

Step half dozen

Now, since we desire both the vertical lines and shadows to comprehend up simply the surface of the smaller circle, we volition 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 demand to select it and our lines and 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.

Step 7

As shortly as we mask the lines, we tin cutting (Control-Ten) and paste (Control-F) them inside the inner circle group by double-clicking on information technology to enter Isolation Mode.

Step viii

Next, we need to add a small inner shadow, past creating two circles, 1 280 x 280 px ane, and one smaller 260 10 260 px i, which nosotros will and so extract from the larger i using Pathfinder's Minus Front part.

One time we have the resulting shape, change its color to blackness (#000000) and prepare its Blending Mode to Multiply while lowering its Opacity to 20%.

Step nine

Post-obit the same process as with the band-like shadow, we will be calculation 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.

Nosotros volition so set the resulting shape'south color to white (#FFFFFF) and alter its Blending Mode to Overlay, while lowering the Opacity to xxx%. Yous should also make certain to position the highlight inside of the larger circumvolve group, since we volition be adding more than details along the way, and this style it volition exist easier to proceed track of your shapes.

Stride x

Since nosotros at present have a circular highlight, how about adding 2 vertical ones too? Commencement, grab the Rectangle Tool (M) and create i wider eight 10 332 px shape, and one narrower 4 x 332 px one, position them 6 px from one some other, and then place them in the illustration, a little towards the right side.

Footstep eleven

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%.

Pace 12

This side by side step volition require yous to become a little artistic, since we volition outset working on the wood item lines.

First we will have to go inside of the larger circle group by double-clicking on information technology in order to enter Isolation Mode, where using the Pen Tool (P) nosotros 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 aforementioned tint used for the outline (#453F3C).

Once y'all're done, your design should expect something similar this.

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 grapheme drawn yet, information technology will be easier to leave information technology as it is for at present, and come back afterward on once we take everything laid out.

4. Create Tin Man

From this point on, we volition focus on creating the character, just I'one thousand going to switch things up a niggling flake.

If you lot've read some of my previous tutorials, you might have noticed that I usually get all basics with numbers, positioning, etc. While in that location's zero wrong with that, I felt that for this tutorial, I had to do things a little scrap differently since I desire to become you in a more creative state of mind, and actually come across you express yourself by giving you some pointers here and there.

That beingness said, grab a loving cup of coffee or tea, and as the Cracking Oz put it, "Yous take plenty of backbone, all you demand is confidence in yourself."

Step 1

Start, make sure that y'all're on the character layer, and using the Pen Tool (P) permit's start working on Tin Man's metal neckband past cartoon a trapeze-similar shape that we will color using #CCC4C4.

As you tin can encounter, I've fatigued a relatively large shape in terms of width, and positioned it towards the bottom-center side of my inner circles, since we volition take to mask information technology later on.

Step 2

Adjacent we need to add together an outline to the collar past selecting information technology and so 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 make full, we will take to change its colour to #453F3C.

Step iii

Once nosotros have the bottom department 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.

Step four

Next, we will exist adding a subtle shadow to the top side of the inner neckband element that we've simply 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. In one case you've fatigued the path, just modify its color to black (#000000) and and then ready its Blending Mode to Multiply while lowering the Opacity to 20%.

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

Stride 5

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

Make sure that once you're done adding the details, y'all position them underneath the meridian ellipse, by selecting the lower function of the collar and the highlights and then right click > Arrange > Send to Back.

Step half-dozen

Once you're done adding the highlights, we demand to add together the little bolts and the vertical divider. First grab the Ellipse Tool (L) and create 4 6 x half-dozen px circles (#453F3C) and position them evenly at a distance offour pxfrom one another. Group the bolts (Control-G) and and then align them to the centre of the bottom department of our neckband, 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.

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

Quick note: proceed in mind that some of the values indicated higher up might vary since your dimensions volition exist different from mine. That being said, don't get discouraged—effort to apply what I've used, and adapt the shapes as yous demand to.

Footstep 7

Since we're done working on the neckband, we can now start focusing on the neck.

As always, the first thing nosotros need to do is create the main fill section. Draw a rectangle and push button its acme ballast points slightly towards the within.

Colour the shape using #CCC4C4 and and then position information technology towards the lesser-center of the collar's ellipse.

Step viii

Once you accept the base for the neck in place, give information technology an outline, and set up the new shape's colour to #453F3C. It might be a expert idea to grouping the two (Control-M) since we will have to make some adjustments in the next footstep.

Pace 9

At this signal, you might accept noticed that the lesser sides of our neck's inner shape and outline are going outside the ellipse'south surface, which is something that nosotros need to right.

The simplest solution is to select and create a copy of the collar's ellipse (not the outline) and and so remove its elevation anchor point past option and pressing Delete. Then using the Pen Tool (P) continue drawing the shape, creating a summit section that goes over the top side of our cervix'due south outline. Then we only select both the cervix and the outline and create a clipping mask.

Pace ten

One time nosotros've fixed the neck, nosotros can beginning 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 yous might lose things.

As well, 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.

Pace 11

Since we're basically done with the neck, nosotros can now movement on to the caput itself.

I started working on the head past starting time drawing a 92 10 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 tiptop section, while the lesser one will wait a footling elongated.

Accept your time and play effectually with it until yous accept a nice looking shape, and and so color it using #CCC4C4 and position it above the neck so that information technology goes ever so slightly over it.

Stride 12

Give the caput an outline, and then outset adding the eyes, nose and oral fissure to it.

Step thirteen

Once you have the eyes, mouth and nose in place, it'due south time to start calculation the ears.

In my illustration, I've created the ears by cartoon ii 10 x 26 px rectangles (#968F8E) with a five px Corner Radius, to which I've applied a vi px offset path effect in order to become the outlines.

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

Step fourteen

As presently as nosotros're done creating the ears, we can start drawing the funnel hat.

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

Pace 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 lot've traced the shape, color it using #7B7472 and of course, requite it an outline.

Stride 16

Since the original chapeau had a handle, we need to brand sure to add together ane to ours as well.

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

Since our circumvolve 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 half dozen px.

Finally, grouping (Control-M) both the make full and outline and position the handle to the right of the hat.

Step 17

In one case we've finished working on the hat, we can starting time adding finer details to our graphic symbol, by calculation highlights, shadows, and a couple of bolts and dividers to give it that metal expect. Take your fourth dimension, and be equally detailed as possible.

Step 18

Once y'all've finished calculation the details, you might discover that the bottom section of the collar is going outside the surface of the interior wood department. Since we want it to be framed inside it, we will first grouping (Control-Yard) all the elements that form our grapheme and and so mask it using a 280 x 280 px circumvolve that we will position on summit.

Pace 19

But hold on, something feels incorrect, equally if we're missing a piece.

Well Dorothy, we are. Since I idea we should first focus on the main components of the grapheme, I left the cerise for the end. If yous even so don't know what I'm talking nigh, I'll let you know—it's the bow.

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

Step 20

Before we movement on to the concluding piece of our illustration, we volition starting time have to accept a couple of minutes and work on our wood lines, which nosotros demand to position within the second circle grouping. As earlier, use a two px stroke weight and play around until you accept some prissy-looking lines.

Now, since the details demand to go onto the wood frame layer, you will accept to lock the graphic symbol 1, and work inside the previously mentioned one.

v. 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 can Human (which should actually be Tin Woodsman), wasn't originally made out of metallic. Instead he was a real person similar me and you, named Nick Chopper. He used to brand his living past chopping down trees in the forests of Oz.

Now, to make a long story short, he had some beefiness 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 at present know why the axe is then important. Allow'due south start creating it.

Step ane

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

Endeavor to get a more organic feel to it, and one time you accept 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 and so position them towards the lesser side of the wooden frame so that they end up masking about half of the surface of the bow.

Now, in case your outline gets a little funky similar mine did, don't worry—we will make that side overlap with the blade, then everything will plough out fine.

Step 2

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

Step 3

Permit'south kickoff working on the bract, past creating a 24 10 40 px rectangle (#B1A9A9) with a Corner Radius of 2 px. Nosotros will accommodate the shape by selecting its bottom center anchor points using the Direct Option 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.

Step 4

Once you have a nice-looking bract, give it an outline so position information technology on the right side of the handle, making certain to mask any imperfections created by the handle's outline.

That's It, Folks!

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

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

Source: https://design.tutsplus.com/tutorials/how-to-create-tin-man-from-the-wizard-of-oz-using-adobe-illustrator--cms-24922

Posted by: bealsgrany1997.blogspot.com

Share this post