What is frame by frame animation?
Short answer
Frame-by-frame animation is a technique where each movement in a sequence is drawn, photographed, or manipulated individually. By playing these static images in rapid succession, the human eye perceives fluid motion through persistence of vision. This foundational method remains the primary way to achieve precise, character-driven performances in both traditional and digital media.
On this page
How does frame-by-frame animation work?
Frame-by-frame animation relies on the principle of persistence of vision, a phenomenon where the brain retains an image for a fraction of a second after it disappears. By displaying a series of slightly altered images at a consistent speed, typically 12 to 24 frames per second, the illusion of continuous movement is created. Each frame acts as a distinct snapshot of a character or object at a specific point in time.
Historically, this process involved artists drawing every frame on physical paper or transparent celluloid sheets known as cels. Today, the process often occurs within digital software, though the core requirement remains the same: the animator must define the position of the subject for every single frame. This labor-intensive approach allows for total control over the nuances of performance, such as squash and stretch, weight, and timing, which are essential for creating believable, expressive movement.
What is the history of frame-by-frame animation?
The roots of frame-by-frame animation trace back to the late 19th century with devices like the zoetrope and the phenakistoscope. These early inventions used rotating drums or disks to display sequential drawings, creating the first rudimentary loops of motion. By the early 1900s, pioneers like Émile Cohl and Winsor McCay elevated the craft, with McCay’s 1914 film Gertie the Dinosaur becoming a landmark for character personality.
The golden age of animation, spanning the 1930s to the 1950s, saw studios like Disney and Warner Bros. refine the process. They introduced the multiplane camera and standardized workflows, allowing for complex, multi-layered scenes. While digital tools have since transformed the industry, the fundamental technique of hand-drawing or manipulating individual frames remains the gold standard for high-quality, artistic animation.
How to get started with frame-by-frame animation
Beginners should focus on mastering simple exercises before attempting complex character narratives. The most common starting point is the "bouncing ball" exercise, which teaches the principles of timing, spacing, and arcs.
- Set your frame rate to 12 frames per second to reduce the initial workload.
- Draw a ball at the top of the screen on the first frame.
- Draw the ball at the bottom of the screen on the sixth frame, making it slightly squashed to show impact.
- Draw the ball returning to the top on the twelfth frame.
- Add "in-between" frames to smooth out the motion and adjust the spacing to simulate gravity.
- Keep your drawings simple to avoid frustration.
- Use a light table or digital onion-skinning feature to see previous frames.
- Focus on the path of action rather than fine details.
- Practice consistent line quality to prevent flickering during playback.
What are common mistakes when animating frame-by-frame?
One of the most frequent errors is inconsistent spacing, which causes the animation to look jittery or "floaty" rather than fluid. If the distance between an object's position in one frame and the next is not proportional to its speed, the movement will feel unnatural. Another mistake is neglecting the "line of action," which keeps the character's pose clear and readable throughout the sequence.
- Failing to plan the motion with rough sketches before detailing.
- Ignoring the volume of the object, causing it to grow or shrink between frames.
- Animating too many frames, which can lead to "swimming" lines and muddy motion.
- Overlooking the importance of "snappy" timing, which gives weight to movements.
- Rushing the "in-betweens" without considering how the object accelerates or decelerates.
How long does it take to animate frame-by-frame?
The time required for frame-by-frame animation varies significantly based on the complexity of the subject and the desired level of polish. A professional animator might produce only a few seconds of finished, high-quality character animation in an entire week. For a simple project, a beginner might spend several hours just to complete a three-second clip of a character walking or waving.
Efficiency depends heavily on the animator's ability to simplify complex shapes and use "keyframes" to define the most important poses. Keyframes act as the anchors for the motion, while the remaining frames are filled in to connect those poses. By mastering the workflow of sketching, refining, and then cleaning up the lines, animators can significantly reduce their production time. Despite the time commitment, the unique, tactile quality of frame-by-frame animation ensures it remains a vital skill for storytellers who prioritize artistic expression and emotional impact over automated efficiency.
Key facts
- Frame-by-frame animation involves drawing or manipulating an object slightly differently for every single frame of a sequence.
- Standard film and television animation typically runs at 24 frames per second (fps), meaning 24 unique drawings are required for one second of movement.
- Animators often work "on twos," meaning one drawing is held for two frames, effectively reducing the workload to 12 drawings per second.
- The technique is the oldest form of animation, dating back to the late 19th century with pioneers like Émile Reynaud.
- Keyframes define the start and end points of a movement, while "in-betweens" fill the gaps to create smooth transitions.
- Maintaining consistent proportions across hundreds of drawings is the most significant challenge for beginners using this method.
The bottom line
Frame-by-frame animation is the foundational technique of creating motion through a sequence of individual, unique images. By meticulously crafting each pose, artists achieve a level of artistic control and fluidity unmatched by automated software tools. While labor-intensive and demanding of patience, this traditional method remains the gold standard for high-quality character performance, providing a distinct, handcrafted aesthetic that brings static drawings to life.
People also ask
What is the difference between frame-by-frame and tweening?
Frame-by-frame requires the artist to manually create every movement, whereas tweening uses software to automatically calculate the motion between two defined keyframes. Tweening is faster but often produces a more mechanical, less organic aesthetic.
How do I prevent my animation from looking shaky?
Use a "light table" or "onion skinning" feature to see the previous frame beneath your current drawing. This allows you to trace or reference the exact position of your character to ensure stability and fluid motion.
Is it necessary to draw 24 frames for every second?
No, many professional animators use "limited animation" techniques by holding drawings for two or three frames. This style is common in anime and helps artists focus on key poses rather than every minor movement.
What are the most common tools for frame-by-frame animation?
Traditional animators use paper, pencils, and peg bars, while digital artists use software like Adobe Animate, Toon Boom Harmony, or Procreate. These digital tools provide digital layers and onion skinning to streamline the process.
What is "squash and stretch" in this context?
This is a principle of animation where an object deforms to emphasize speed or impact. By squashing an object on impact and stretching it during movement, you add a sense of weight and life to your drawings.
How long does it take to create a one-minute animation?
Depending on the complexity, a single minute of frame-by-frame animation can take weeks or months to complete. A professional team may produce only a few seconds of finished footage per week.
This answer was created with the help of AI research tools and reference sources. Spotted an error? Let us know — we correct mistakes quickly. See our editorial policy.