color logo Animation Design

Introduction

Lets take a Ball for example moving from point A to point B and see how many frames do we need to make a smoother action
Move the slider to change the FPS(frames per second) and try to make the action smoother.

1 FPS 2 FPS 3 FPS 6 FPS 12 FPS 24 FPS
Frames are your platform to draw/make a drawing
Timing animation refers to how long an action takes from beginning to end. The functions of timing are to create movement that obeys laws of physics and to add interest to your animations. Time is very crucial part in animation, you will have to break a second into many many parts, while doing animation.
The frame rate is measured by the number of frames per second(FPS). By standard you have to use 24 frames per second, but since there are many different movements and animations you can experiment with.
Here you can see all different fps of ball moving from point A to point B and see how every fps changes its speed and timing.
Animation is illusion of motion by playing sequntial images one by one at certain speed to get the illusion of real time. Here you can see all different types of bird flying images combined to produce an illusion of a bird actually flying.

1 FPS 2 FPS 3 FPS 6 FPS 12 FPS 24 FPS
In order to create an illusion of animation we need to change the frame speed at which the images will change. Move the slider to change the speed of bird moving and try to make it smooth.
Drawings, type of animation, the frames/timeline, time, framerate are the pretty much basic introduction to animation. Now lets get to learn how to animate.
These are four major types of animation commonly used in the industry currently. Experimental animation is another technique which may combine any of above medium and genre to create animation. Click any one of the buttons to see the examples of different types of animation.

Animation is a method of photographing successive drawings, models or even puppets to create an illusion of movement in a sequence. Click the button below to play or pause the animation
Know More

Know more

Page 1 - What is animation
Animation is like making your drawings move. Imagine you draw a little stick figure on a piece of paper. Then, on the next piece of paper, you draw the same stick figure, but with its arm a little higher. If you keep doing this, making small changes each time, and then flip through the pages quickly, it looks like the stick figure is waving! So, animation is all about making pictures move by showing them one after the other, really fast. It's like a magic trick that turns drawings into moving stories!
Check this link out where it deep dive about the role animation in the world of storytelling -

Role of animation in storytelling
Also check out this video for a comprehensive look at what are principles of animation are and where you can see them in use -
The 12 Principles of Animation Explained — The Most Important Rules for Animating
21 Foundations of Animation
Animation Basics in 14 Minutes (6 Big ideas for beginners)

Page 2 - Types of animation
What is animation and its types -
What is Animation — Definition, History & Types

Experimental Animation-
D'source Design Course on Experimental Animation - An Exploration

Page 3 - Medium/Frame
What is a frame ?
what is frame in animation

Page 4 - Time
What is timing in animation -
Timing Principle | Toon Boom Learn
Timing in Animation - A Beginner's Guide - 2D animation class [015]

Page 5 - Frame rate
what is frame rate
Frame Rate Animation Definition

Page 6 - Shifting fps
FPS
what is FPS in animation

scroll top image

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