Animation Principles - Timing and Spacing

The number of drawings used in any action determines the amount of time that action will take on the screen, which is the timing for that particular action.
Timing provides meaning to the character and it help us to understand what kind of character it is. Drawings spaced far away from each other makes the action look fast and drawings spaced closer to each other makes the actin look slow. Click the button below to play/pause the animation.


Timing play a very crucial role in establishing a character's nature, personality, mood and emotion. Click the buttons below to change the timing of the character.


Standard favourite for animation is 24 frame per second, which means 24 drawing per second. If one drawing is made for each frame which 24 drawings per second is called drawing on ones.
Similarly if one drawing is done for two frames that will be called drawing on twos and same goes for threes. Click the button below to change the animation from ones, twos and threes and observe how the animtion changes.
Spacing is basically the space between frames, and spacing in animation refers to where an object is at in each frame of an animation timeline.
Depending on where you position the frame within the timeline, you can give the illusion of constant speed, acceleration, deceleration, and stopping. Spacing provides a movement that obeys the law of physics and adds interest and appeal to the animation.
Drawings done in ones and then spaced close to each other results in a slower timing. Click the button below to play/pause the animation.
Drawings done in ones and then spaced close to each other results in a slower timing. Click the button below to play/pause the animation.
On the other hand  fast action can be achieved by drawing in twos and spacing the drawings far away from each other. Click the button below to play/pause the animation.
On the other hand  fast action can be achieved by drawing in twos and spacing the drawings far away from each other. Click the button below to play/pause the animation.
Spacing – the closer the drawings are to each other, the slower the movement appears. On the other hand, wider the spacing between drawings, the quicker it looks.
Spacing – the closer the drawings are to each other, the slower the movement appears. On the other hand, wider the spacing between drawings, the quicker it looks.

Pick and drop positions in a sequence to form head movement action

Pick and drop positions in a sequence to form head movement action


scroll top image

Your device is very small.
Please try to open it in a bigger device!