11

TLE – ANIMATION
Learning Activity Sheets

Quarter 3: Week 3 - 4
PRODUCING CLEANED-UP AND IN-
BETWEENED DRAWINGS (CI)

1
 TECHNICAL VOCATIONAL LIVELIHOOD ANIMATION

Name of the Learner: Grade Level:

Section: Date:

LEARNING ACTIVITY SHEET

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

Background Information for Learners

Inbetweening, as a review, is the process of creating transitional frames between

two separate objects to show the appearance of movement and evolution of the first
object into the second object. It is a common technique used in many types of
animation. The frames between the keyframes (the first and last frames of the
animation) are called “inbetweens” and they help make the illusion of fluid motion
(techopedia 2011).

10 Steps to a Perfect Inbetween (animationmeat 2018)

Step 1: Check the timing charts

The timing chart is the guideline as to where to put your inbetweens.

Source: http://www.animationmeat.com/pdf/featureanimation/10Steps.pdf

1
 Source: http://www.animationmeat.com/pdf/featureanimation/10Steps.pdf

Example: If timing chart calls for a specific timing ie: (1/2 way between the
two extremes) there is only one place it can be, exactly where the animator called
for it.

Step 2: Rolling the drawings to plot the arcs

This is finding and following the arcs. The movements of most living and
non-living follow circular paths of action called arcs. The animator charts the
position of his drawings along this arc. He makes his key drawings indicating
where the inbetweens should be placed to keep the line of action on this curved
path.

Source: http://www.animationmeat.com/pdf/featureanimation/10Steps.pdf

Source: http://www.animationmeat.com/pdf/featureanimation/10Steps.pdf

2
 Now by rolling the drawings in sequence the arcs in the action become
evident. Note all of these circular paths by making light indications on the keys,
or on your inbetween, in blue pencil.
Also while rolling the drawings you should be watching for places where
the following animation principles are being employed, and be sure that your
inbetween doesn’t stiffen the action. To find overlap, follow thru, and drag,
determine the primary action. Now anything attached, if flexible, will have an
overlapping action. In other words, appendages DRAG until the primary action
changes direction, then when their secondary action is spent, they overlap, follow
thru and drag.

Step 3: Turn on the backlight and place the drawings in flipping order
Place the drawings in the following order on the pegs:

1st The first extreme

2nd the last extreme Turn

on the

3rd top the blank page

backlight (The light behind your animation disk).

Source: http://www.animationmeat.com/pdf/featureanimation/10Steps.pdf

Step 4: Build the foundation for your inbetween

Now using the backlight, plot the position of the shapes & lines between
the two keys. make sure that you are following the arcs and are placing the shapes
in the charted postion. Finish drawing this skeleton for your inbetween by
accurately placing the shapes between the shapes and the lines between the lines.
Sometimes a particular object may be hard to visualize for your inbetween in
these cases it is helpful to use basic 3-D shapes to build your drawing. There is no
substitute for good drawing, and the most logical approach is to rely on basic
shapes to get that good drawing.

3
 Source: http://www.animationmeat.com/pdf/featureanimation/10Steps.pdf

Step 5: Turn off the backlight

Step 6: Flip the drawings to check the inbetween

Grasp the drawings in the following manner - thumb on top grasping
inbetween with thumb & index finger middle & ring fingers grasping the next
drawing the last extreme The first extreme is on the bottom separated by the ring
and little finger from the next drawing Now by flipping the drawings in the
following manner you can see your inbetween in motion between the two keys
and easily make changes to it.

Source: http://www.animationmeat.com/pdf/featureanimation/10Steps.pdf

This is called flipping. As you flip the drawings note whether it works
smoothly. Are there lines missing? Do any of the lines jiggle or get shorter and
longer? Is anything out of arc? Make sure the inbetween works as a 3-
Dimensional drawing. See that details are properly drawn in perspective and are
firmly anchored to the main masses.

4
 Source: http://www.animationmeat.com/pdf/featureanimation/10Steps.pdf

If the drawing looks flat or warped it is probably because it hasn’t been

inbetweened 3-Dimensionally. Build the inbetween using basic shapes such as
cubes, balls and cylinders.

Step 7: Rolling and checking the inbetween

Now that you have a good drawing that seems to inbetween properly put
the drawings in rolling order (In sequence with the first extreme at the bottom).
Roll thru the drawings and re-check the inbetween for all the things we have been
talking about (Drawings out of arc, jittering and crawling lines, changing
volumes, floating details) and any other inbetweening problems.

