Blog.SpoonGraphics

Monster Character Series Part 3

Read the article

This post was originally published in 2007
The tips and techniques explained may be outdated.

Apologies for the slight delay in the series, the site managed to use up all of it’s bandwidth allowance plus an extra 7gb in the last week that the hosting company kindly donated to keep the site live until November 1st. The site has now migrated to a supersize package with an American host which will hopefully mean less downtime and more bandwidth to play with each month!
Back onto the monster character series; Part two covered the creation of the Dumb Blue Sucker Monster, now we'll take a look at the Angry Orange Monster! Once again, hopefully these will be easy enough to follow by Illustrator beginners, with mostly the basic tools and shapes being used.

Illustrator Monster Character

2.gif

Launch Adobe Illustrator, and create an oval with the Circle Tool.

3.gif

Draw a simple arm by using the Rounded Rectangle Tool, use the cursor keys to give large rounded edges.

4.gif

Locate the arm in an upwards position on the side of the body, then duplicate the arm with the copy and paste tools. Go to Object > Transform > Reflect and select Vertical to mirror the arm and position on the opposite side of the body.

5.gif

Use the Add to Shape Area tool from the Pathfinder window to combine these three objects into one complete shape.

6.gif

Use the Star Tool to create a triangle by pressing the cursor keys to decrease the number of points all the way down to three.

7.gif

Locate into place on the body, then repeat the duplication steps to position another leg on the opposite side. Use the Pathfinder tool to combine these shapes.

8.gif

Back with the Star tool draw another triangle, this time filled with black. Use the Direct Selection Tool (White Arrow) to select the upper most point, then drag this further upwards whilst holding shift to constrain the axis.

9.gif

Scale and position the triangle into place as an eye. We're using triangles as eyes here to emphasise the angry characteristics of the Angry Orange Monster. In basic cartoon design sharp, angular shapes give a more evil impression, whereas rounded shapes make the character appear lovable and friendly.

10.gif

Draw a large black oval as a mouth, the Angry Orange Monster is a noisy blighter so giving him a wide open mouth in large proportions helps represent that!

11.gif

Use the Star Tool again to create some sharp white triangular teeth and position around the inside of the mouth. Don't worry about the gaps or the overlaps we'll cover these up in a sec.

13.gif

Copy and Paste the mouth oval, change the black fill to a fairly thick black stroke and position this to the top by pressing 'CTRL / CMD + SHIFT + ]'

14.gif

Select the body of the monster and change the stroke to a thick black outline, aligned to the outside. Add some colour by selecting an orange swatch.

16.gif

Copy and Paste in Front (CTRL + F) this body shape, then change the stroke to a thin, darker orange outline aligned to the inside.

17.gif

Back with the mouth outline repeat the same process to add the same stroke around the outsides of the mouth.

Illustrator Monster Character

There we go, another simple character using the basic tools of Illustrator. Subscribe or check back soon to put some of these techniques into further practice, and learn a couple of new tricks on the final monster character!

Join the mailing list and receive my design resources bundle FREE!

Join the mailing list to have every new post hand delivered to your email inbox. Every subscriber gets a FREE bundle of 40+ icons, vectors, brushes & textures!

20 Comments

  1. [...] different produces the best results, the T-Shirt Tutorial, Frankenspoon, Animated Logo Tutorial and Monster Character series all fall under the highest rated [...]

  2. k says:

    chris, how does one change the curves (dimensions) on a rounded rectangle once it’s drawn?

    (0)
  3. admin says:

    Grab the Direct Selection Tool (White Arrow) and drag a selection across four points at a time, ie the top four then drag them into the position you desire. Hold shift to constrain the axis.

    (0)
  4. Brilliant tut! Thanks for this

    (0)
  5. Free icons says:

    Wicked!
    Glad I bookmarked all three parts!

    (0)
  6. admin says:

    Don’t forget the fourth and final part of the series Here

    :)

    (0)
  7. Lewwy says:

    Hey Chris,
    Sometimes, when I need to set the direction of the stroke (Inside, Outside etc) it is faded out, and when I hover over it, there is a ‘No Smoking’ symbol shown as the mouse.. Bit vague, but I mean the Circle with a Line through the middle.

    Can you tell me why this is?

    (0)
  8. admin says:

    Hi Lewwy

    The only solution I can think of for your problem is to ensure that the path you are adding the stroke to is closed, where there are no open end points.
    This is the only situation I can imagine the stroke alignment isn’t accessible.

    Otherwise, remember you need to add the stroke first then change the alignment.

    Chris

    (0)
  9. [...] doing these (1,2,3,4) tutorials, this is my very own monster. Share and Enjoy: These icons link to social [...]

  10. Raven says:

    whoa-oh
    This is the first time I use a proggy like this and I did it
    I’ve made my own angry orange monster!!!

    Thnx for this tutorial

    greets from Raven (the netherlands)

    (0)
  11. rhaize says:

    thanks for the tutorial, didnt think to do multiple outlines that way.

    (0)
  12. [...] using Illustrator, you can check out a few good tutorials on the subject at SpoonGraphics: 1 2 3 [...]

  13. [...] Your Own Vector Cartoon Character and followed it up with Monster Character Series Part 1, 2, 3, & [...]

  14. nikolas says:

    hey really cool but when i use the rounded rectangle tool and i make one i can’t use the arrow keys to round it help?

    (0)
  15. Mauricio says:

    Hey, great tutorial!

    (0)
  16. [...] Monster Character Series Part 3 [...]

Comments are now closed