RemNote Community
Community

Introduction to Traditional Animation

Learn the fundamentals of traditional animation, its production workflow, and how those principles translate to modern digital and 3D pipelines.
Summary
Read Summary
Flashcards
Save Flashcards
Quiz
Take Quiz

Quick Practice

What is the hand-drawn method of creating moving pictures by drawing each individual frame?
1 of 18

Summary

Traditional Animation: Fundamentals and Process What Is Traditional Animation? Traditional animation is the hand-drawn method of creating the illusion of motion through rapidly displaying a series of still images. When you watch an animated film, you're not actually seeing continuous movement—you're seeing many individual drawings shown in quick succession, and your brain interprets these drawings as smooth motion. This might seem simple, but it's powerful: traditional animators can control every aspect of movement by drawing it frame by frame. This level of control is why understanding traditional animation principles remains essential, even in our digital era. The Physics of Motion Perception Your brain perceives motion through a phenomenon related to how our eyes process visual information. When still images appear in rapid succession, your brain blends them together into the perception of continuous motion. In film, the standard frame rate is 24 frames per second (fps). This means 24 individual drawings create one second of animation. Why 24 specifically? This rate was historically chosen because it's fast enough for human perception to see smooth motion, while still being efficient for production. Understanding frame rate is crucial because it directly affects how animators plan their work. If an action takes one second to complete, an animator working at 24 fps needs to create (or plan for) 24 drawings. This relationship between frames and time is one of the most fundamental concepts in animation. The Animation Production Pipeline Creating a traditional animation involves several distinct stages. Understanding each step helps you grasp how animators manage the enormous task of creating thousands of drawings. Storyboarding Before a single character moves, animators create a storyboard—a series of rough sketches that map out the action and pacing of a scene. Each panel in the storyboard represents a key moment in the sequence. Think of a storyboard like a comic strip for a film. It doesn't need to be beautiful; its purpose is to plan the timing, composition, and narrative flow. This planning stage prevents animators from wasting time drawing scenes that don't work visually or narratively. Key Animation The next stage involves creating key frames (or key poses)—the most important poses that define the extremes of a motion. A key animator draws these critical positions. For example, if a character jumps, key frames would show the starting position (standing), the peak of the jump, and the landing position. Key frames are the skeleton of animation. They establish the arc and intention of movement without every single frame being drawn yet. In-Between Drawing Once key frames are established, in-between artists (also called tweeners) create the drawings that fill the gaps between key frames. If a key animator draws frames 1 and 10, an in-between artist draws frames 2 through 9, making the movement appear fluid and continuous. This division of labor is practical and efficient. Key animators focus on the most important creative decisions, while in-between artists handle the labor-intensive work of creating smooth transitions. Cel Preparation and Layering All drawings are transferred onto transparent sheets called cels (short for celluloid). The character is painted onto these cels, while the background remains static and unpainted. This layering system is elegant: rather than redrawing the background for every frame, animators layer painted character cels over a single background image. The camera then photographs this composite setup. Photography and Compositing The final stage involves photographing the layered cels against the background. A specialized animation camera captures the composite image frame by frame. This photograph is the actual film frame that audiences will see. The entire process—from storyboard to final photograph—is labor-intensive but produces the polished animation we recognize. Key Principles in Traditional Animation Beyond the production steps, animators must master specific principles that make movement believable and expressive. Frames Per Second and Working "On Twos" Creating 24 drawings per second is expensive and time-consuming. To reduce the workload, animators often use a technique called working "on twos," meaning each drawing is held for two consecutive frames rather than one. This reduces the workload to 12 unique drawings per second while maintaining smooth motion perception. At 24 fps, working on twos creates slightly less fluid motion than animating every frame, but the difference is subtle and acceptable for most animation. The time and cost savings are significant. Timing and Spacing Two related concepts control how movement feels: Timing refers to the number of frames allocated to an action. An action that takes 12 frames will appear faster than the same action taking 24 frames. Animators use timing to control speed and to give characters personality. A heavy character might lumber across the screen slowly (more frames), while a light character might skip quickly (fewer frames). Spacing refers to the distance between successive drawings. Imagine a character walking from left to right. If the drawings are far apart, the character appears to move quickly. If the drawings are close together, the character appears to move slowly. Spacing and timing work together: spacing determines the visual distance covered, while timing determines how many frames are used. Consider a bouncing ball: if you want it to feel heavy and sluggish, you'd use many frames with small spacing between drawings. If you want it to feel light and energetic, you'd use fewer frames with large spacing. Squash-and-Stretch Squash-and-stretch is an exaggeration technique that conveys weight, flexibility, and energy. When an object impacts the ground, it compresses slightly (squash). During motion, it stretches to suggest speed and flexibility (stretch). A rubber ball bouncing naturally exhibits squash-and-stretch. Without this principle, movement feels stiff and lifeless. With it, movement feels energetic and alive. This is one of the most important principles for making animation feel expressive rather than mechanical. Why Traditional Animation Still Matters <extrainfo> You might wonder: if computers can create animation now, why learn traditional methods? The answer is foundational knowledge. </extrainfo> Modern animation software has automated many of the traditional steps. Computers can generate in-between drawings automatically and handle cel painting digitally. However, the underlying principles remain unchanged. The concepts of key poses and timing translate directly to three-dimensional animation. When you use a keyframe editor in 3D software, you're using the same logic as a traditional key animator: you establish important poses and let the software interpolate the in-betweens. Squash-and-stretch remains essential in 3D animation, now implemented through deformation tools and weight controls on digital models rather than redrawing characters. Understanding traditional animation gives you a framework for understanding all animation. The frame-by-frame logic, the importance of timing and spacing, the need for clear key poses—these principles are universal. Whether you animate by hand, use digital tools, or work in three dimensions, you're applying the same fundamental ideas. Even experimental animation techniques that combine hand-drawn elements with mixed media rely on understanding frame-by-frame construction and timing. Mastery of traditional fundamentals enables animators to innovate across diverse visual styles.
Flashcards
What is the hand-drawn method of creating moving pictures by drawing each individual frame?
Traditional animation
How does traditional animation create the illusion of motion?
By rapidly displaying a series of still images
What are the rough sketches that map out the action and timing of a scene called?
Storyboards
What are the most important poses that define the extremes of a motion called?
Key frames
What do key frames establish in an action like a character's jump?
The start and end points
What is the role of an in-between artist in animation production?
Creating drawings to fill the gaps between key frames
What is the primary visual purpose of adding in-betweens to an animation?
Making movement appear fluid and continuous
What are the transparent sheets onto which animation drawings are transferred?
Cels (short for celluloid)
How is a final scene composed using painted cels?
By layering them over a static background
In animation, what does the term "timing" specifically refer to?
The number of frames allocated to an action
What does it mean when an animator works "on twos"?
Holding each drawing for two frames
What is the resulting frame count per second when working "on twos"?
12 drawings per second
In animation, what does the term "spacing" refer to?
The distance between successive drawings
How does wider spacing between drawings affect the perceived speed of motion?
It creates faster motion
What effect does tighter spacing have on the speed of an animated movement?
It creates slower motion
Which principle exaggerates elasticity by compressing objects on impact and elongating them during motion?
Squash-and-stretch
What three physical qualities does the squash-and-stretch principle convey in characters?
Weight Energy Flexibility
Which traditional animation concepts translate directly to 3D keyframe editors?
Key poses and timing

Quiz

What is the primary task of a key animator?
1 of 5
Key Concepts
Animation Techniques
Traditional animation
Digital animation
Key animation
In‑betweening
Squash and stretch
Timing (animation)
Animation Production Process
Storyboarding
Frames per second
Cel (animation)
3D animation pipeline