Source:

http://www.animationmeat.com/pdf/featureanimation/10Steps.pdf

Step 8: Turn on the backlight

Step 9: Shift the drawings off the pegs to check volumes

Using the backlight, shift the top extreme until the part you are checking is
lined up precisely with the corresponding part on the bottom extreme. Tape or
hold the drawing in place. Next line up the inbetween between the keys using as
many reference points as possible. Now by flipping and using the light you will
be able to see and fix any problems with the tiniest of details: such as volume
changes, placement of details, and bobbling of features to name a few. Proceed
through the inbetween checking and fixing all the detail in this way.

5
 Drawing on the pegs

Source: http://www.animationmeat.com/pdf/featureanimation/10Steps.pdf

Drawings shifted off the pegs for easier inbetweening

Source: http://www.animationmeat.com/pdf/featureanimation/10Steps.pdf

Step 10: Do a final check of the inbetween

Roll thru and flip the drawings to do a final check of your inbetween. Fix
any problems if there are any. Start the next inbetween

Tips when inbetweening (ClipStudioOfficial 2018):

Technique 1: A motion arc is a line that indicates the trajectory of a motion. An arc
contains dots that specify frames.

When drawing an arc, it is important to picture the motion that is happening

between the keyframes. Shift and trace (Japanese: Tap wari, タップ割り). “Shift and
trace” is a technique used to draw accurate inbetweens more easily by overlaying
keyframes that are far apart.

6
 Source: https://bit.ly/34MAB61

How to shift and trace

1. Say the following are keyframes.

2. The inbetween should be between the keyframes, with the face somewhere around
the area shown below.

3. To get an accurate idea of where the inbetween will be, we will draw a motion arc
and find the middle point. Here, we have drawn the chin’s arc.

7
4. Move the keyframes so both chins align on the middle point. This will overlap the
heads, acting as reference for the inbetween.

5. The face is done. Like this, shift and trace overlays keyframes as reference.

Technique 2: Inbetweening order

If we want to add three inbetweens to two keyframes, we start from the
middle inbetween. Let’s look at the inbetweening order.

8
1. First, we draw Inbetween (3), which is the middle of Keyframe (1) and (5).

2. Next we inbetween Keyframe (1) and Inbetween (3).

This new inbetween is Inbetween (2).

3. Finally, we inbetween Inbetween (3) and Keyframe (5).

This becomes Inbetween (4).

4. The inbetweening is done.

9
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.5 Produce in-between drawings (cartoon-regular) based on the guidelines

Activities
Activity 1
Instructions: Separate the 5 images/movements below as figure 1 to 5. Draw each in the box
provided per figure to show the movements of the animation that come after the major pivot
points. Refer to rubrics attached.

Figure 1 Figure 2 Figure 3 Figure 4 Figure 5

Activity 2
Instruction: Draw your own in-between drawing that shows a 5-figure/movent image. After,
separately draw the image/movement in each box provided for. Refer to rubrics attached.

Figure 1 Figure 2 Figure 3 Figure 4 Figure 5

10
Rubrics for In-between drawing:

Excellent Advance Proficient Developing

(10 points) (8-9 points) (5-7 points) (0-4 points)
Creativity Used own style and Used own style Used own style Used somebody
ideas consistently and ideas most and ideas. else’s style and
of the time. ideas.
Clarity All instructions were Followed most Followed half of No instruction
followed. of the the given was followed.
instructions instructions.
Effort Took time and Worked hard for Completed the Rushed output.
worked hard for the the output. output.
output.
Total points ___/30 points

References for Learners

ClipStudioOfficial. 2018. Inbetweening basics. July 18. Accessed September 1, 2020.
https://tips.clip-studio.com/en-us/articles/954.
Magno, Conz Connie Marie. 2017. "Tools and equipment for hand drawn animation."
slideshare. December 10. Accessed September 1, 2020.
https://www.slideshare.net/conniemariemagno/tools-and-equipment-for-hand-
drawnanimation.
techopedia. 2011. In-Betweening (Tweening). August 18. Accessed September 1, 2020.
https://www.techopedia.com/definition/104/in-betweening-tweening.
Toon Boom. n.d. Exposure Sheet, Timeline and Timing. Accessed September 1, 2020.
https://learn.toonboom.com/modules/basic-concepts2/topic/exposure-sheet-
timelineand-timing2.
Prepared by

LON F. RELORCAZA

Secondary School Teacher II

Sapang Bato National High School Senior High School

11