ANIMATION NCII – Animation 11a

Governor Pack Road, Baguio City, Philippines 2600

Tel. Nos.: (+6374) 442-3316, 442-8220; 444-2786;
442-2564; 442-8219; 442-8256; Fax No.: 442-6268 Grade Level/Section: ICT CCS 11A
Email: [email protected]; Website: www.uc-bcf.edu.ph

MODULE 2 – Ani11a Subject Teacher: Lovely Jenn A. Reformado

Eyes, nose, and mouth

Objectives: At the end of this lesson, students shall be able to:

1) Explain the importance of different views / perspectives for character drawing;
2) Identify the basic shapes used for a certain facial element and view;
3) Understand the process of drawing the eyes, nose, and mouth in front, side, and ¾ views; and
4) Apply the concepts and principles of drawing the different facial elements.

Introduction
 Solid Drawing and Perspective Drawing
○ Solid drawing – the idea of understanding that every shape drawn in paper is something that is
three-dimensional, even when only two dimensions are typically viewed
○ Perspective drawing – technique of illustrating three-dimensional objects into a two-
dimensional space
○ The easiest way to showcase the understanding of solid drawing is by illustrating an object /
character into different views
 Having the different views can also help stitch the entire character to the minds of the
illustrators / audiences
 Helps them feel more three-dimensional
 Front, Side, and ¾ Views
○ There is a need to illustrate something in different views
 It makes something convincingly three-dimensional
 There are asymmetrical aspects to the human body, which can be captured in illustrating it
in different views
 To maintain consistency when modeling is necessary
○ To create a good model, use as many views as necessary
○ Main of views:
 Front
- The object faces directly to the viewer / camera
- Usually the main basis for the other views as this can showcase a lot of details
 Side
- The object faces away from the camera to see only the side
- Another important view as there are some details in the side that is not captured by the
front view
- The side view tends to have two types: one facing towards the left, and another facing
towards the right
 Three-fourths (3/4)
- Usually the intersection between the front and side view
- Object is usually 45 degrees away from the camera
- Half of the object (nearest to the camera) is usually the same as a front view, while the
other half (farther away from the camera) is usually squished / morphed to be smaller
- Helps stitch together the front and side views to ‘complete’ the illusion of togetherness
- There are a lot of types of three-fourths: according to the angle (50 degrees, 30
degrees, etc.), and also the direction where it is dominantly facing (left, right)
○ Other views:
 Back
 Back ¾
Note: The side and ¾ views shall be facing towards the left. The ¾ view shall be a 45° angle.

Page 1 of 22
 ANIMATION NCII – Animation 11a
Governor Pack Road, Baguio City, Philippines 2600
Tel. Nos.: (+6374) 442-3316, 442-8220; 444-2786;
442-2564; 442-8219; 442-8256; Fax No.: 442-6268 Grade Level/Section: ICT CCS 11A
Email: [email protected]; Website: www.uc-bcf.edu.ph

MODULE 2 – Ani11a Subject Teacher: Lovely Jenn A. Reformado

Drawing the Eyes – Front

1. Draw a long, horizontal line across the page. 2. Draw a circle at the center of the line. Make
This shall serve as the eye line, which is very sure that the vertex of the circle is also placed
important when adding eyes to the face. on the horizontal line created earlier.

3. Draw two more circles at the left and right 4. Draw a vertical line at the middle of the
sides of the created circle. Make sure that these middle circle. Then, divide that vertical line into
circles are of the same size and shape. If three equal parts. Draw two dots as guidelines
necessary, draw lines at the top and bottom of to indicate the divisions.
the circle to make sure they are aligned. The left
and right circles are the eyeballs and the center
circle is the space between them.

5. Draw horizontal lines from the created 6. At the sides of the middle of the circle, drat
guidelines. These guidelines shall serve as the two dots slightly lower than the middle horizontal
height of the eye. The red and blue lines shall be line. At the edges of the left and right circles,
lightened for the rendering. draw two dots within the middle horizontal line.

7. Using the created guides, draw a curved line 8. Draw small V’s at the sides of the middle circle
to serve as the upper eyelid. Notice that at the from the upper eyelid until just above the lower
middle of the left and right circles is the highest horizontal line. This shall serve as the tear duct.
point of the curve. Make sure they are even to
prevent any stark differences in the eyes.

Notes for the Drawing Tutorials: To illustrate the different portions of the drawing, different colored-
pencils were used: red – guidelines; blue – basic shapes; black – render

Page 2 of 22
 ANIMATION NCII – Animation 11a
Governor Pack Road, Baguio City, Philippines 2600
Tel. Nos.: (+6374) 442-3316, 442-8220; 444-2786;
442-2564; 442-8219; 442-8256; Fax No.: 442-6268 Grade Level/Section: ICT CCS 11A
Email: [email protected]; Website: www.uc-bcf.edu.ph

MODULE 2 – Ani11a Subject Teacher: Lovely Jenn A. Reformado

9. Draw the lower eyelid. Do this by drawing a 10. Finalize the tear duct by adding curved
curved line connecting the tear duct to the end vertical lines to close the v shape of the tear
of the upper eyelid. The middle of the left and duct.
right circles is the lowest point of the curve.
Make sure that the entire eye is a closed shape.

