Introduction to Animation
Objective
Students will be able to identify how the animation is possible.
Starter activity
Write 3
sentences
about your
favorite
cartoon
character
Animation
Animation is the process of
creating a continuous motion and
shape change illusion by means
of a rapid display of a sequence
of static images that minimally
differ from each other. The illusion
— as in motion pictures in general
—is thought to rely on the
phiphenomenon.
Learning Outcome
Upon completion of these topics, Students will be able to:
1. Identify an Animation
2. Demonstrate the basics of Animation
3. List out the types of animation
There are three main types of animation
• traditional,
• stop motion, and
• computer generated.
Phi phenomenon (persistence of vision)
The brain and eyes cooperate
to store images for fractions of
a second, and the brain smooth
out any minor jumps or blips
automatically. Since animated
frames are shot at very fast
rates, people generally see the
movement without stoppages.
Technique of animation
The basic technique of animation remains a continuous
loop of two steps:.
• loading a "frame"
• displaying the "frame" onscreen.
A frame is defined by a combination of the image to be
displayed and the time the image is to be displayed. A
sequence of frames makes an animation. Each frame is
displayed on the screen until the next frame overwrites it.
Key frame
A key frame is a single still image
(frame) in an animated sequence that
occurs at an important point in that
sequence.
Key frame is always drawn or
constructed by the user.
Key frames are defined throughout an Example of keyframe animation. The first and last frames are
keyframes while the second and third frames are tween
animation and they define crucial frames. The dashed line represents a spline that describes
points of motion the trajectory of the circle.
Tween frame
Tween frames actually create illusion of
motion.
Tween frames are intermediate frames with
the purpose of creating smooth transition
between two key frames. Tween frames
actually create illusion of motion. Tween
frames are intermediate frames with the
purpose of creating smooth transition
between two key frames. For smooth Example of keyframe animation. The first and last frames are
keyframes while the second and third frames are tween
appearance, animation requires at least 24
frames. The dashed line represents a spline that describes
frames per second (fps the trajectory of the circle.
For smooth appearance, animation requires
at least 24 frames per second (fps)
Countinue….
Animations can be recorded on either
analog media or on digital media.
Group activity
1 2 3
• Draw the frames for • Draw the frames for
Draw the frames for
falling apple from the
jumping stick man • a car movement
tree
Thank You