2d animation frame rates explained?

Imagine watching your favorite cartoon — the smooth motion of a character running, the subtle blink of an eye, the way every frame seems alive. That seamless flow doesn’t happen by magic. It’s all thanks to frame rate — the heartbeat of 2d animation. Without the right frame rate, even the most beautifully drawn scenes can feel jerky or lifeless.

Every animated masterpiece, from timeless Disney classics to today’s indie web series, relies on the delicate balance of frames per second (FPS). The number of images shown per second determines how fluid or stylized the movement appears. Understanding how frame rates work gives animators creative control — to decide whether an action feels snappy, natural, or dreamlike.

Whether you’re an aspiring animator, a film student, or just a fan of animation, learning about 2d animation frame rates opens up a fascinating layer of storytelling. It helps you appreciate why a vintage cartoon feels so different from modern digital animation — and how timing and rhythm can shape emotion, energy, and realism.

By the end of this guide, you’ll understand not only what frame rates are but also how to choose the right one for your own projects. You’ll discover industry standards, how traditional and digital animators approach timing, and how to make motion truly come alive. Let’s dive in!

What Is Frame Rate in 2D Animation?

In simple terms, frame rate refers to the number of individual images (frames) displayed per second in a moving sequence. It’s measured in frames per second (FPS). The higher the frame rate, the smoother the motion appears.

For example:

• 12 FPS = 12 drawings displayed every second

• 24 FPS = 24 drawings displayed every second

Each frame is like a still photo. When shown rapidly in sequence, our eyes perceive continuous motion — a phenomenon known as persistence of vision.

In 2d animation, controlling frame rate allows animators to fine-tune how the audience perceives movement — whether it’s fast-paced, choppy, or buttery smooth.

The History of Frame Rates in 2D Animation

Early Experiments

In the early 1900s, pioneers like Winsor McCay were experimenting with hand-drawn 2d animation on celluloid sheets. Frame rates varied widely because everything was done manually. Some early shorts used as few as 8–10 frames per second to save time and materials.

The Rise of 24 FPS

As film technology advanced, 24 frames per second became the standard for motion pictures. This rate offered a perfect balance: smooth enough for realism, yet economical for production. Since animation was projected on film alongside live-action, animators adopted 24 FPS as their base rate too.

Television and Limited Animation

When TV became popular in the 1950s, animation studios sought cheaper ways to produce content. Shows like The Flintstones or Scooby-Doo used limited animation, often animating “on twos” or “on fours” (explained later). This allowed fewer drawings per second without sacrificing storytelling.

Today, digital tools make it easier to experiment, but those foundational frame rate principles remain the same.

Understanding “On Ones,” “On Twos,” and “On Threes”

One of the first things animators learn is how to animate on ones, on twos, or on threes. These terms describe how many frames each drawing stays on screen.

• On Ones – A new drawing every single frame (24 drawings per second).

  • Smoothest possible motion.

  • Used for fast actions or high-quality animation (like feature films).

• On Twos – One drawing every two frames (12 drawings per second).

  • Standard for most 2d animation.

  • Saves time and keeps motion natural without extra work.

• On Threes or Fours – One drawing every three or four frames.

  • Common for slow actions, background movements, or stylized looks.

  • Often used in anime and limited TV animation.

By mixing these frame rates within a single scene, animators create rhythm and variation. Fast scenes might use “ones,” while dialogue scenes use “twos” to save effort.

The Science Behind Smooth Motion

Human vision perceives continuous motion around 10 to 12 FPS, but smooth realism typically requires 24 FPS or higher. At lower rates, motion feels choppy — useful for stylized effects. Higher rates like 48 FPS or 60 FPS can make animation appear hyper-realistic, sometimes even too real for hand-drawn art.

In 2d animation, it’s not always about maximum smoothness. Sometimes, a slightly choppy rhythm feels more artistic or expressive. The charm of animation often lies in its exaggeration, not realism.

Why Frame Rate Matters in 2D Animation

1. Motion Quality

Frame rate directly affects how fluid motion looks. A higher FPS feels smoother, while a lower one can feel stylized or “stop-motion” like.

2. Production Time