11. To create the iris, draw a circle that can fit in 12. Next, slightly place these circles a bit higher
the center of the eye. (Important: Do not draw so that the top ¼ of the circle is cut. (Now, draw
this step, this is just an illustration.) this step, and the next ones too.)

13. Darken it to create a rendered iris. 14. Add pupils by drawing dots at the center of
the eye (center of the right and left circles that
make up the eyeball). Be careful to not make
this too big or too small.

15. Add more detail to the eye by adding a 16. To create the eyebrow, there is a need to
double eyelid. This is done by simply adding a establish three points. The first point is an
thin line at the top of the upper eyelid. This step intersection of the highest point of the circle and
is optional. the sides of the middle circle (tear ducts).

Tip for Drawing Even Eyes: To make sure that the eyes are even, draw every single step at the
same time (i.e. if you are drawing the upper eyelid for the left eye, then you must also draw the
right eye). This is to detect any inconsistencies and correct them as early as possible. Correcting
mistakes when the eye is almost complete is much more difficult and will inevitably result in
correcting both eyes entirely.

Page 3 of 22
 ANIMATION NCII – Animation 11a
Governor Pack Road, Baguio City, Philippines 2600
Tel. Nos.: (+6374) 442-3316, 442-8220; 444-2786;
442-2564; 442-8219; 442-8256; Fax No.: 442-6268 Grade Level/Section: ICT CCS 11A
Email: [email protected]; Website: www.uc-bcf.edu.ph

MODULE 2 – Ani11a Subject Teacher: Lovely Jenn A. Reformado

17. The second point is around 1/3 higher than 18. The third point’s height is the middle of the
the top of the circle and must be aligned with first and second points, and should be aligned
the edge of the iris. with the edges of the eyes.

19. To draw the eyebrow, draw the top line first. 20. Draw the bottom line of the eyebrow. The
The first and second points should be drawn a first and second points should be drawn a bit
bit higher than the points created, but should lower than the points created, and again should
connect with the third point. connect with the third point. Notice that the
brow shape is thicker nearer towards the center
but gets thinner at the end. Close the shape by
adding a vertical line near the first dot.

21. Erase any guidelines and basic shapes to 22. To add the upper eyelashes, create
reveal the final eyes. Up until this point, the eyes feathered, curved, diagonal strokes along the
created have the foundations, but there are upper eyelid. Take note of the direction of the
some things that could be added. The following lashes (i.e. if it’s near the left side, then it’s going
steps are optional. towards the left; if it’s near the center, then it
becomes more vertical) and the length (lashes
are longer at the sides, and then gets shorter as
it goes nearer towards the tear duct).

23. To add the lower eyelashes, draw a very thin 24. For eyebags, create curved lines at the
line below the lower eyelid and draw short, sides. This can be of varying sizes, but the
feathered, curved, diagonal strokes along that maximum should be until the eyeball (which is
line. Make sure that the bottom lashes are the basic shape used to create the eyes).
shorter than the upper lashes.

Page 4 of 22
 ANIMATION NCII – Animation 11a
Governor Pack Road, Baguio City, Philippines 2600
Tel. Nos.: (+6374) 442-3316, 442-8220; 444-2786;
442-2564; 442-8219; 442-8256; Fax No.: 442-6268 Grade Level/Section: ICT CCS 11A
Email: [email protected]; Website: www.uc-bcf.edu.ph

MODULE 2 – Ani11a Subject Teacher: Lovely Jenn A. Reformado

Drawing the Eyes – Side

1. Draw a circle. When placing 2. Draw horizontal and vertical 3. Divide the vertical line into
it in a face, then the vertex lines at the circle, making sure three equal parts. Draw
should be aligned with eye line. that both lines intersect at the guidelines if necessary.
vertex.

4. Based on the guidelines 5. Draw a triangle on the left 6. Render the triangle by
created, draw horizontal lines half of the circle. The three drawing the two diagonal lines,
across the circle. The middle points are and bottom but making it slightly curved
third shall serve as the space horizontal lines near the edge (going outwards). This shall
for the eye. of the circle, and the vertex. If serve as the eyelids.
the eye is facing towards the
right, then the right side shall be
used with the similar points.

7. Draw short vertical lines at 8. Draw a curved line (almost 9. Draw a thin line on top of the
the ends of the V-shape. It like a C-shape) at the opening upper eyelid for the double
helps make the eyelids feel of the V-shape. This is the eyelid. Draw another short
more like skin that’s wrapping eyeball. It should give the idea vertical line at the end of the
around the eyeball. that the eyeball is somewhat eyelid to give the impression of
protruding through the eyelids. ‘another layer’ of the double
eyelid.

Page 5 of 22
 ANIMATION NCII – Animation 11a
Governor Pack Road, Baguio City, Philippines 2600
Tel. Nos.: (+6374) 442-3316, 442-8220; 444-2786;
442-2564; 442-8219; 442-8256; Fax No.: 442-6268 Grade Level/Section: ICT CCS 11A
Email: [email protected]; Website: www.uc-bcf.edu.ph

MODULE 2 – Ani11a Subject Teacher: Lovely Jenn A. Reformado

