11

TLE – ANIMATION
Learning Activity Sheets

Quarter 3: Week 1 - 2
PRODUCING CLEANED-UP AND IN-
BETWEENED DRAWINGS (CI)
 TECHNICAL VOCATIONAL LIVELIHOOD ANIMATION

Name of the Learner: Grade Level:

Section: Date:

LEARNING ACTIVITY SHEET

Week 1
Produce in-betweened drawings for actual scene folders (cartoon,
regular)

Background Information for Learners

IN-BETWEENING (Tweening)

 the process of creating transitional frames between two separate objects in

order to show the appearance of movement and evolution of the first object
into the second object.

 the frames between the key frames (the first and last frames of the animation)
are called “inbetweens” and they help make the illusion of fluid motion.

 the process is about taking those two key frames and filling in the animation or
frames in between.

Frames on a man walking:

 n

6. Until you
1. Man 5. The leg is
2. The man is get to the
standing 3. The leg is 4. The leg is starting to
now shown final key
straight as now half way now fully unbend
slightly lifting frame of the
initial key to a full bend bent forward and
his right leg step which is
frame so on
a full stride

 It helps just to have the key frames of the beginning and end of the motion as
this gives the animator a very good idea of how the frames in between should
look like.

 These are drawn by less experienced animators. The in-betweens are the poses
used to fill-in between the key poses and breakdown poses. These are the extra
drawings used to make the animation smooth.

CLEAN-UP DRAWING

 Clean-up is a part of the workflow in the production of hand-drawn animation.

It is also called tracing - tracing solid and clean lines over the rough animation
to get closed zones. This is the final paperless animation step before the ink
and paint step.
 You will need to add a new drawing layer to create your cleaned-up drawing.
This is the equivalent of adding a sheet of paper and tracing the rough using
the animation disk.
 Tracing or cleaning directly over means to clean your drawing in the same cell.
This method avoids adding too many layers to your scene or demanding too
 much power from a low performance graphics card when using the light table
or onion skinning. However, the rough animation has to be removed.
 This technique is the equivalent of sketching on paper with a blue animator
pencil and then inking directly onto it in black. Harmony allows you to select
all the zones using a certain colour from your palette. Then you can trace over
your sketch with a different colour. Once you are done, you can select all the
zones painted with the sketch colour and delete them, keeping only the clean
drawing.
 There is numbering animation breakdowns (large gaps between the keys). By placing
key action on breakdowns, you can loosen up your animation, and offload a lot of
your animation work onto an in-between drawing – which is far easier than creating
yet another key.
 The requirements in doing such are:
 Key animation - poses drawn by the animator by the animator representing
the action and narrative required by their scene/sequence

Source: http://lukehughesdesign.blogspot.com/p/drawing-for-animation-2.html

 Layout - a guide to the positions of the elements in the scene and their size
relationship to each other and to the location of the scene
a. Foreground - An element that is up close and usually partially
illustrated with the remainder of the object situated off the page.
The foreground is used in conjunction with the mid-ground and
background areas of an environment (Simon, Animation Layout:
Element Placement 2004).
b. Mid-Ground - In conjunction with the foreground and background
areas of an environment, the mid-ground is the main acting stage
for the animation to take place. This area must have environmental
objects drawn in such a way that they do not interfere with the
animation (Simon, Animation Layout: Element Placement 2004).
c. Background - In conjunction with the foreground and mid-ground
areas of an environment, the background is the furthest portion of
the environment such as mountains, trees, clouds, or stars in space.
Generally, there is very little detail drawn in this area. The purpose
of the distant element is to confirm what the mid-ground has
described as the environment (Simon, Animation Layout: Element
Placement 2004).
 Source: https://www.yupuding.com/concepts

 Exposure sheet - a chart that shows frame by frame of all drawings of every
animated scene.

Source: https://wireframes.linowski.ca/wp-content/themes/darwin/images/full134.jpg
 Model sheets - a reference sheet of an animator that shows how a character
is constructed and how they would pose; or show the physical and design
nuances.

Source: https://www.pinterest.ph/pin/449234131575256325/

 Storyboard - a visual narrative of the script in the form of thumbnail

drawings that shows the different scenes organized in a sequence of panels.
 Source: https://www.pinterest.ph/pin/326511041731314895/

 Character Model - final reference of the construction, proportion, and

unique details of any given character

Source: https://www.pinterest.cl/pin/834854849654837681/
 Character Expression - shows the local expressions that represent the
emotions of the character.
 Source: https://www.pinterest.ph/pin/824510644269223847/

 Character Attitude - shows the different behaviors, moods, and attitudes of

the character.

Source: http://www.jaymosquera.net/animation

 Mouth Charts - Shows the breakdowns of the mouth movement into at least
8 different mouths.

Source: https://graphicmama.com/blog/free-mouth-shapes-character-animator-puppet/
 Turn arounds - are all the different views of a character. It is used as
reference in a modeling the character during the animation process
 Source: http://lillydurrant.blogspot.com/2011/01/character-turnaround.html

 Action breakdowns - a rough sketch at the center mark of in-betweens

provided by the animator for the use of the in-betweener

Source: https://mcvijay.wordpress.com/technical-discussions/animation/backflip-animation-analysis/

Learning Competency with Code