Each frame must be drawn, colored, and composited. Doubling the frame rate doubles the workload. That’s why most 2d animation projects use 12 FPS for efficiency.

3. Visual Style

Different frame rates give unique aesthetic qualities:

• 12 FPS = classic, cartoon-like motion.

• 24 FPS = cinematic, realistic motion.

• 8 FPS = vintage or experimental look.

4. Budget Constraints

Professional studios balance quality and cost. A 10-second scene at 24 FPS needs 240 frames. At 12 FPS, only 120 — saving time, money, and effort.

Common Frame Rates in 2D Animation

Each rate serves a different artistic purpose. The key is matching the frame rate to your project’s mood, pacing, and technical needs.

The Art of Timing in 2D Animation

Timing defines how long an action takes — and it’s deeply tied to frame rate.

If a character jumps in one second at 24 FPS, that’s 24 drawings. At 12 FPS, it’s 12 drawings. The movement lasts the same duration but with fewer poses, so the animator must exaggerate key positions to maintain clarity.

Good timing brings emotion to life:

• Fast actions = excitement or panic

• Slow actions = grace or weight

• Even pacing = calm or robotic feel

Master animators study timing charts and spacing to make motion believable at any frame rate.

Frame Rates in Traditional Hand-Drawn Animation

Classic studios like Disney, Warner Bros., and Studio Ghibli perfected the use of frame rates decades ago.

Disney’s Approach

Disney’s Snow White (1937) and Beauty and the Beast (1991) often animated “on twos,” switching to “ones” only during intense motion sequences. The result: smooth yet efficient motion.

Warner Bros. Cartoons

Looney Tunes shorts used lower frame rates for slapstick energy. Exaggerated timing made each movement pop, proving that 2d animation doesn’t need high FPS to feel alive.

Anime Techniques

Japanese studios often use 8–12 FPS, relying on stylized movement and strong key poses. The focus is on storytelling and expression, not hyper-realism.

Frame Rates in Digital 2D Animation

With digital tools like Toon Boom, Adobe Animate, and OpenToonz, animators can easily experiment with timing and frame duplication.

Digital pipelines often use 24 FPS as the project frame rate, but animators still work “on twos” or “on threes.” The computer simply repeats frames automatically — saving hours of manual effort.

Digital technology also allows for hybrid styles, such as combining 2d animation with 3D elements or interpolated motion for smoother playback.

The Relationship Between Frame Rate and Motion Blur

In live-action, motion blur occurs naturally as a result of camera exposure. In 2d animation, artists must simulate it by smearing drawings, duplicating limbs, or using speed lines.

At lower frame rates (like 12 FPS), adding motion blur tricks the eye into perceiving smoother motion. This is common in anime fight scenes, where stylized smears create energy without increasing frame count.

Choosing the Right Frame Rate for Your Project

Selecting a frame rate depends on several factors:

1. Purpose

• TV shows and web series: 12 FPS for cost efficiency.

• Feature films: 24 FPS for cinematic smoothness.

• Games or apps: 30–60 FPS for responsiveness.

2. Style

If your style is sketchy or experimental, lower frame rates can enhance charm. Clean, realistic animation benefits from higher FPS.

3. Budget and Time

Remember: more frames mean more work. A 5-minute short at 24 FPS can take twice as long to produce as one at 12 FPS.

4. Software and Output

Make sure your export settings match your intended platform (YouTube, TV, cinema). Mismatched FPS can cause stuttering or audio sync issues.

How Frame Rates Affect Viewer Perception

Viewers subconsciously feel differences in frame rate:

• 12 FPS feels like “animation.”

• 24 FPS feels “cinematic.”

• 48 FPS feels “real,” almost unsettling for hand-drawn art.

Psychologically, our brains associate lower FPS with stylization and fantasy. That’s why most 2d animation stays between 12–24 FPS — balancing clarity and charm.

Frame Rates and Storytelling

Frame rate isn’t just a technical detail — it’s a storytelling tool. The pacing of your animation can influence emotion and tension.

For example:

• A slow-motion emotional scene might hold frames longer.

• A fast chase might switch “on ones” for intensity.

• A dream sequence could use fewer frames to feel surreal.

