What Is Frame-by-Frame Animation and How Is It Used in Games?

Frame-by-frame or cel animation relies on a series of frames depicting motion. When these frames are played in sequence, they create the illusion of movement. It’s the oldest animation technique that we know from classic cartoons. 

‍

It works by showing a rapid sequence of images where each next one is slightly different from the last. In this article, we explain how the method works, what makes it distinct from other animation approaches, and where it’s most effectively used, especially in games.

What Is Frame-by-Frame Animation and How it works

In cel animation, motion is built manually. Each frame is a unique image, so animators aren’t working with a single model or rig, just a reference image. This gives artists full control over how the movement looks at every moment.

‍

Single images or animation frames are displayed quickly — typically at 12, 24, or more frames per second — to create continuous motion. It works like a flipbook, when its pages are turned rapidly and images appear to move. Modern cel animation follows the same concept but executed and produced digitally.  

‍

The frame animation method is widely used across different mediums:

• Traditional and digital animation in film
• 2D game animation (characters, effects, UI)
• Visual effects and stylized motion
• Indie and experimental animation projects

Frame animation as a technique is usually associated with 2D, but that’s not always the case, especially when it comes to stop motion projects. To learn more about the differences between 2D and 3D animation, check out our article:

[[ref:2d-vs-3d-animation-for-games-how-to-choose-the-right-approach]] 

Key Elements of Frame-by-Frame Animation 

There are key components that define how motion in frame animation is structured. The effect of smooth motion is achieved specifically because of the decisions that animators make while translating the visuals from the storyboard.

Frame rate also affects how these elements come together. At lower frame rates, like 12 frames per second, animators often emphasize key poses and reduce in-betweens for a stylized look.

‍

At a faster pace, for example, 24 frames per second, more frames allow for smoother transitions and subtle motion details. However, more frames don’t automatically mean better animation — what matters is how those frames are used.

‍

For more information on timing and the role it plays in animation, check out our article: 

[[ref:how-to-get-timing-in-animation-right]]

Types of Frame Animation and Related Approaches

Frame animation exists in several forms, depending on how the frames are created.

• Hand-drawn animation is the most traditional approach. Each frame is drawn either on paper or digitally, making it the closest to classic animation techniques.
• Digital cel animation follows the same principle but uses software tools for drawing, editing, and playback. This is the most common approach in modern game development.
• Rotoscoping involves tracing over live-action footage frame by frame. This allows animators to capture realistic motion while still stylizing the final result.
• Stop motion is a physical equivalent of cel animation. Instead of drawings, physical objects are moved slightly and photographed frame by frame.

The term frame animation is sometimes used more broadly to describe any animation built from sequential images, but frame-by-frame specifically refers to the process of creating each frame manually rather than generating motion through interpolation.

The Difference Between Straight-Ahead vs Pose-to-Pose Animation

There are two main approaches to building traditional animation: straight-ahead, which requires frames to be drawn sequentially, and pose-to-pose, which relies on key poses. The infographic below explains the main differences between the two. 

The choice between these approaches affects both the workflow and the final result. Straight-ahead animation builds motion frame by frame in sequence, which makes the workflow more exploratory — animators discover the movement as they go. This often leads to more dynamic, fluid, and less predictable results, but it can be harder to control and revise.

‍

Pose-to-pose animation, by contrast, starts with planned key poses, making the workflow more structured and easier to manage. This results in more consistent, controlled motion, with clearer timing and fewer surprises during production.

‍

If your next project is in need of animation services, and you are entertaining the possibility of frame-by-frame, reach out to our team. 

[[cta:Looking for classic animation for your next project?:Let us know the specifics of your game, and we'll get together a production-ready art team that specializes in frame-by-frame.]]]]

Frame-by-Frame Animation Examples

Frame-by-frame animation has a long history and even today it appears in many types of motion. It’s especially advantageous for scenes, where movement needs to feel expressive.

‍

The game Cuphead is inspired by 1930s animation, so for its development, the team chose to go with fully hand drawn style and frame-by frame animation. The developer, StudioMDHR stated that it took about of 25 minutes to draw, ink, scan, color and finalize each frame. 

‍

This game is an example of how modern animators utilize the classic technique. It can be used for different elements of the game. 

• Character movement is one of the most common examples. Walk and run cycles are often built frame by frame to capture subtle shifts in weight, timing, and personality.
• Combat and reactions also benefit from this method. Attacks, hit impacts, and knockback animations rely on exaggeration and precise timing, which are easier to control with manually created animation frames.
• Effects animation is another strong use case. Fire, smoke, magic, explosions, and energy effects often require non-repetitive, organic motion that doesn’t always translate well to rig-based systems.
• UI and feedback elements can also use cel animation. Small transitions, button reactions, or reward effects can feel more responsive when animated manually.

The visual styles can vary widely. Some animations aim for smooth, realistic motion, while others intentionally reduce frame count or exaggerate poses to create a stylized look.

Why Teams Choose Frame-by-Frame 

One of the advantages of frame animation is artistic control. Where most tools help automate the process, this one allows to maintain full control over every character pose or background detail. This allows for:

• Non-repetitive, organic motion that’s difficult to achieve with reusable rigs
• Frame-specific exaggeration that enhances readability in fast gameplay scenarios
• Custom deformation and shape changes that aren’t constrained by a rig

In practice, teams often choose this method when the look of the animation is as important as its function. For example, stylized combat effects or character actions can benefit from custom-drawn frames that emphasize impact and personality.

‍

At the same time, cel animation is typically used selectively—applied to key moments or high-impact elements—while other parts of the pipeline rely on more scalable methods.

When to Use Frame-by-Frame Animation

In 2026, it’s fair to say that classic animation techniques are experiencing a comeback. The 2D frame-by-frame animation renaissance is driven by a shift toward stylization and visual identity in both games and digital media.

‍

It helps that modern tools make the process more accessible than before. While the method is still labor-intensive, it’s easier to integrate into production workflows than it was in purely traditional pipelines. Still, there are better and lesser use cases for this specific animation type. 

In many cases, teams combine cel with other animation methods, using it where it adds the most value.

Limitations of Frame-by-Frame Animation

While powerful, frame animation comes with several constraints that are important to recognize, especially while developing a game:

• This type of animation is time-intensive to produce
• It requires a large number of unique frames
• Changes are harder to implement compared to rigged systems
• Scaling production across large teams or long timelines can be challenging

These limitations don’t make it less valuable, but they simply define where frame-to-frame can be most effective.

FAQ: Animation Frame-by-Frame Explained

Key Takeaways

Frame-by-frame or cel animation is a control-driven approach where every frame is crafted manually, allowing for highly expressive, stylized, and non-repetitive motion. While it demands more time and resources than other methods, it excels in situations where animation quality directly impacts visual identity and player experience. 

‍

Ultimately, the effectiveness of such animation depends not on how much of it is used, but on where and how it’s applied within the pipeline.

Key points to remember:

• Cel animation is best suited for stylized, high-impact elements (combat, effects, key actions)
• It is resource-intensive and less efficient for large-scale or rapidly updating projects
• Most teams combine it with rigged or procedural animation to balance quality and efficiency
• Strategic use makes it practical in modern pipelines
• Strong planning (key poses, timing, scope) is critical to avoid production bottlenecks

If you are interested in including frame-by-frame animation in your game, reach out to our team.

‍