Create an Adorable Monster Mascot in Illustrator

Vectorized characters are often used to build a friendlier brand for businesses. They carry great visual appeal and have an immediate impact on viewers, and they’re also a rare opportunity for designers to unleash their creativity without normal business constraints. There are lots of graphic design applications that can help you make your next mascot, including Illustrator, Photoshop, and Corel Draw.

In this tutorial, I’ll show you how to create an irresistibly cute vector monster in Illustrator. We’ll use the pen tool, the pencil tool, shape tools, symbol tools, and various options within the effects menu to achieve the final outcome. We’ll use simple techniques leading to a gorgeous 3D character. So, let’s get started!

Final result: (Download the layered design file.)

Vector Monster

Step 1

Create a new document in Illustrator with a 600px width and a 500px height.

Vector Monster

Step 2

Draw the basic shape of monster using the pen tool or the pencil tool, whatever tool you are comfortable with. Your monster doesn’t have to be exactly like mine, you can make the shape however you like. Label this layer as “Body.”

Vector Monster

Now, select the body layer by pressing the ring-shaped target on the right side of the respective layer and go to “Effect” > “Stylize” > “Inner Glow.” Use the following settings here.

Vector Monster

Step 3

Next, we’ll make the eyes. Draw an ellipse using the ellipse tool.

Vector Monster

Step 4

Draw another ellipse inside the previous one in white. Select it and go to “Effect” > “Blur” > “Gaussian Blur.” Apply a 10px value here.

Vector Monster

Step 5

To create shading at the bottom part of eye ball, draw an ellipse. Duplicate it and drag it upwards. Now, select both of the ellipses and press “Minus Front” shape mode in the pathfinder window (Shift + Ctrl + F9).

After that, apply a 9px Gaussian blur effect on the semilunar shape and change its blending mode to “Multiply.”

Vector Monster

Step 6

To blend the eye layers, draw a gray ellipse covering the eyeball, and change its blending mode to “Screen” and its opacity to 50%.

Vector Monster

Next, make another semilunar shape with a black fill color for the top part of the eye ball. Duplicate it, drag it a bit downward, and change its color to lighter gray as shown below.

Vector Monster

Step 7

Now, draw a bluish ellipse above the rest of the layers with a gray 1pt stroke and apply the following settings for inner glow.

Vector Monster

Now, set the fill color to none and pick a stroke color like the one below. Select the pencil tool to draw irregular lines over the previous circle. After that, select these lines and change their width profile to “1” from the top options bar. Reduce the opacity of this layer to 75% and change its blending mode to “Overlay.”

Vector Monster

Step 8

Draw a smaller ellipse and apply the following inner glow values to it. After that, draw a larger white ellipse behind it, and apply an 8px Gaussian blur effect to it. Change the blending mode of this layer to “Overlay.”

Vector Monster

Next, make the light spots shown below.

Vector Monster

Step 9

Draw a dark green ellipse below the rest of the eye layers, and apply a 10px Gaussian blur effect on it to blend it seamlessly with the body of monster.

Vector Monster

Step 10

Now set the fill color to none and choose a 3pt stoke. Draw a curved line using the pen or pencil tool as shown below. After that, select it and change its width profile to “width profile1.”

Vector Monster

Make the eyebrow by drawing a 7pt stroke and change its width profile to “width profile 5.”

Vector Monster

Step 11

Select all the eye layers and click on the options square at the top-right corner of the layers panel. Choose “Collect in New Layer” from the options. Duplicate this layer, select it, right-click the canvas, and choose “Transform” > “Reflect.” Reflect it vertically to adjust the direction of the highlight and eyebrow on the duplicated eye. Now decrease its size and position it on the right side.

Vector Monster

Step 12

Next, we’ll make monster’s mouth. Set the following fill and stroke (1pt) colors. Select the pen tool and draw the shape shown below. After that, apply an inner glow effect on it using the following settings.

Vector Monster

Step 13

Duplicate the mouth shape, place it below the original layer, and drag a bit downwards. Change its fill color to white and its stroke to none. Now, change its blending mode to “Overlay” and reduce its opacity to 75%.  To blend the mouth with the body, duplicate the mouth shape layer and place it below the original. Set its fill color to a dark green and apply a 10px Gaussian blur effect to it. After that, increase the size of shape, as shown below.

Vector Monster

Step 14

Make the teeth using the pen tool and the ellipse tool. Look below for clarity.

Vector Monster

To confine the teeth to the mouth area, duplicate the mouth shape once again, set its fill and stroke to “none,” and place it above the teeth layer. Now, select the teeth and this duplicated mouth layer and go to “Object” > “Clipping Mask” >“Make.” After that, apply the inner glow effect on the teeth using the following settings.

Vector Monster

Step 15

Make the monster’s chin by drawing a curved line with 7pt stroke, and then change its width profile to “Width profile1.”

Vector Monster

Step 16

Now, we’ll give the monster horns. Draw the shape shown below using the pen tool and apply the following inner glow settings to it.

Vector Monster

Draw few shapes shown below to add some shading to the horn. Now, to confine these shapes to the horn, use the same technique we used to confine the teeth to the mouth in step 14.

Vector Monster

Step 17

Draw an ellipse with a dark green fill color, rotate, and place it below the horn layers as shown below. After that, apply a 5px Gaussian blur effect to it so that it blends with the body. Duplicate the horn, reflect it vertically, and position it on the right side.

Vector Monster

Step 18

Next, we’ll do some shading over the monster’s body. Select the pencil or pen tool and roughly make the shape shown below. Pick a lighter green fill color compared to the body’s color. Select this new shape and apply a 20px Gaussian blur effect to it.

Vector Monster

Step 19

Draw two areas around the eyes and belly with the following fill color and apply a 20px Gaussian blur effect to both.

Vector Monster

Draw few more shapes below the eyebrows and over the ears and apply a 12px Gaussian blur effect to them.

Vector Monster

Step 20

Draw the shapes inside the small tentacles on the head, and apply 2-3px Gaussian blur effect to them.

Vector Monster

Draw few strokes over the body and apply a 20px Gaussian blur effect to them.

Vector Monster

Step 21

We are almost done with our monster. However, you can add few spots if you want. To do this, draw 4-5 irregular spots, select them, and drag them to the symbols window. Now, select the “symbol sprayer tool” to spray them over the body, and play around with the symbol shifter, scruncher, sizer, and spinner tools to give the spots a more random look. Once you are satisfied with their appearance, confine them to the body by adding a clipping mask.

21 21b Vector Monster

Step 22

To make the monster’s shadow, draw the shape with a black fill color below the rest of the layers. Apply a 12px Gaussian blur effect to it. Change its blending mode to “Multiply” and reduce its opacity to 40%.

22 Vector Monster

That’s it guys. I hope you learned something interesting. Experiment with your monster and share your results!

Win an Annual Membership to Learnable,

SitePoint's Learning Platform

No Reader comments

Comments on this post are closed.