10. Draw an egg shape that 11. Add the pupil by adding a 12. Darken the upper lid to give
shall serve as the iris. This shape dot. Make sure that this dot is the impression of darker lashes,
should be placed at the edge slightly elongated and placed without the need of drawing
of the eye, and should still have near the edge of the eye. to.
the upper part ‘cut’.

13. To draw the eyebrow, there 14. The second point is around 15. The third point is slightly
is a need to establish three 1/3 higher than the top of the lower than the height of the first
points. The first point is at the circle and must be aligned with point, but is still aligned to the
highest point of the circle and the edge of the iris. The first and end of the eye.
aligned to the edge of the eye. second points are the same
with that of the front view
eyebrows.

16. Draw the shape of the 17. The lower line of the 18. Erase any guidelines and
eyebrow. Draw the upper line eyebrow must be drawn lower basic shapes to reveal the final
first by drawing the line slightly than the first and second eye. Up until this point, the eye
higher at the first point, and points, but must connect to the created has the foundations,
connecting it with the second third point. Similarly, draw a line but there are some things that
and third points. near the eyeball to close the could be added. The following
eyebrow shape. Take note as steps are optional.
well that the eyebrow is
thickest at the middle.

Page 6 of 22
 ANIMATION NCII – Animation 11a
Governor Pack Road, Baguio City, Philippines 2600
Tel. Nos.: (+6374) 442-3316, 442-8220; 444-2786;
442-2564; 442-8219; 442-8256; Fax No.: 442-6268 Grade Level/Section: ICT CCS 11A
Email: [email protected]; Website: www.uc-bcf.edu.ph

MODULE 2 – Ani11a Subject Teacher: Lovely Jenn A. Reformado

19. To add the upper 20. To add the lower eyelashes, 21. For eyebags, create curved
eyelashes, create feathered, draw a very thin line below the lines at the sides. This can be of
curved, diagonal strokes along lower eyelid and draw short, varying sizes, but the maximum
the upper eyelid. Take note of feathered, curved, diagonal should be until the eyeball
the direction of the lashes (i.e. if strokes along that line. Make (which is the basic shape used
it’s near the right side, then it’s sure that the bottom lashes are to create the eyes).
going towards the right) and shorter than the upper lashes.
the length (longer at the sides,
shorter at the middle).

Drawing the Eyes – 3/4

1. Draw a horizontal line across the page. This is 2. Draw a circle around the right side. Make sure
the eye line which is necessary when drawing that the width and height are of the same
the eyes in a face. dimensions.

3. Divide the circle’s width into two equal parts. 4. Take the ½ circle measurement and place it
This shall be used as a guideline for the next at the left side of the circle. Make this marking a
step. bit darker as this is the center of the face.

5. Next, divide the ½ measurement once more 6. Take the ½ circle measurement and place it
into two equal parts, thereby making a ¼ on the leftmost side once more.
measurement. Use this ¼ measurement and
place it on the leftmost side.

Page 7 of 22
 ANIMATION NCII – Animation 11a
Governor Pack Road, Baguio City, Philippines 2600
Tel. Nos.: (+6374) 442-3316, 442-8220; 444-2786;
442-2564; 442-8219; 442-8256; Fax No.: 442-6268 Grade Level/Section: ICT CCS 11A
Email: [email protected]; Website: www.uc-bcf.edu.ph

MODULE 2 – Ani11a Subject Teacher: Lovely Jenn A. Reformado

7. Draw two horizontal lines at the top and 8. Draw an oblong on the farthest measurement
bottom of the circle until where the ½ circle created, using the height of the circle as its
measurement comes up to. height and ½ circle as the width. This shall serve
as the left eye.

9. Using a vertical line (preferably the center of 10. Using the created guidelines, draw horizontal
the circle), divide the line into three equal parts. lines along the two circles. The middle third shall
serve as the space where the eyes must be
placed.

11. To render the upper eyelids, draw two points 12. Draw the upper eyelids by drawing curved
on each of the ellipses. One is at the sides near lines and using the created guidelines as the
the center, placed slightly lower than the middle starting and ending points. Note that the center
horizontal line. The second ones are at the of the ellipses touch the highest point of the
edges, along the middle horizontal line. curve.

13. Draw tear ducts at the edges near the 14. Draw the lower eyelids by connecting the
center of the face. Do this by drawing small V- two edges with a curved lines. Again, take note
shapes. Make sure that the V-shape of the left that the center of the ellipses touch the lowest
eye is more squished than the one on the right, point of the curve.
but must be the same height still.

Note on Drawing Different Eyes: The ones shown in this lesson tend is only one way to create an
eye. Eyes can differ according to their eyelid shape and size (almond, round, sharp, upturned,
etc.), size of the tear ducts, size of the pupil and iris, color of the iris, eyebrow shape and height.
The main indicators are usually race (i.e. Asian eyes do not have a double eyelid) and gender.

Page 8 of 22
 ANIMATION NCII – Animation 11a
Governor Pack Road, Baguio City, Philippines 2600
Tel. Nos.: (+6374) 442-3316, 442-8220; 444-2786;
442-2564; 442-8219; 442-8256; Fax No.: 442-6268 Grade Level/Section: ICT CCS 11A
Email: [email protected]; Website: www.uc-bcf.edu.ph

