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.
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.
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.
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.
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.
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.
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.
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.
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.
Step 10
Attach the ears to the head and add three
small circles on top of the head, forming a tuft of hair.
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 the
Reflect 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!
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.
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.
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.
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.
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.
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!
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.
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.
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.
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.
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.
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.
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.
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.
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.
Step 8
Replace the eyes with closed eyelids, making
a cute 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.
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.
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!
{excerpt}
Read More