Design Process: How to Draw Megamind in Illustrator

Design Process: How to Draw Megamind in Illustrator

In this tutorial we will create a vector drawing of the super-villain Megamind. Along with this, you will learn how to observe the “hidden” technical details a design needs to alter the audience’s reaction the way YOU want. Apart from how to draw Megamind,

You will learn how to:

– make an overall analysis of a design before starting to draw
– create proper outlining with a professional look
– organize your work into layers
– adjust color tones for a better look
– use vector masks

Difficulty: Intermediate
Completion time: 1-2 hours
Tools: Illustrator CS3

freebie banner

Super-Villain Megamind Final Image

how to draw Megamind - final image

Resources You Need To Draw Megamind:

– pencil, paper, graphic tablet
– favourite music playlist

First, make yourself comfortable. It’s important you are not influenced by external factors, mess on your desk or thoughts. Clear your mind of any other worries. Now let’s begin!
Get some posters or see some trailers of the movie on the internet and get an idea of how the character looks like.
Observe the proportions and try to figure out why was he designed like that and write them down.

Check out: 2D Character Illustration Tutorial

Characteristics of Megamind :

– Large head and skinny body – Makes the head look alot bigger
– curved nose bridge and sharp chin, enhanced by the small beard – suggests the character is not completely confident in himself and further enhances the skinny look of his body.

– relatively large eyes, unlike other villains – shows the character is actually kind and sociable. Eyes are considered the mirror of the soul and being able to see them wide open is like reading an open book, you can tell what he’s thinking of.

Let’s take, for example, Joker, from the Batman. His eyes are contoured with black, which makes the character look psychotic and in the same time it makes the eyes look smaller and deceiving, thus the character is more unpredictable and dangerous.

– tight suit – using more loose clothing (such as a long overcoat) would make the character look bulkier and more imposing, but latex doesn’t hide any body traits at all – the best choice to further point out the skinniness of the character.

– bright blue cape – it contrasts alot with the dark gray suit, so you can see he is skinny from any point of view.

Check Out: 5 Latest Graphic Design Techniques

So Why All This Skinniness?

To create a focus point on his large head, suggesting he’s “the man with the plan”, rather than doing everything by himself.

Now let’s begin our pencil work!  I started with a pose, roughly maintaining the proportions. It was  alot messier than now, I had to clean it up a bit. It’s not compulsory to get it from the first try, use multiple lines and see which one makes it look the best, then clean the others.

Drawing process for Megamind

I started building up some details on the pose: the face, body and some apparel.

how to draw megamind
how to draw megamind

Now that we have our sketch ready, let’s turn it into vector.

Check Out: 20 Free Aesthetic Patterns

How To Draw Megamind In Illustrator

STEP 1: Create a new document

Open Illustrator and create a new document (File > New…) of Letter format and click-drag the sketch onto our canvas. Grab the Selection Tool (V) and make it larger. Hold the SHIFT key while dragging to preserve proportions.

how to draw a supervillain

Check Out: How To Remove White Background From Scanned Images

STEP 2 Create new layer

In the Layers palette (F7), double-click the “Layer 1” tag and rename it to “sketch”. Then click the “Create New Layer” and create the layers shown below.

how to draw Megamind

Check Out: Creative Animal Logo Designs

STEP 3: Lock all the layers

Lock all the layers except the “outline” one. Go to the Brushes palette (F5), double-click a brush and use the following setting. Then double-click another brush and use the settings below.

Drawing process in illustrator
how to draw a super villain

Check Out: How To Create 3D Text With Photoshop

STEP 4: Use brush tool

Grab the Brush Tool (B), select the first brush and trace the major outlines of the character. Then select the second brush and trace the smaller details: eyes, eyelids, nose, mouth and parts of his clothing. Notice that I’ve added thicknesses to his apparel.

Megamind drawing
how to draw Megamind
how to draw a super villain

Check Out: 160+ Snow Overlays Bundle

STEP 5: Expand appearance

Select all artwork (CTRL+A) and go to Object > Expand Appearance, then go to Object > Path > Clean up.

process
process to draw

Check Out: Free Glitter Backgrounds

STEP 6: Use Pathfinder tool

Select all artwork, go to the Pathfinder window (Window > Pathfinder) and click the “Merge” button.

how to draw a super villain

Check Out: Free Heart SVGs

STEP 7: Merge using Pathfinder tool

Grab the Rectangle Tool (M) and draw a light blue rectangle over the entire outline and hit CTRL+SHIFT+[ to send it to back. Select all artwork (CTRL+A) and hit the “Merge” button again in the Pathfinder window. Then grab the Direct Selection Tool (A), select the extra color and hit Delete.

Check out: Build Your Own Characters Kit

drawing in illustrator
drawing megamind

Check Out: 54 Free Premium Typography Elements

STEP 8: Use Magic Wand Tool

Grab the Magic Wand Tool (Y), hit Enter, set Tolerance to 0%, select the fill of the character, unlock the “base colors” layer and click-drag the small square onto that layer. Then lock the “outline” layer.

illustrator menu

Check Out: 20 Free Fun Fonts

STEP 9: Use Direct Selection Tool

Grab the Direct Selection Tool (A) and select each piece of color and recolor it.

how to draw a super villain -17

Check Out: Free Doodle Icons Vectors

STEP 10: Use Eye Dropper Tool

Lock the “base colors” layer and unlock “shadows”. Grab the Eyedropper Tool (I), click on the color of the head, hit SHIFT+X and grab the Brush Tool (B). Double-click the Fill color and make it a bit darker. Hit OK and paint the shadows of the head. You can go over the outline, but not beyond it.

drawing process in Illustrator
how to draw Megamind
process of drawing in illustrator

Check Out: Free Premium Design Resources

STEP 11: Make the color light

Do the same for the lights, but make the color lighter and paint them on the “lights” layer.

using eyedropper tool in illustrator
a picture showing the process
how to draw a supervillain

Check Out: Free Metal Textures

STEP 12: Grab Path Tool

Unlock the “base colors” layer, grab the Path Tool (P) and draw some lightning shapes, but following the “3D” shape of the cape.

how to draw a supervillain

Check Out: 10 High-Resolution Textures & Patterns

STEP 13: Use Direct Selection Tool

Grab the Direct Selection Tool (A), select the inner side of the cape and hit CTRL+C > CTRL+F to paste a copy above it.

how to draw a super villain -25
how to draw a super villain -26
how to draw a super villain -27

STEP 14: Make clipping mask

Hit CTRL+SHIFT+] to bring it to front, select the shapes created (hold SHIFT for multiple selections) in STEP 12 and the copied cape and right-click > Make Clipping Mask.

how to draw a super villain -28
how to draw a super villain -29

How To Draw Megamind – STEP 15 : Make the shapes lighter

With this group still selected, hit “Merge” in the Pathfinder window (Window > Pathfinder). Grab the Direct Selection Tool (A) to recolor the lightning shapes: select each and use the Eyedropper Tool (I) on the cape color, then double-click the Fill and make it lighter.

how to draw a super villain -30
how to draw a super villain -31

Done! Hope you learnt how to draw Megamind in Illustrator.

how to draw a super villain -32

Download the source file from below.

[download id=”171″]

Like this post? Check out more graphic design ideas here.

14 Comments on “Design Process: How to Draw Megamind in Illustrator

Leave a Reply

Your email address will not be published. Required fields are marked *