MODULE 2 – Ani11a Subject Teacher: Lovely Jenn A. Reformado

15. Draw the irises. For the right eye, the shape is 16. Draw the pupils. They are large dots placed
a circle that is cut at the top. The shape for the at the center of the iris. For the right eye, it is
left eye is more elongated, but still has the same similar to that of the eyes in the front view,
height as the right eye and is also cut at the top. whereas the left eye tends to be thinner, but just
as long as the right eye’s pupil.

17. Add the details for the tear ducts by drawing 18. Draw a double eyelid by drawing a line
vertical lines at the tips of the V-shape of the across the top of the upper eyelid. Take note
ducts. that the left eye’s double eyelid is the same
height as the right eye – only squished.

19. To draw the eyebrows, three points must be 20. The second points are placed 1/3 circle
established. The first points are at the highest higher than the main circle, and are aligned
point of the circles, aligned with the eyes’ tear with the outer iris. Note that they are of the
ducts. same height, only the left eye’s distance
between the two points seem to be squished.

21. The third point is placed at the middle height 22. This eyebrow shape is different, and
of the first and second points, and aligned at somewhat more masculine. Connect the three
the edges of the eyes. lines, maintaining a strong angle between them.

Tip for Drawing ¾ Eyes: The eyes in ¾ view is very similar to that of the front view in terms of
construction, but differs in proportions. Where the eyes in front view tend to be symmetrical, the
eyes in ¾ view has the same proportions for the eye nearest to the camera (right eye). The eye
farthest from the camera (left) has the same height with that of the other eye, but smaller in
width. It gives the impression that the left eye is ‘squished’.

Page 9 of 22
 ANIMATION NCII – Animation 11a
Governor Pack Road, Baguio City, Philippines 2600
Tel. Nos.: (+6374) 442-3316, 442-8220; 444-2786;
442-2564; 442-8219; 442-8256; Fax No.: 442-6268 Grade Level/Section: ICT CCS 11A
Email: [email protected]; Website: www.uc-bcf.edu.ph

MODULE 2 – Ani11a Subject Teacher: Lovely Jenn A. Reformado

23. For the bottom line, draw a swooping curved 24. Erase any guidelines and basic shapes to
line from the first point, and connecting it to the reveal the final eye. Up until this point, the eye
third point. Note that the thickness is mostly created has the foundations, but there are
placed around the second point, and is quite some things that could be added. Adding
thin on the first point. Draw a vertical line to eyelashes and eye bags are similar to that in the
close the eyebrow shape. front view, albeit making sure that the left eye
tends to look more squished.

Drawing the Nose – Front

1. Draw a circle near 2. Draw a circle that
the base of the paper are around 75% smaller
/ line. For a face, the than the original circle
top of the circle is at its left and right
drawn on the bottom sides. The bottom must
of the nose line. be aligned; draw a
guideline if necessary.

3. To render, using the 4. Divide the two

lower half of the smaller circles
bigger circle, draw a vertically, creating two
curved V-shape, equal parts.
slightly extending the
edges more. This is the
tip of the nose.

5. Divide the height of 6. From the two

the curved V-shape guidelines, draw hook
into two parts. Draw a shapes going until the
guideline attached to half of the smaller
the line. circles, using the
guidelines from step
number 4. Do not
make the hooks too
big. These shall serve
as the nostrils.

Page 10 of 22
 ANIMATION NCII – Animation 11a
Governor Pack Road, Baguio City, Philippines 2600
Tel. Nos.: (+6374) 442-3316, 442-8220; 444-2786;
442-2564; 442-8219; 442-8256; Fax No.: 442-6268 Grade Level/Section: ICT CCS 11A
Email: [email protected]; Website: www.uc-bcf.edu.ph

MODULE 2 – Ani11a Subject Teacher: Lovely Jenn A. Reformado

7. Draw the sides of the 8. Erase any guidelines

nose by creating half and basic shapes to
teardrop shapes, using reveal the final nose.
the edges of the
smaller circles as a
guide. Note that the
top part is slightly more
vertical, and not
rounded.

Drawing the Nose – Side

1. Draw a circle 2. Draw a line at the
around the bottom left base of the circle to
portion of the page. ensure that the
For a face, the top of alignment for the next
the circle is drawn on steps would be more
the bottom of the nose accurate.
line.

3. Draw a circle on the 4. Draw a long vertical

right side of the bigger line at the rightmost
circle that are around side of the smaller
75% smaller than the circle. If drawing with a
original circle. (Note: If face, this would usually
the face is facing be around the level of
towards the right, then the eye.
the smaller circle
would be placed on
the left side.)

5. Draw a horizontal 6. Using the created

line that runs across guideline, determine
the top of the bigger the height of the circle.
circle. This shall be Copy that same height
used as a guideline to twice above the circle.
help measure the next It would be better to
step. place guidelines along
the created vertical
line.

Note on Drawing the Nose (Front): The front nose is usually just drawn of the bottom part of the
nose. The nose bridge is rarely drawn, and is usually expressed through shading and highlighting.
A vertical line down the height of the nose can be added to emulate the nose bridge.

Page 11 of 22
 ANIMATION NCII – Animation 11a
