Scribd
Upload
334 views6 pages

H Apply Concepts of in Between

This document provides information about in-betweening for animation. It defines key terms like key, keyframe, breakdown, and in-between. It explains that in-betweens fill the gaps between keyframes to create smooth movement. Timing charts are used to organize the placement of drawings between keys. Examples of common timing charts like halves, slow in/out, and evens are provided. Learners are instructed to draw in-betweens based on given timing charts and create flipbooks to demonstrate the movements. Reflection questions ask learners what they have learned and how it can help them.

Uploaded by

SACATA NATIONAL HIGH SCHOOL
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
334 views6 pages

H Apply Concepts of in Between

This document provides information about in-betweening for animation. It defines key terms like key, keyframe, breakdown, and in-between. It explains that in-betweens fill the gaps between keyframes to create smooth movement. Timing charts are used to organize the placement of drawings between keys. Examples of common timing charts like halves, slow in/out, and evens are provided. Learners are instructed to draw in-betweens based on given timing charts and create flipbooks to demonstrate the movements. Reflection questions ask learners what they have learned and how it can help them.

Uploaded by

SACATA NATIONAL HIGH SCHOOL
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 6

ANIMATION NC II

Senior High School TVL - ICT

Name of Learner: Quarter 2 Week 2


Section: Date :

Apply concepts of in-betweening based on specifications

1. Background Information for Learners

What is Inbetweening (Tweening)


- This process focuses on the need for drawings (pictures) between two extremes or key
positions. If more drawings are included the movement produced will be slower and if fewer
drawings are included the illusion of faster movement will be created. To help animators an
inbetweening chart is used. The numbering used in the chart is based on an even number of
inbetweens because when two odd whole numbers are added together and divided by two the
result is a whole number.

Traditional animation

Key
A key (also called "extreme") is
a key moment in an animated
sequence, where the motion is
at its extreme.

The number of keys in an


animated sequence depends
on how complicated the
movement is. The first,
seventh, and thirteenth frames
in the example on the right are
keys.

Keyframe
A keyframe is a drawing that
corresponds to a key moment.

Breakdown
A breakdown comes between keys to help the keyframe animator describe the action to
inbetween animations.

The forth and tenth frames in the example on the right are breakdowns.

Inbetween
Inbetweens fill the gaps between keyframes. While keyframes are drawn by skilled animators,
inbetweens are drawn by less experienced animators.

A youtube link for tutorials in inbetweening.


https://youtu.be/wh7wsOd6X4c
More in-depth explanation can be found here.
http://www.brianlemay.com/Pages/animationschool/animation/inbetweening.html
http://www.jimahoffman.com/Animation/Reference/Concepts.html#inbetween
https://www.youtube.com/watch?v=86tqKH3zxuM

The Art of InBetweening

What are in-betweens, and how do they work?


- Inbetweening is the process of adding more drawings in between your key poses and
breakdowns.
- This will/ to have a smooth animation
- To add more visual information that may be subtle.
- Make your animation a high production value
- Adds clarity in work

Timing Chats and InBetween

Timing Charts are diagram made by an animator that describes the timing
and spacing of drawings
Animators has their own style in timing charts.
The timing charts has the needed information on how many drawings Timing Chart
needed to fill the inbetween and how far each drawing should be
spaced from each other,
Benefits of using a Timing Chart
- Organize your timing and in-betweens easier.
- Plan movement without relying on instant playback.
- If needed assistance, the person helping will already know what to in between.
- Best way to understand inbetween.

Anatomy of Timing Chart

To better understand the timing chart lets go first on how animation display still drawings into frames.
Animation is a movement illusion of still pictures that are showed in a second. Each second of
animation is compose of 24 pictures or called frames (24 frames / seconds, 24 fames per second).
Imagine drawing 24 pictures/frames to make an animation of one second.
Animators invent the so called animation by two’s, which means you can draw only 12 pictures/frames
to animate one second instead of 24 pictures. This technique create an illusion of smooth animation
also just like animation by 1’s.
Sample of timing chart below is an animation by two’s, there will be only
5 drawings in that timing chart.
Frame 1 and 9 are called Key (Key Pose, Key Frame). It is indicated
with circle on the number. It is where the drawing is at most extreme.
Frame 7 is a breakdown key and is indicated with a single underline.
It usually means that the drawing/frame indicated is breakdown drawing,
an important extreme that connects frame 1 and Frame 9, thus it is
always present when doing an inbetween.
This timing chart shows 5 drawings/frames only and are evenly spaced
between frames, indicated by curve and bracket.
Interpreting this chart into drawing.
Frame 1 and 9 is a key drawing given by the key animator, also the
frame 7 -the breakdown. To get the inbetween, you have to plot the
even half of 1 and 7, (even half means “saktong kalahati”). Then the
even half of 1 and 5. In that manner you can now draw right position of a
picture.
Note: there is no even half between 7 and 9 because we are
animating in two’s
So this animation uses slow out chart, which means slowly going out.

