Quantcast
Channel: Envato Tuts+ Design & Illustration
Viewing all articles
Browse latest Browse all 8964

How to Design a Christmas Deer Construction Kit in Adobe Illustrator

$
0
0
Final product image
What You'll Be Creating

In this tutorial we’ll be creating a cute cartoon Christmas deer and a full set of facial expressions. We’ll be modifying simple geometric shapes, working with the Arc Tool and the Pathfinder panel, and using various Stroke settings.

Such cartoon characters are great for mobile games and applications as they can be easily animated by moving their body parts and swapping the faces. If you want to take a closer look at how the elements are designed or you want to get this character in alternative colors, make sure you check out my Cute Deer Construction Kit on GraphicRiver

Cute Deer Construction Kit

And now let’s get started!

1. How to Draw the Head of the Cartoon Reindeer

Step 1

Let’s start drawing the deer's head Use the Ellipse Tool (L) and hold Shift to make a 100 x 100 px circle. Fill it with bright blue color. Select its left and right anchor points with the Direct Selection Tool (A) and move the points a few pixels down.

make a head from circle

Step 2

Copy the circle and Paste in Back (Control-C > Control-B). Make the bottom copy a bit larger and darker, forming a shadow along the bottom edge of the head.

Copy the top circle again and Paste in Front (Control-C > Control-F). Shrink the top copy to 85 x 60 px and change its color to lighter blue, forming a flat highlight on top of the head.

Step 3

Now let’s add the eyes. Make a 20 x 20 px white circle. Copy the circle and Paste in Back (Control-C > Control-B), making the copy a bit larger. Change its color to dark blue.

Add a 13 x 13 px circle of the same dark-blue color for the iris.

make eye from circle

Step 4

Group (Control-G) all elements of the eye and double-click the Reflect Tool (O) to open the options window. Flip the group over the Vertical Axis and click the Copy button to create a second eye.

Hold Shift and drag the eye horizontally to the opposite side of the face.

use the reflect tool

Step 5

Continue using the Ellipse Tool (L) to form the red nose. Start from the largest and darkest circle of 27 x 27 px and gradually move to smaller circles, finishing up with a white highlight.

Finally, Copy the largest circle and Paste in Back (Control-C > Control-B). Move the bottom copy down a bit and change its Fill color to dark blue, making a simple flat shadow from the nose.

make a nose from circle

Step 6

Take the Rounded Rectangle Tool and make a 10 x 7 px dark-blue shape for the eyebrow. Make the corners of the shape fully rounded either by using the Live Corners or by setting the Corner Radius to 3.5 px in the control panel on top.

Rotate the brow slightly and use the Reflect Tool (O) to add a second brow.

Add two pink ellipses on the cheeks, depicting a gentle blush.

add brows and blushes

Step 7

Now we’ll add a mouth. Create a 23 x 23 px circle and this time set its Fill color to none and its Stroke to dark blue. Head to the Stroke panel (Window > Stroke), and set the Weight to 4 pt and Cap to Round Cap.

Take the Scissors Tool (S) and click both side anchor points of the circle to split it apart. Delete the top half of the shape, creating a smiling mouth.

make a mouth from circle

Step 8

Copy the mouth shape and Paste in Back. Move the copy a few pixels down and change its Stroke color to light blue, making a gentle highlight.

add a highlight from the mouth

Step 9

Let’s make the ears! Make a bright blue ellipse of 35 x 15 px. Select its top and bottom anchor points with the Direct Selection Tool (A) and move them a few pixels to the left, giving a proper form to the ear.

Add a larger dark-blue copy of the shape in the bottom and place a smaller pink ellipse on top.

make the ear from ellipse

Step 10

Attach the ears to the head and add three small circles on top of the head, forming a tuft of hair.

attach the ears

Step 11