Governor Pack Road, Baguio City, Philippines 2600
Tel. Nos.: (+6374) 442-3316, 442-8220; 444-2786;
442-2564; 442-8219; 442-8256; Fax No.: 442-6268 Grade Level/Section: ICT CCS 11A
Email: [email protected]; Website: www.uc-bcf.edu.ph

MODULE 2 – Ani11a Subject Teacher: Lovely Jenn A. Reformado

7. Connect the highest 8. Determine the half

point of the of the smaller circle by
measurement from marking a long vertical
step 6 to hit a tangent line that would touch
within the bigger the hypotenuse of the
circle. This would triangle. This shall be
create a right triangle. used for the start of
Note that the base of drawing the rendered
the triangle is slightly nose.
longer than the width
of the two circles.
9. To start with the 10. From that point,
render, draw a small trace a line to meet
diagonal line slightly the hypotenuse. This
higher than the tip of would now be the
the triangle. It should bridge of the nose.
come from the right How the right triangle is
side going towards the constructed would aid
vertical line just in how pronounced
created. This emulates the side profile of the
the dip in the nose. character would be.

11. From the traced 12. From the

hypotenuse, connect it intersection of the two
with the bigger circle circles, draw a hook
until it has reached the shape to emulate the
intersection of the two nostril. Similarly, the
circles. To make the hook should only be
nose more small and will end
pronounced, it is around the half of the
possible to make the smaller circle.
nose tip sharper.

13. Use the right side of 14. Erase any

the smaller circle to guidelines and basic
create the edge of the shapes to reveal the
nostrils. Again, make final nose.
sure that the top is
more diagonal, and
then gets more
rounded at the base.

Tip in Drawing Different Noses: Noses, particularly on the side view and ¾ views, can be
manipulated to indicate different lengths and sizes. One can modify the width of the nose (how
sharp or flat the nose is), size of the edges of the nose, nostril size, and shape of the nose tip. The
design of the nose is usually evoked by the character’s genetic racial makeup.

Page 12 of 22
 ANIMATION NCII – Animation 11a
Governor Pack Road, Baguio City, Philippines 2600
Tel. Nos.: (+6374) 442-3316, 442-8220; 444-2786;
442-2564; 442-8219; 442-8256; Fax No.: 442-6268 Grade Level/Section: ICT CCS 11A
Email: [email protected]; Website: www.uc-bcf.edu.ph

MODULE 2 – Ani11a Subject Teacher: Lovely Jenn A. Reformado

Drawing the Nose – 3/4

1. Draw a circle 2. Draw a line at the
around the bottom left base of the circle to
portion of the page. ensure that the
For a face, the top of alignment for the next
the circle is drawn on steps would be more
the bottom of the nose accurate.
line.

3. Draw a circle on the 4. Draw the same-sized

right side of the bigger circle (smaller circle) at
circle that are around the left side. Except
75% smaller than the the vertex of the
original circle. (Note: If smaller circle should
the face is facing intersect the perimeter
towards the right, then of the circle. This would
the smaller circle show the half of the
would be placed on smaller circle inside the
the left side.) bigger circle.

5. Draw a long vertical 6. Draw a horizontal

line at the intersection line across the top of
of the bigger circle the bigger circle. This
and the smaller circle would serve as a
on the right. If drawing guideline for the height
with a face, this would of the bigger circle.
usually be around the
level of the eye.

7. Using the created 8. From the tip of the

guideline, determine vertical line, draw a
the height of the circle. diagonal line until it is
Copy that same height able to intersect with
twice above the circle. the tangent of the
It would be better to circle. The end of the
place guidelines along diagonal line would be
the created vertical around ¼ of the size of
line. the smaller circle. A
thinner right triangle is
made.

Page 13 of 22
 ANIMATION NCII – Animation 11a
Governor Pack Road, Baguio City, Philippines 2600
Tel. Nos.: (+6374) 442-3316, 442-8220; 444-2786;
442-2564; 442-8219; 442-8256; Fax No.: 442-6268 Grade Level/Section: ICT CCS 11A
Email: [email protected]; Website: www.uc-bcf.edu.ph

MODULE 2 – Ani11a Subject Teacher: Lovely Jenn A. Reformado

9. To start with the 10. From that point,

render, draw a small trace a line to meet
diagonal line slightly the hypotenuse,
higher than the tip of connecting to the
the triangle. It should bigger circle until it
come from the right reaches its bottom. This
side going towards the would now be the
vertical line just bridge of the nose.
created. This emulates
the dip in the nose.

11. Continue tracing 12. Determine the half

the bigger circle until it of the smaller circles
has reached the by marking a long
intersection of the two vertical lines. These
circles. To make the shall be used in
nose more reference with
pronounced, it is drawing in the nostrils.
possible to make the
nose tip sharper.

13. From the 14. For the left side,

intersection of the two start off around the
circles, draw a hook same height as the
shape to emulate the right nostril. Then draw
right nostril. Similarly, a hook for the nostril.
the hook should only Again, make sure that
be small and will end it ends on the created
around the half of the guideline, and that the
smaller circle. shape of the hook is
the same with the right
side.
15. Use the edges of 16. Erase any
the smaller circles to guidelines and basic
create the edge of the shapes to reveal the
nostrils. Again, make final nose.
sure that the top is
more diagonal, and
then gets more
rounded at the base.

