Animation Fundamental #2 : Timing, Spacing, Slow in/out, Arc

 

Animation Fundamental

Date : Apr/11/2023

Name : Mabuchi Arata

Lecture : Video and Sound Production

Lecturer's name : Martin Chong Yuh Lin

ID : 0351579  

1, Introduction

In this module, we're going to learn about Animation Principals so we can understand my structure that makes animation fumdamentals formed by frame rate, sequence, timing, speed, timing and arcs.

2, Topics

    1, Frame

Similar to the flip books, animation is "illustion" made of continueous frame (one static image shown in the screen) changes, the speed of each frame changed is described as "frame rate", Frame rate can be described as frame per second or FPS to describe how fast each frame changes. More frame can describe the much smoother movement of object in the screen.

    2, Time

Basically it is "duration" of particular object in the screen for animation. The speed of object in animation depends Number of drawings used in the moment of animation. Less drawing represents fast speed and more drawing represents slow speed.

    3, Spacing

It can also describe the speed, the moving object overlaps itself in slow speed, and the moving object spread further apart itself in fast speed. This idea is called "Spacing", this idea can easily describe the speed in your animation easily, when there is a large space beween each moving object in different continuous frame, the moving object is moving fast, on the other hand, when there is a less space beween each moving object in different continuous frame, the moving object is moving slow. Understand the idea of spacing for definitive ideas to understand the speed.

    4, Arc

This means "Circular movement", every object on the Earth moving in circular movement, if you want to make a smooth and natural movement, you need to make arc (circular movement) in your animation, for example, if you want to create a curved motion , you need to have an arc in the path of the object motion.

3, Actual Work

We made our first work to understand the basic ideas to make a ball bouncing animation. We first draw a simple ball and line, then draw another curved line as bouncing direction, then deplicate ball layer in the same layer but in different position, after that, add a blank keyframe and place another ball image into the place between the first and last position of ball bouncing.

This is the work I've done shown below.

To explain more about this, the work I've done is same as flip note. I placed the ball in different location and tyys looks moving. I adjust position to make a ball bouncing as real ball.

Unfortunatelly, I forgot to make my animation in "2" (I need to insert same image in 2 frames.), so I remake it again and this is my first work.

YouTube Link : https://www.youtube.com/watch?v=1yCjDElCdnU