Blog.SpoonGraphics

Create a Cute Vector Monster from a Pencil Sketch

Read the article

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

I guess with recent topics being based on vector illustrations and cute characters, it's about time for another Illustrator character tutorial. Previous versions saw the creation of Captain BlackSpoon and Freddy the Fish which seemed pretty popular, not to mention the quick and simple monster series. This time follow this Adobe Illustrator walkthrough on the creation of a cute little vector monster character, beginning with a quick pencil sketch on paper.

Monster Character

Monster Character

Starting with paper and pencil, sketch out the rough shapes with quick and dirty circular shapes. With reference to the head in particular, don't worry about drawing a perfect shape – the disproportionate features is what I think makes this monster so cute.

Monster Character

Sketch in some additional circles to plan out the limbs and ears.

Monster Character

Continue to draw in the facial features, large eyes and a drooling tongue are a must.

Monster Character

Concentrating more on the overall form and shape of the character, outline the building blocks to develop the body.

Monster Character

I like to go over any final pencil marks with a black marker to give a better view of how the illustration is looking, this also helps when it comes to scanning or photographing the image for tracing.

Monster Character

Open up Adobe Illustrator and create a new document. Under the File > Place document select a scanned or photographed image of the initial sketch. Select the Template checkbox to set the image as a locked translucent picture ready for tracing.

Monster Character

Begin with an oval using the Circle Tool to outline the rough shape of the head.

Monster Character

As mentioned before, the disproportions of the monster is what adds to it's character, use the Pen Tool to add in extra points and move these into position with the Direct Selection Tool to rough the oval into a more inaccurate shape.

Monster Character

Just like when sketching out the character, add in building blocks to make up the body shape.

Monster Character

Use Rounded Rectangles for the ears and rotate into place.

Monster Character

The eyes and nose are simply made up of basic circles, draw these up and move into position.

Monster Character

The head shape needs modifying to allow it to merge into the body. Using the Pen Tool add two additional points where the shape begins to stray away from the initial sketch. Use the Direct Select Tool to then delete the excess area leaving an unclosed path.

Monster Character

Use a similar process on the ovals than make up the limbs, this time the use of additional points isn't needed, simply delete one of the existing points to alter the shapes.

Monster Character

Back with the Pen Tool, hover over the unclosed path of the head and notice the icon with a minus sign appear, continue to click and drag the path following the curvature of the neck. When you reach the top of the arm look out for another icon change, this time a little circle that indicates that you will be joining the path.

Monster Character

Extend the paths of the other limbs to give a complete outline of the monster character.

Monster Character

Use the Direct Selection Tool to delete out the lower two points of the rounded rectangles.

Monster Character

With the Pen Tool use the same technique to extend the paths to merge into the head.

Monster Character

Select the shape that makes up the head and add points at the areas that intersect with the ears.

Monster Character

With the Direct Selection Tool delete these additional points to remove the line that cuts right through the ears.

Monster Character

Select the points of the two separate pieces (ears and head) in individual groups of two and press CTRL / CMD + J to join them together into a single shape.

Monster Character

Add a little detail to the ears with the Pen Tool, simply clicking and dragging a shape into place.

Monster Character

Open the Artistic-Ink brush library from the Brushes Palette and choose a nice tapered effect to remove the square edges.

Monster Character

Using the same brush preset draw in the mouth dragging in the rough shape with the Pen Tool.

Monster Character

Also draw in the shapes that make up the tongue and teeth.

Monster Character

Draw in a simple oval to outline the belly area.

Monster Character

At this point the visibility of the sketch layer can be toggled off to view how the illustration is looking and to tweak any points with the Direct Selection Tool.

Adjust the thickness of the strokes, with the main outline being the thickest at 7pt.

Monster Character

Adjust the thickness of the eyes to 5pt, making them less than the main outline, but being important features they are still given prominence.

Monster Character

Begin adding colour by first creating a new layer underneath the vector lines. Use the Pen Tool to roughly draw around the complete outline of the character, paying attention not to stray out of the black area.

Monster Character

Fill the complete with a desired colour, this monster is a nice vibrant slimey green.

Monster Character

Some elements obviously don't want to be filled with green, such as the teeth, tongue and eyes. Use the same technique to add blocks of colour behind the lines.

Monster Character

The following is a technique I personally like to use on characters to give a nice little touch of depth and dimension.

Copy and paste in place (CTRL + F) the main outline strokes, go to Object > Expand and check the Stroke option.

Monster Character

With all of the shapes of that make up the outline selected, merge them into one single shape using the Add to Shape Area option from the Pathfinder Tool.

Monster Character

With the Direct Selection Tool, click on the outer path and press delete a couple of times to completely remove it. The result will fill the whole character area in black, but simply swap the Fill and Stroke checkboxes around.

Monster Character

Swap the original black stroke for a darker green, bump up the weight and set the alignment to the Inside to give a simple shading effect to the character.

Monster Character

Select the facial features and add the same green stoke, this time aligned to the outline. Remember for objects such as the eyes that already have a stroke applied, simply Copy and Paste Behind (CTRL / CMD + B).

Monster Character

Add some extra shading to the eyes by drawing in the desired shape with the Pen Tool, concentrate on a smooth curve across the ear then roughly complete the path within the confines of the black outlines.

Monster Character

Adjust the order of the shading so that it is placed underneath the black outlines, hiding the rough edges of the path.

Monster Character

Using the Star Tool drag a triangle onto the artboard, reduce the points by pressing the down cursor key while dragging. Drag the uppermost point vertically with the Direct Selection Tool to stretch out the triangle a little.

Monster Character