Page 14 of 22
 ANIMATION NCII – Animation 11a
Governor Pack Road, Baguio City, Philippines 2600
Tel. Nos.: (+6374) 442-3316, 442-8220; 444-2786;
442-2564; 442-8219; 442-8256; Fax No.: 442-6268 Grade Level/Section: ICT CCS 11A
Email: [email protected]; Website: www.uc-bcf.edu.ph

MODULE 2 – Ani11a Subject Teacher: Lovely Jenn A. Reformado

Drawing the Mouth – Front

1. Draw a horizontal line across the page. When 2. Draw another marking, dividing the created
drawing a face, this would be aligned with the line into two equal parts.
mouth line. Then, mark the endings of the line.
That shall serve as the width of the lips.

3. Again, divide each half of the line into two 4. Draw two circles with their tops across the
equal parts as well. At this point, there should be created horizontal line. These circles should
four divisions. Make the middle marking a bit have the width (and height) of the ¼ division of
longer to distinguish it from the others. the line. Also, they should be touching each
other.

5. Draw the same-sized circle on top of the two 6. Going to the top circle, draw a horizontal
circles. The bottom of this new circle shall run marking across it, dividing the circle into two
across the created horizontal line. These three equal parts. This shall be the thickness of the
circles would aid in the thickness of the lips and upper lip.
its final shape.

7. For rendering, trace the lower portion of the 8. From this created V-shape, draw down-turned
top circle, creating a curved V-shape. This curved lines until the second and fourth
shape should only be small and not too markings are hit. Make sure that the lines are
protruding. slightly curved, and should be turning
downwards (like a frown), but should not be too
curved nor too down-turned.

Page 15 of 22
 ANIMATION NCII – Animation 11a
Governor Pack Road, Baguio City, Philippines 2600
Tel. Nos.: (+6374) 442-3316, 442-8220; 444-2786;
442-2564; 442-8219; 442-8256; Fax No.: 442-6268 Grade Level/Section: ICT CCS 11A
Email: [email protected]; Website: www.uc-bcf.edu.ph

MODULE 2 – Ani11a Subject Teacher: Lovely Jenn A. Reformado

9. Complete the mouth by drawing upturned 10. From the vertex of the top circle, draw a
lines connecting the previously created lines curved V-shape, similar to the V-shape that is
until it reaches the edge of the width. Again, placed below. This can be a bit more
make sure that the lips are slightly curved and pronounced. This is called the Cupid’s bow.
turned upwards.

11. From the Cupid’s bow, draw two down- 12. To complete the upper lip, connect the
turned lines extending until the second and previously created lines to the edge of the
fourth markings. The lines are similar to that of width, where the mouth is. This line is slightly
the lines below it that make the mouth. curved (almost unseen) and the final shape
should be closed.

13. At the base of the two circles below, trace a 14. Continue tracing the shape of the bottom of
portion of the lower parts to create a flattened the circle until it starts to go up.
W-shape. This line can be placed a bit higher to
modify the thickness of the lower lip.

15. From the created lines, connect them to the 16. Erase any guidelines and basic shapes to
edge of the width of the mouth, closing the reveal the final mouth and lips.
lower lip.

Tip in Drawing a Frown: Turn the upturned lines at the edges of the mouth to turn downwards. The
shape of the middle of the mouth tends to stay the same.

Page 16 of 22
 ANIMATION NCII – Animation 11a
Governor Pack Road, Baguio City, Philippines 2600
Tel. Nos.: (+6374) 442-3316, 442-8220; 444-2786;
442-2564; 442-8219; 442-8256; Fax No.: 442-6268 Grade Level/Section: ICT CCS 11A
Email: [email protected]; Website: www.uc-bcf.edu.ph

MODULE 2 – Ani11a Subject Teacher: Lovely Jenn A. Reformado

Drawing the Mouth – Side

1. Draw a horizontal line across the page. When 2. Mark two points within the line. This shall serve
drawing a face, this would be aligned with the as the width of the lips. In a side view with a
mouth line. face, the left-most marking should be touching
the edge of the face.

3. Divide the created line into two equal parts 4. At the bottom of the line, draw two same-
again, having a total of three markings. sized circles whose top run along the line. Take
note that the circles’ width and height should
be the same as the length of the markings
created, and they should touch each other.

5. At the top of the leftmost circle, draw another 6. Divide the top of the circle into two equal
circle that is the same size as the other two. Its parts by drawing a horizontal line over it.
bottom should run across the horizontal line.

7. For rendering, draw these half U-shaped lines 8. From the bottom half U-shape, draw a
along the half of the top circle (around the downturned line until the half of the line.
guideline just created) and on the top of the
bottom circle. They should be the same size. The
top shape could be a bit sharper, as that would
be the Cupid’s bow.

Page 17 of 22
 ANIMATION NCII – Animation 11a
Governor Pack Road, Baguio City, Philippines 2600
Tel. Nos.: (+6374) 442-3316, 442-8220; 444-2786;
442-2564; 442-8219; 442-8256; Fax No.: 442-6268 Grade Level/Section: ICT CCS 11A
Email: [email protected]; Website: www.uc-bcf.edu.ph

