How can you use a timing chart to adjust your traditional animation's speed and rhythm?

Traditional animation is a craft that requires skill, patience, and creativity. But it also involves a lot of technical aspects, such as timing, spacing, and exposure. In this article, you will learn how to use a timing chart to adjust your animation's speed and rhythm, and create more expressive and dynamic movements.

1 What is a timing chart?

A timing chart is a diagram that shows how many frames each drawing in an animation sequence will occupy, and how they are spaced out along the timeline. It helps you plan and control the speed, acceleration, and deceleration of your animation, as well as the smoothness and fluidity of the motion. A timing chart usually consists of a vertical line that represents the timeline, and horizontal lines or dashes that indicate the drawings and their exposure. You can also add symbols or notes to mark the keyframes, breakdowns, inbetweens, ease-ins, ease-outs, and other details.

Add your perspective

2 Why is timing important?

Timing is one of the 12 principles of animation, and it refers to the number of frames per second (fps) and the duration of each drawing in an animation. Timing affects the realism, energy, and emotion of your animation, as well as the audience's perception of the weight, size, and personality of your characters. For example, fast timing can create a sense of urgency, excitement, or comedy, while slow timing can convey drama, suspense, or sadness. Timing also helps you establish the rhythm and pace of your animation, and create contrast and variety in your scenes.

Add your perspective

3 How to create a timing chart?

To create a timing chart, you need to have your storyboard and keyframes ready. Keyframes are drawings that define the start and end of a movement or pose, and you can use software like Photoshop, Toon Boom, or TVPaint to draw your timing chart or go for a more traditional approach with paper and pencil. The basic steps to create a timing chart include drawing a vertical line on the left side of your page or screen as your timeline, with each segment representing one frame. Mark keyframes on the timeline with circles or numbers, and decide how many frames you want your animation to last and how fast or slow you want it to be. Horizontal lines or dashes between keyframes indicate the exposure of each drawing, while symbols like x or + can be used for half or quarter frames. To further refine the timing chart, add breakdowns and inbetweens to show direction and transition between two keyframes, as well as ease-ins and ease-outs to slow down movements at the beginning and end of a motion. Finally, review and refine your timing chart to make sure it matches your storyboard and vision, conveys the mood and emotion of your animation, and looks smooth, fluid, and expressive when flipped or played.

Add your perspective

Umme-Aeiman Saifuddin

My designs will bring life to your content. I completed 30+ projects with a 5-star rating. I Help you build authority on socials by 5x your visibility. I Adobe Creative Suite expert I Content designer.
Report contribution
n my daily animation routine, a game-changer is regularly refining the timing chart. It's the secret sauce for nailing the rhythm and flow of each frame. Whether digital or traditional, this small step ensures my animations sync with the storyboard, conveying the desired mood and emotion flawlessly.

Like

4 How to use a timing chart?

A timing chart is a useful tool that can help you organize and communicate your animation ideas. It enables you to plan and preview your animation before you start drawing, so that you can visualize how it will look and feel, and how long it will take. It also helps you adjust and fine-tune your animation after you finish drawing, so that you can edit and improve it, as well as make changes to the speed, rhythm, and timing of your movement. Furthermore, a timing chart is an effective way to share and collaborate with other animators or clients. You can explain and demonstrate your animation choices and techniques, get feedback and suggestions from others, learn from other animators, and study their timing and spacing methods.

Add your perspective

Umme-Aeiman Saifuddin

My designs will bring life to your content. I completed 30+ projects with a 5-star rating. I Help you build authority on socials by 5x your visibility. I Adobe Creative Suite expert I Content designer.
Report contribution
In my daily animation work, I've found that regularly checking the timing chart is like having a trusted guide. It's not just a plan; it's a tool I use all the time. Whether I'm sketching out ideas or polishing the final animation, the timing chart helps me stay on course. It's like a map, making sure the rhythm and pace of the animation match what I have in mind. This little step makes a big difference, making the animation smoother and collaboration with others much easier.

Like

5 Tips and tricks for using a timing chart

A timing chart is a flexible and creative tool that can be adapted to suit any style and preference. Experimenting with different timing and spacing options can help you create a unique animation. For example, you can try different fps rates, exposure lengths, and spacing intervals to add more life and interest to your animation. Additionally, you can use real-life observations, videos, or other animations as references for your timing, or use metronomes, music, or sound effects to establish the tempo. When creating your chart, make sure to keep it clear and simple with colors, shapes, or symbols that are easy to read. You can also add labels, notes, or comments for more information or instructions.

Add your perspective

6 Here’s what else to consider

This is a space to share examples, stories, or insights that don’t fit into any of the previous sections. What else would you like to add?

Add your perspective

Umme-Aeiman Saifuddin

My designs will bring life to your content. I completed 30+ projects with a 5-star rating. I Help you build authority on socials by 5x your visibility. I Adobe Creative Suite expert I Content designer.
Report contribution
From my experience and learning, I've found that embracing experimentation in animation is a game-changer. Trying out new techniques or taking unconventional approaches often leads to unique and captivating results. Some of my most successful animations came from taking calculated risks and stepping outside the usual boundaries. So, my advice is to be open to exploring uncharted territory in your animation process—it might just be the key to your next breakthrough.

Like

How can you use a timing chart to adjust your traditional animation's speed and rhythm?

1

2

3

4

5

6

1 What is a timing chart?

2 Why is timing important?

3 How to create a timing chart?

4 How to use a timing chart?

5 Tips and tricks for using a timing chart

6 Here’s what else to consider

Graphic Design

Rate this article

Thanks for your feedback

More articles on Graphic Design

More relevant reading

How can you use a timing chart to adjust your traditional animation's speed and rhythm?

1

2

3

4

5

6

1 What is a timing chart?

2 Why is timing important?

3 How to create a timing chart?

4 How to use a timing chart?

5 Tips and tricks for using a timing chart

6 Here’s what else to consider

Graphic Design

Rate this article

Thanks for your feedback

Explore Other Skills