Duplicate the triangle and move slightly to the left, go to Object > Envelope Distort > Make with Warp and add a slight vertical Arc.

Monster Character

Duplicate this new curved triangle and head to Object > Transform > Reflect to create a mirror image.

Monster Character

Go to Object > Expand and select Object to reset the Warped shapes into editable objects.

Monster Character

Position the groups of triangles in place as toes on the feet of the monster character.

Monster Character

Let's work on the tummy area and add a little interest. Begin with a radial gradient and stroke with complimentary shades of green.

Monster Character

Draw a long thin rectangle, Copy and Paste in place (CTRL / CMD + F), then move to the right. Use the shortcut combinations of CTRL / CMD + F then CTRL / CMD + D to repeatedly paste and move an additional rectangle until a large group has been made. Group these together by clicking Object > Group.

Monster Character

With both the group of rectangles and belly oval selected, use the Intersect from Shape Area option from the Pathfinder to trim out the excess rectangle. Press Expand to reset the shape.

Monster Character

Adjust the colour, blending mode or transparency to suit. Here I use Soft Light to blend in the lines with the gradient.

Monster Character

While working with gradients, drag a very slight gradient across the main body of the character to add a little variation in tone.

Monster Character

Using a random colour along with the Pen Tool roughly draw in some spots/scales across the whole body of the character.

Monster Character

Use the Magic Wand to select one of the scales, with them being the same colour all of the objects are selected together. Go to Object > Path > Simplify and adjust the settings to smooth out the shapes and remove any sharp angles.

Monster Character

Adjust the colour, blending mode and transparency to blend in these scales. Keep them subtle enough to add a little texture to the character while not being too prominent.

Monster Character

That's one cute little monster character complete, now all that is needed is a name – any suggestions?

Monster Character

Why not combine this walkthrough with a previous Illustrator tutorial: Create a Blissful Vector Scene to create a nice home for your 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!

54 Comments

  1. Very well explained. This will no doubt be a valuable resource for MANY beginners in Illustrator. Looks like you put quite a bit of time into this one mate ;)

    (0)
  2. Mali says:

    Great stuff! hehe made me chuckle, so that would be the name i’d choose. Chuckle.

    Brilliant

    (0)
  3. Mac Tips says:

    Awww he is so cute. He needs some friends.

    (0)
  4. Brian Yerkes says:

    I knew I would learn something new if you did an illustrator tut. The tapered edges on the lines…My knowledge of illustrator is getting better every day.

    Thanks Chris. Did you create the post in Dw after?

    (0)
  5. Marvin says:

    very good explained.
    i’ll try that. thanks for this!

    (0)
  6. Mike Farley says:

    Wow, a great tutorial…and a truly scary monster vector or otherwise.

    Great work and loved the walkthrough.

    Cheers
    Mike

    (0)
  7. dislek says:

    its very nice.
    thx i’ll try

    (0)
  8. very simple yet it rocks:)nice one chris

    (0)
  9. Thomas says:

    Great Tutorial, thanks

    (0)
  10. A u d e e says:

    O wow! Surely it is so cuteeeeeeeeee ^_^. It is a he or a she? LOL well… just wanna give this cute monster a big hug.
    Your tutorial is very well explained…and tells every details :) big thanks too
    FLOATED and saved to my system hardisk :p

    (0)
  11. Gotta’ give this a try, great tutorial, and excellent results, thanks for the time youve put in to it.

    Max | Design Shard

    (0)
  12. natalie says:

    ooh! its so cute! you could name him… noodle. haha. its the only thing i could think of :D

    (0)
  13. Jack says:

    Thanks for taking the time to do this, it’s a very good tutorial.

    (0)
  14. Alex says:

    sweet tutorial… think he should be called mush…. i dont know why… just coz :)

    (0)
  15. Veysel says:

    Congragulation! Great stuff!
    But ı can’t do this :) because ı havent got patience for doing it!

    (0)
  16. Žeb says:

    Ah very very good tuto ! Clap ²
    Alway high level quality in your blog ;-)

    (0)
  17. styletime says:

    man i wish i had a copy of illustrator …oh and some talent to go with it ;)

    great tut!

    (0)
  18. thomas says:

    this is not a good tutorial to be honest
    i am a newbie and i had troubles following what is going on, it should have been more detailed explaination, like step to step, I think the person who wrote this got lazy and assumed that the reader knows it but they don’t, it’s so frustrating

    (0)
  19. WilR says:

    hehehe, i thought this was going to be a 3-step tutorial, glad i was wrong :)

    (0)
  20. chokilala says:

    really great tutorial. thanks a lot!

    (0)
  21. Kanu says:

    This is the best illustrator tutorial I have come across. Great details and step by step instructions! I loved it. Thanks a lot for sharing with us :) I made one monster too…

    http://www.flickr.com/photos/kanu85/2882449647/

    (0)
  22. Ubi says:

    Well done. I love this tutorial..very nice..
    :O

    (0)
  23. wow this great… nice work from you. i give you 2 thumbs up. keep up the good work!

    (0)
  24. I Hussey says:

    Thanks some very helpful tips in here for me getting to grips with illustrator

    (0)
  25. Angga says:

    Awesome tutorial ! i have been following most of your vector tutorials and i’d say that all of them are amazing !!
    thanks !

    (0)
  26. rodrigogua says:

    i think using livepaint and the paint bucket would be an easier way of filling in the large areas (the main green on the body, teeth, etc)

    nice tutorial!

    (0)
  27. saniya says:

    the sketch is very beautiful its very well explained thanks 4 explaining

    (0)
  28. Samuel says:

    Very informative…i just learned about your site and am going through it all, page by page. Awesome source of information…thank you.

    (0)

Comments are now closed