MODULE 2 – Ani11a Subject Teacher: Lovely Jenn A. Reformado

9. From the created line, draw another line 10. Using the left edges of the top and bottom
connecting the previously created line to the left circles, trace it to give the impression of the
edge of the line. Make sure that the line to be lips. Make sure that the lips create an M-shape.
created is upturned, and slightly curved. Usually the upper lip’s bump tend to be sharper,
the lower lip’s bump tend to be more curved.

11. From the Cupid’s bow, draw another 12. Connect the created line to the edge of the
downturned, curved line until the half of the line. mouth by drawing a slightly curved diagonal
Again, Make sure that the line to be created is line. This should be able to close the shape of
upturned and slightly curved – similar to the line the upper lip.
of the mouth below it.

13. From the bottom lip, trace the bottom part 14. From the created line, complete the mouth
of the circle to create the base of the lower lip. by connecting it to the edge of the mouth. This
Again, one can adjust the thickness of the lower is done by drawing a slightly curved diagonal
lip by raising the line a bit higher, but still making line.
sure that it is curved like the base of the circle.

15. Erase any guidelines and basic shapes to

reveal the final mouth and lips.

Page 18 of 22
 ANIMATION NCII – Animation 11a
Governor Pack Road, Baguio City, Philippines 2600
Tel. Nos.: (+6374) 442-3316, 442-8220; 444-2786;
442-2564; 442-8219; 442-8256; Fax No.: 442-6268 Grade Level/Section: ICT CCS 11A
Email: [email protected]; Website: www.uc-bcf.edu.ph

MODULE 2 – Ani11a Subject Teacher: Lovely Jenn A. Reformado

Drawing the Mouth – ¾

1. Draw a horizontal line across the page. When 2. Draw a short vertical line across the middle of
drawing a face, this would be aligned with the the line. This shall be the middle point, to help
mouth line. determine the left and right sides of the lips and
face.

3. At the right side of the middle, draw two 4. Using the same measurement at the right side
evenly-spaced markings. This shall serve as the (usually measured ½), measure that same unit to
right side of the lips. the left side of the middle.

5. That measurement must now be divided into 6. At the bottom of the line, at the right side of
two equal parts, creating ¼ measurements. the middlemost marking, draw a circle. Make
sure that the height and width of the circle is ½
unit – the same measurement for a circle when
drawing the front view of a mouth / lips.

7. At its left side, draw an ellipse. This ellipse 8. Draw a circle on top of the two ellipses. The
should have the same height and should be construction is quite difficult – on the right side,
aligned with the circle that was just created. make sure that the half would have the same
However, the width of it should be ¼ unit, which proportions as one half of the normal circle.
is half of the width of the circle on the right side. However, on the left side, it is squished a bit
Draw a guideline at the bottom of the circle to more to take into account the solid drawing
help align the two ellipses. that is taking place.

Page 19 of 22
 ANIMATION NCII – Animation 11a
Governor Pack Road, Baguio City, Philippines 2600
Tel. Nos.: (+6374) 442-3316, 442-8220; 444-2786;
442-2564; 442-8219; 442-8256; Fax No.: 442-6268 Grade Level/Section: ICT CCS 11A
Email: [email protected]; Website: www.uc-bcf.edu.ph

MODULE 2 – Ani11a Subject Teacher: Lovely Jenn A. Reformado

9. For rendering, trace the lower portion of the 10. From this created V-shape, draw down-
top circle, creating a curved V-shape. This turned curved lines until the second and fourth
shape should only be small and not too markings are hit. Make sure that the lines are
protruding. Also, take note that the left side of slightly curved, and should be turning
the V-shape should be more squished to give downwards (like a frown), but should not be too
that idea that the left side has a smaller width. curved nor too down-turned. Again, notice that
the line for the right side is longer compared to
that of the left side.

11. Complete the mouth by drawing upturned 12. Divide the top circle into two equal parts by
lines connecting the previously created lines drawing a horizontal line across this. This is where
until it reaches the edge of the width. Again, the Cupid’s bow shall be placed.
make sure that the lips are slightly curved and
turned upwards. Also, notice that the line for the
right side is longer compared to that of the left
side.

13. Draw the Cupid’s bow on the created 14. From the Cupid’s bow, draw two down-
horizontal line on the top circle. The size and turned lines extending until the second and
shape is similar to that of the V-shape created fourth markings. The lines are similar to that of
earlier, but can be more pronounced. Take note the lines below it that make the mouth. Again,
once more of the inequality of the sizing. the length of the lines, though the same process
has been done, must have different lengths.

Tip in Varying Lip Thickness: The circles created as the basic shapes for the lips are considered as
the maximum. The upper and lower lip can get as thick as the height of the circles, and usually
can get as thin as 1/3 of the height of the circles. So, it is plausible for one to change the
thickness to create different characters. However, it is important to note that the upper lip should
always be thinner or of the same thickness as the lower lip.

Page 20 of 22
 ANIMATION NCII – Animation 11a
Governor Pack Road, Baguio City, Philippines 2600
Tel. Nos.: (+6374) 442-3316, 442-8220; 444-2786;
442-2564; 442-8219; 442-8256; Fax No.: 442-6268 Grade Level/Section: ICT CCS 11A
Email: [email protected]; Website: www.uc-bcf.edu.ph