Now let’s use the Arc Tool to form the antlers. Make an arc with dark-blue Stroke. Set the Stroke Weight to 4 pt and Cap to Round Cap. Add a few more arched elements to the antler and use theReflect Tool (O) to add a mirrored copy. Select both antlers and Send to Back (Shift-Control-[), behind the head shape.

Great! The head of our cute deer is ready, so let’s move on to the body!

make antlers with arc tool

2. How to Create the Body of the Cartoon Deer

Step 1

Take the Rounded Rectangle Tool and make a 70 x 75 px shape for the stylized body. Select both anchor points of the bottom left corner with the Direct Selection Tool (A) and move them a few pixels to the left. Do the same for the bottom right points, moving them in the opposite direction, thus making the bottom of the body slightly wider than its top.

Keeping the shape selected, press Shift-Control-[ to Send to Back.

make a body from rounded rectangle

Step 2

Copy the body and Paste in Back. Make the bottom copy a bit larger and darker, making a gentle shadow.

Finish up with the body by adding a 50 x 50 px copy on top, filling it with bright pink color for the tummy.

add details to the body

Step 3

Let’s add the arms. Use the Arc Tool again to make an arched Stroke and set its Weight to 15 pt, making a thick line.

Keeping the stroke selected, use the Width Tool (Shift-W) to make the top of the arm thinner.

make the arm from arched stroke

Step 4

Add a smaller stroke for the thumb and use the Ellipse Tool (L) to add a light-blue 10 x 13 px circle on top of the hand for a highlight.

Group (Control-G) all the elements of the arm and add a reflected copy to the opposite side of the body.

add details to the arm

Step 5

Let’s move on to the legs. Create another arc with 14 pt Stroke and Object > Expand the shape, turning it into a flat object. 

create a leg

Step 6

Now let’s add the hooves. Make a 20 x 20 px dark-blue circle and place it above the leg, covering its bottom part. Select both the circle and the leg and take the Shape Builder Tool (Shift-M). Hold Alt and click the piece of circle that you want to delete. There we have it!

add a hoof 1

Step 7

Use the Pen Tool (P) or the Polygon Tool to make a tiny triangle of any color. Place the triangle over the hoof as shown below and select all three shapes of the leg. Use the Shape Builder Tool (Shift-M) while holding Alt to cut out the triangle by selecting its entire shape.

Group (Control-G) all parts of the leg and use the Reflect Tool (O) to create a second leg.

add a hoof 2

There we have it! Our cute cartoon Christmas deer is ready! Let’s move on and create a variety of facial expressions to make our character more diverse.

Christmas cartoon deer is ready

3. How to Vary the Facial Expressions of the Cartoon Deer Character

Step 1

Let’s change the default friendly face to a grumpy one. Turn the mouth of our deer upside down (don’t forget to fix the highlight) and use similar half-circle shapes for the closed eyelids. Rotate the brows in the opposite directions, making a frowning face.

make a grumpy face

Step 2

Let’s move on to the next expression. Use our default face and replace one of the eyes with a semi-circle, depicting a blinking eye. Remove the mouth and let’s make a new one.

make a blinking eye

Step 3

Make a 30 x 5 px dark-blue oval for the mouth. Select its left and right anchor points with the Direct Selection Tool (A) and use the Convert function in the control panel on top to Convert selected anchor points to corner, making the corners of the mouth pointed. 

Drag the bottom anchor point further down to make the mouth more open.

make a mouth from ellipse

Step 4

Create a white ellipse for the teeth and make it overlap the top of the mouth. Select both shapes and use the Shape Builder Tool (Shift-M) while holding Alt to delete the unneeded piece of the white ellipse.

Add a small chip between the front teeth, using the same technique as we did for the hoof.

add teeth

Step 5

Add another overlapping oval for the tongue and cut off the unneeded part. Finish the mouth by adding a gentle shadow along the top lip and a highlight on the bottom lip.

add tongue and lips

Step 6

Create another cheerful face from the one that we’ve just finished. Make the mouth more open and depict closed eyelids to make a laughing reindeer.

Create another cheerful face

Step 7

Turn a neutral facial expression into a surprised face by replacing a smile with a small circle, depicting an open mouth.

Don't forget to add shadows and a highlight around the mouth by making copies, as we did previously. 

make a surprised face

Step 8

Replace the eyes with closed eyelids, making a cute sleepy face.

make a sleepy face

Step 9

Finally, let’s use the grumpy face to make a funny angry expression by creating two narrow strokes for the eyes.

make angry face

Our Cute Christmas Deer Construction Kit is Finished!

Great job! Now we have a full set of facial expressions that we can attach to the deer’s body, depicting any mood that we need.

Cute Christmas Deer Construction Kit is Finished

If you would like to get a finished character from this tutorial for your game or other purposes and you want to have it in other formats and alternative colors, then check out this Deer Character Faces Construction Kit.

I hope you’ve enjoyed following this tutorial and discovered some useful tips and tricks that will help you to create more Christmas characters!

Have a very Merry Christmas!

Cute Deer Construction Kit

Viewing all articles
Browse latest Browse all 8964

Trending Articles