Produce in-betweened drawings for actual scene folders (cartoon, regular)
LO 1. Produce in-betweened drawings for actual scene folders (cartoon, regular)
1.4 Determine the similarities and differences between the clean-up and in-
between drawings (cartoon-regular)

Activities
Activity 1: Multiple Choice (10 points). Read all statements provided. Choose the letter
of your answer on the space provided before each number. Use capital letters only and
refrain from erasures.

_____1. This is the process of creating transitional frames between two separate objects
in order to show the appearance of movement and evolution of the first object into the
second object.
A. Action breakdowns C. In-betweening
B. Clean-up Drawing D. Sketching

_____2. This is a is a part of the workflow in the production of hand-drawn animation.

A. Clean-up C. Flowchart
B. Exposure sheet D. Layout

_____3. This is a solid and clean lines over the rough animation to get closed zones.
A. Boarding B. Outline
 C. Storyboard D. Tracing

_____4. This is a rough sketch at the center mark of in-betweens provided by the
animator for the use of the in-betweener.
A. Action Breakdowns C. Storyboard
B. Exposure sheet D. Turnarounds

_____5. This shows the different behaviors, moods, and attitudes of the character.
A. Character Attitude C. Character Layout
B. Character Expression D. Character Definition

_____6. This is the final reference of the construction, proportion, and unique details of
any given character.
A. Character Attitude C. Character Model
B. Character Expression D. Character Reference

_____7. This is a chart that shows frame by frame of all drawings of every animated
scene.
A. Action breakdowns C. Character Model
B. Character Attitude D. Exposure Sheet

_____8. This is the visual narrative of the script in the form of thumbnail drawings that
shows the different scenes organized in a sequence of panels.
A. Exposure sheet C. Model sheets
B. Layout D. Storyboard

_____9. This shows all the different views of a character.

A. Character Model C. Model sheets
B. Key animation D. Turn arounds

_____10. This is a reference sheet of an animator that shows how a character is

constructed and how they would pose; or show the physical and design nuances.
A. Exposure sheet C. Model Sheets
B. Layout D. Turnarounds

Activity 2:
Fill the Venn Diagram: Write the similarities and differences, atleast 3 of each, between
the clean-up and in-between drawings.

Key Answers:
Activity 1. Multiple Choice:
1. C 6. C
2. A 7. D
3. D 8. D
4. A 9. D
5. A 10. C

Activity 2. Answers vary.

References for Learners

Biteable. n.d. What is motion graphics? Accessed August 27, 2020. https://biteable.com/blog/what-is-motion-graphics/.

creativeglossary. n.d. Clean Up Drawing definition. Accessed August 27, 2020. http://www.creativeglossary.com/digital-fine-art-
printmaking/clean-up-drawing.html.

iNurture. 2016. WHAT IS 3D ANIMATION? HOW IS IT DIFFERENT FROM 2D ANIMATION? June 1. Accessed August 27,
2020. https://inurture.co.in/blogs/what-is-3d-animation-how-is-it-different-from-2d-animation/.

Maio, Alyssa. 2020. What is Animation? Definition and Types of Animation. March 18. Accessed August 27, 2020.
https://www.studiobinder.com/blog/what-is-animation-definition/.

mustangbols. 2017. PRODUCING CLEAN UP AND IN BETWEENED DRAWING(Tech Voc 11). December 30. Accessed August
27, 2020. https://www.mustangbols.com/animation-2d/clean.

Sigua, Francelene. 2017. Requirements for Clean - up Drawings. July 14. Accessed August 27, 2020.
https://prezi.com/c3pysaqh43f/requirements-for-clean-up-drawings/.

Simon, Mark. 2004. Animation Layout: Element Placement. March 15. Accessed August 27, 2020.
https://www.awn.com/animationworld/animation-layout-element-placement.

—. 2003. Concept to Creation: Key Animation. August 8. Accessed August 27, 2020.
https://www.awn.com/animationworld/conceptcreation-key-animation.

Stefyn, Nadia. 2019. What Is 2D Animation? Everything You Need To Know. July 16. Accessed August 27, 2020.
https://www.cgspectrum.com/blog/what-is-2danimation#:~:text=2D%20animation%20is%20the%20art,usually
%20divided%20into%2024%20frames.

techopedia. 2019. Stop Motion Animation. June 13. Accessed August 27, 2020. https://www.techopedia.com/definition/109/stop-
motionanimation. Toon Boom. n.d. Character Model Sheets. Accessed August 27, 2020. https://learn.

toonboom.com/modules/characterdesign/topic/character-model-sheets.

—. n.d. Exposure Sheet, Timeline and Timing. Accessed August 27, 2020.
https://learn.toonboom.com/modules/basicconcepts2/topic/exposure-sheet-timeline-and-timing2.

—. n.d. Traditional Animation. Accessed August 27, 2020. https://learn.toonboom.com/modules/animation-

techniques/topic/traditionalanimation.

Vyond Team. 2019. What is a storyboard and why do you need one? November 11. Accessed August 27, 2020.
https://www.vyond.com/resources/what-is-a-storyboard-and-why-do-you-need-one/.

Prepared by

LON F. RELORCAZA
Secondary School Teacher II
Sapang Bato National High School Senior High School