MODULE 2 – Ani11a Subject Teacher: Lovely Jenn A. Reformado

15. To complete the upper lip, connect the 16. At the base of the two circles below, trace a
previously created lines to the edge of the portion of the lower parts to create a flattened
width, where the mouth is. This line is slightly W-shape. This line can be placed a bit higher to
curved and the final shape should be closed. modify the thickness of the lower lip.

17. Continue tracing the shape of the bottom of 18. Finally, close the shape by connecting the
the circle until it starts to go up. created lines to the edge of the mouth. Take
note that the lines used should be slightly curved
and diagonal. The shape should be closed.

19. Erase any guidelines and basic shapes to 20. There are also a number of things that can
reveal the final mouth and lips. be added when rendering the lips – the small
lines around the lips (usually placed at the
upper lip), shading at the bottom of the lip, and
the philtrum (the folded skin between the
Cupid’s bow and the tip of the nose).

Note in Changing the Drawing of the Lips: Some things that can be done to change the lips are
the thicknesses of the upper and lower lip, how pronounced the Cupid’s bow is, mouth
movement (smiling / frowning, opening / closing, etc.), and other rendering details. These
changes can be usually detected according to gender or genetic racial makeup. In animation,
the mouth is usually expressed by just drawing simple lines to create the mouth and lower lip, as
doing mouth codes / lip-syncing is something difficult to do with a highly-rendered mouth.

REFERENCES:
 Lee, S., and Buscema, J. (1984). How to draw comics the Marvel way: First Fireside Edition. New
York : Simon & Schuster, Inc., 1984
 Technical Education and Skills Development Authority (2018 February 27). Training Regulations
for Animation NCII – Version 02. Quezon City

Page 21 of 22
 ANIMATION NCII – Animation 11a
Governor Pack Road, Baguio City, Philippines 2600
Tel. Nos.: (+6374) 442-3316, 442-8220; 444-2786;
442-2564; 442-8219; 442-8256; Fax No.: 442-6268 Grade Level/Section: ICT CCS 11A
Email: [email protected]; Website: www.uc-bcf.edu.ph

MODULE 2 – Ani11a Subject Teacher: Lovely Jenn A. Reformado

ACTIVITY 2: Self-check 2
Instructions: Read and understand the questions focusing on the proportions and basic shapes used
when drawing facial elements. Choose the letter of the BEST answer. (20 items, 20 pts.)
1. Which of the following views is not commonly seen when showcasing perspective drawing?
A. 3/4 B. Back C. Front D. Side
2. How many circles are used to create the main structure of the eyes in front view?
A. 2 B. 3 C. 4 D. 5
3. What is the height of the actual eye based on the height of the circle?
A. 1/3 B. 1/2 C. 1 D. 1 1/2
4. How many points are needed to draw the eyebrows?
A. 2 B. 3 C. 4 D. 5
5. Which of the following is not an essential part when drawing the eye in front view?
A. Eyebrows B. Eyelashes C. Iris D. Tear ducts
6. Which of the following is not a shape that is seen when drawing the eye in side view?
A. Circle B. Ellipse C. Rectangle D. Triangle
7. When the eye is in side view, what space of the circle is used when it’s facing towards the left?
A. Both sides B. Left side only C. Right side only D. Two circles
8. What is the overall width of the eyes in 3/4 view in circles?
A. 1 B. 1 1/2 C. 2 D. 3
9. Which eye is squished when drawing it in 3/4 view?
A. Both eyes C. Eye farther away from the camera
B. Eye closer to the camera D. No eye is squished
10. The squished eye's width is what proportion compared to the normal-sized eye?
A. 1/3 B. 1/2 C. 1 D. 1 1/2
11. The squished eye's width is what proportion compared to the normal-sized eye?
A. 1/3 B. 1/2 C. 1 D. 1 1/2
12. Which of the following is not drawn when drawing the nose in front view?
A. Nose bridge B. Nose edge C. Nose tip D. Nostrils
13. Which of the following is not drawn when drawing the nose in side view?
A. Nose bridge B. Nose edge C. Nose tip D. Nostrils
14. What does the bigger circle in drawing a nose represent?
A. Nose bridge B. Nose edge C. Nose tip D. Nostrils
15. What does the hypotenuse of a triangle in drawing a nose represent?
A. Nose bridge B. Nose edge C. Nose tip D. Nostrils
16. What does the edges in a smaller circle in drawing a nose represent?
A. Nose bridge B. Nose edge C. Nose tip D. Nostrils
17. What is the width of the mouth (in circles) when drawing it in front view?
A. 1 B. 2 C. 3 D. 4
18. What is the width of the mouth (in circles) when drawing it in side view?
A. 1 B. 2 C. 3 D. 4
19. What is the width of the mouth (in circles) when drawing it in 3/4 view?
A. 1 B. 2 C. 3 D. 4
20. What does the small V-shape the top of the mouth called?
A. Cupid's bow B. Lower lip C. Philtrum D. Upper lip

How to Submit:
 Answer “WW2: Self-Check 2” under “Module 2 – Eyes, Nose, and Mouth”.
Submission Channels:
 Canvas K-12 LMS (Quizzes)

Page 22 of 22