Mastering timing means mastering storytelling through motion.

Tools and Software for Managing Frame Rates

Modern 2d animation software provides full control over timing and FPS:

• Toon Boom Harmony – Professional industry tool used by Disney TV and Nickelodeon.

• Adobe Animate (Flash) – Great for web and 2D video projects.

• OpenToonz – Open-source tool used by Studio Ghibli.

• Krita and Blender (Grease Pencil) – Free options for digital artists.

These tools allow animators to preview, adjust, and experiment with frame rates easily — something traditional animators could only dream of.

Common Mistakes Beginners Make with Frame Rates

1. Mixing FPS settings – Always set your project FPS before animating. Changing later causes timing issues.

2. Over-smoothing – Higher FPS isn’t always better; it can make motion feel mechanical.

3. Ignoring timing – Frame rate alone doesn’t create good motion. Strong key poses matter more.

4. Export mismatches – Rendering a 24 FPS animation at 30 FPS can cause ghosting or lag.

Case Studies: Frame Rates in Iconic 2D Animations

Spider-Man: Into the Spider-Verse (2018)

Although primarily 3D, it mimics 2d animation principles. Some scenes animate “on twos” to enhance stylization and contrast with smoother characters.

The Lion King (1994)

A mix of “ones” and “twos” brought natural fluidity to lifelike movement, proving how 24 FPS can look hand-crafted when used wisely.

Attack on Titan (Anime)

Often animated at 8–12 FPS, but uses dynamic camera movement and effects to appear much smoother — a testament to the power of strong composition and timing.

The Future of Frame Rates in 2D Animation

Technology continues to evolve. With AI-assisted inbetweening and interpolation, animators can now simulate higher frame rates without drawing every frame. However, the artistic choice remains vital.

The future may blend 2d animation charm with 3D smoothness, but the human touch — timing, rhythm, and creative control — will always define great animation.

Practical Tips for Animators

1. Start simple: Work at 12 FPS for practice.

2. Experiment: Try mixing frame rates within scenes for variety.

3. Use timing charts: Plan keyframes before drawing in-betweens.

4. Watch references: Study classic animations at different FPS levels.

5. Prioritize clarity: Always favor strong poses over excessive smoothness.

Frame Rate Myths Debunked

• “More frames = better animation” → Not always true. Too smooth can lose character.

• “All professional animations are 24 FPS” → Many top shows use 12 FPS efficiently.

• “Digital animation eliminates timing issues” → Timing still depends on artistic choices.

How Frame Rates Affect Editing and Compositing

During post-production, editors sync sound, effects, and transitions based on frame rate. Inconsistent FPS can cause:

• Audio desync

• Flicker or jitter

• Uneven pacing

Keeping consistent FPS from storyboard to final render ensures professional-quality output.

Comparing 2D and 3D Animation Frame Rates

While 2d animation often works on 12–24 FPS, 3D animation tends to stay at 24–30 FPS for realism. The difference lies in how motion is created:

• 3D uses interpolation (software fills in in-betweens).

• 2D relies on hand-drawn frames.

That’s why 2D’s charm lies in imperfection — those subtle, deliberate jerks and holds that give it soul.

The Emotional Impact of Frame Rate

Low FPS can make scenes feel raw or nostalgic, while high FPS feels immersive and modern. Directors often use frame rate intentionally to evoke emotion.

For example, Paperman (Disney short) used hybrid 2d animation with subtle frame timing to blend traditional warmth with digital precision.

Final Thoughts on Mastering Frame Rates

Understanding frame rates isn’t about memorizing numbers — it’s about mastering rhythm. The right frame rate gives weight to a punch, grace to a dance, or emotion to a glance.

The magic of 2d animation lies in timing, not technology. Whether you animate at 8 FPS or 24 FPS, your choices shape how the story feels.

Conclusion

Frame rate is the invisible language of motion. It defines how audiences experience your art — whether it’s nostalgic, energetic, or cinematic.

In 2d animation, each frame is a brushstroke of time. Knowing when to hold and when to move separates amateurs from masters. From traditional cel animation to digital workflows, understanding frame rates gives you creative power.

Remember: it’s not about how many frames you draw — it’s about what those frames say.