Even half of 1 and 5

Even half of 1 and 7

Common Timing Chart to remember

Timing Chart “A” is called Halves


- The Key frame 1 and 3 means a drawing has an even movement from frame 1 to frame 3
Timing Chart “B” is called Halves Slow In
The Key frame 1 to 5 means a drawing has a fast movement from frame 1 to frame 2 then slowly from
frame 2 to frame 5. This timing chart is a slow-in timing chart.

Timing Chart “C” is called Slow Out


The Key frame 1 to 5 means a drawing has a slow movement from frame 1 to frame 3 then fast from
frame 4 to frame 5. This timing chart is a slow-out timing chart.

Timing Chart “D” is called All Evens (Halves)

The Key frame 1 to 5 means a drawing has an even movement from frame 1 to frame 5.
Timing Chart “E” is called Third
This timing chart is an even spaced action. It is faster than the letter D chart.
Timing Chart “F” is called Favoring
This chart means it favors to the key frame where it is connected. This means the drawing/ key 2 will
be closer to Key 1.

More in-depth explanation can be found here.:


https://www.youtube.com/watch?v=86tqKH3zxuM
Visit our Google Classroom for the full Lectures and Materials.
http://tiny.cc/3ki7tz

2. Learning Competency to be developed:

Apply concepts of in-betweening based on specifications


TLE_ICTAN9-12CI-IVa-j-3

3. Directions / Instructions: Read the instructions carefully in answering the given


activities. Draw your activity in long bond paper.
Activity 1. Draw the inbetween for the following Timing Chart. Key pose are given.

A.
B.

C.

Activity 2. Now Create a flipbook for the activity A,B and C.


You can use the app “flipaclip” for this activity. For those who have no smartphone, you will be
drawing it on a bond paper and make it as a flipbook.

4. Reflection: Complete the statement below:

I have learned that perform mensuration and interpret technical drawing are

This lesson will help me in


5. References for Learners:

https://www.definitions.net/definition/clean-up.
Dermot O. Connor, “https://www.angryanimator.com/word/donate/”,
https://www.youtube.com/watch?v=3tqedKuKDxw
http://www.brianlemay.com/Pages/animationschool/animation/lipsyncbook/timingcharts.html
http://www.csit.parkland.edu/~ddallas/csc186/Lecture/TimingCharts.html
http://www.nfb.ca/film/animated_motion_part_1/
http://www.brianlemay.com/Pages/animationschool/animation/inbetweening.html
https://www.youtube.com/watch?v=fZRqTU2aZ9U
https://db0nus869y26v.cloudfront.net/en/Inbetweening
http://dsource.in/sites/default/files/course/exposure-sheet/downloads/file/exposure-sheet.pdf
http://animateducated.blogspot.com/2017/08/
https://www.evl.uic.edu/datsoupi/251/docs/12AnimationPrinciples.pdf
https://www.creativebloq.com/advice/understand-the-12-principles-of-animation
https://www.definitions.net/definition/clean-up.
Dermot O. Connor, “https://www.angryanimator.com/word/donate/”, https://www.youtube.com/watch?
v=3tqedKuKDxw
https://support.animationmentor.com/hc/en-us/community/posts/201034298-X-Sheet-Exposuresheet-
Templates
https://www.creativebloq.com/advice/understand-the-12-principles-of-animation
http://animateducated.blogspot.com/2017/08/
http://hsnscougars.ss7.sharpschool.com/UserFiles/Servers/Server_212086/File/Staff%20Directory/Tea
cher%20Directory/Mrosko,%20Stephen/12%20basic%20principles%20of%20animation.pdf
https://www.ianmaiguapictures.com/how-to-animate-a-head-turn/
https://design.tutsplus.com/tutorials/animation-for-beginners-how-to-animate-a-head-turn--cms-26487

Answer Key

Prepared:
Activity 1
Oliver M. Sumabat
A. Answer may vary.
B. Answer mayManuel
vary. High School
Teacher II – San
C. Answer may vary.
Activity 2
A. Answer may vary.
B. Answer may vary.
C. Answer may vary.

You might also like

pFad - Phonifier reborn

Pfad - The Proxy pFad of © 2024 Garber Painting. All rights reserved.

Note: This service is not intended for secure transactions such as banking, social media, email, or purchasing. Use at your own risk. We assume no liability whatsoever for broken pages.


Alternative Proxies:

Alternative Proxy

pFad Proxy

pFad v3 Proxy

pFad v4 Proxy