Frame-by-frame animation is one of the oldest and most expressive forms of animation ever created. From classic Disney films and Japanese anime to modern indie games and stylized animated movies, this technique has remained a core part of the animation industry for decades.
Unlike rigged or cut-out animation, frame-by-frame animation involves drawing or creating each frame individually to produce movement. Because every pose is crafted manually, the final result often feels more organic, expressive, and emotionally dynamic.
Although frame-by-frame animation is more time-consuming than many modern techniques, it continues to be widely used because of its artistic flexibility and distinctive visual appeal.
In this guide, we’ll explain what frame-by-frame animation is, how it works, where it is used, and why it remains one of the most important animation techniques in modern production.
Need 2D Animation Services?
Visit our 2D Animation Service page to see how we can help bring your ideas to life!
What is Frame-by-Frame Animation?
Frame-by-frame animation is a technique where every individual frame of movement is created separately to produce the illusion of motion.
Instead of moving a rigged puppet or reusing existing poses, 2D animators manually create each drawing or image one frame at a time. When these frames are played back rapidly in sequence, the character or object appears to move naturally.
Traditional hand-drawn animation was originally created this way using paper drawings photographed frame by frame. Today, the same technique is commonly used digitally with animation software and drawing tablets.
How Frame-by-Frame Animation Works
Frame-by-frame animation relies on creating a sequence of images that gradually change over time to simulate movement.
Keyframes
Animators usually begin by creating keyframes, which represent the most important poses in a movement. These poses define the timing, emotion, and major actions of the animation.
Keyframes act as the foundation of the scene and establish how the movement should feel. Read more about keyframe animation tips.
Inbetweens
After the keyframes are completed, additional drawings called inbetweens are created between them. These frames, created by an inbetweener, smooth out the motion and help transitions feel natural.
The number of inbetweens affects the fluidity and speed of the animation.
Timing and Spacing
Timing controls how fast actions happen, while spacing controls how objects move between frames.
Good timing and spacing are essential for creating believable movement, weight, and energy.
Cleanup
Once the rough animation is approved, artists clean the drawings by refining lines and improving consistency between frames.
This stage ensures the final animation looks polished and production-ready.
Coloring and Compositing
After cleanup, artists apply colors, lighting effects, shadows, and compositing adjustments. The final animation is then assembled with backgrounds, effects, and sound.
History and Evolution of Frame-by-Frame Animation
Frame-by-frame animation has existed since the earliest days of animation history.
Traditional cel animation became popular in the early 20th century through studios such as Disney, Warner Bros., and Fleischer Studios. Animators created every frame by hand on paper before transferring the drawings onto transparent acetate cels for filming.
Classic animated films such as Snow White, Pinocchio, and The Lion King relied heavily on frame-by-frame workflows.
Japanese anime also became strongly associated with frame-by-frame techniques, although many productions used limited animation methods to reduce production costs.
Today, frame-by-frame animation continues evolving through digital 2D production pipelines while still maintaining its traditional artistic principles.
Types of Frame-by-Frame Animation
Frame-by-frame animation is not a monolithic process. Over the years, it has evolved in many forms and each form had some characteristic attributes and applications. Familiarity with various variants is beneficial to animators as well as customers while selecting the most appropriate technique for their piece of work or business objective.
1. Traditional Frame-by-Frame Animation
Frame-by-frame animation was traditionally created using physical material. It was usually made either using pen and paper or drawn on transparent celluloid sheets. The term cel animation refers to the technique that animation production companies like Walt Disney used to produce frame-by-frame animations. They used static images on those transparent sheets, stacked them on top of each other to create complex scenes and new movements. Drawings were meticulously colored with ink and finally photographed by cameras to produce films.
We also have hand-drawn frame-by-frame animation, which is considered to be a type of traditional frame-by-frame animation. It can be done on paper or digital tablets, and as you can tell from its name, it is done by hand only.
Best known for:
- Disney classics (Cinderella, Sleeping Beauty)
- Studio Ghibli movies (My Neighbor Totoro, Spirited Away)
2. Digital Frame-by-Frame Animation
The digital revolution and the advent of computers and graphics tablets heralded a new age of animation and transformed the way frame-by-frame animation is made. Although the core principle in creating this type of animation remains the same, physical materials and photographs in creating frame-by-frame animation are no longer used.
In digital frame-by-frame animation, pen and pencils are replaced with graphics tablets, frame-by-frame animation software has replaced papers and celluloid sheets with drawing canvases and techniques such as onion skinning, ink has been replaced by coloring features in graphics software and films are substituted with rendering software. Despite their differences, there are things that traditional and digital animation have in common, such as the general principles of animation.
Used in:
- Independent short films
- Stylized music videos
- Mobile game character animations
3. Rotoscoping
Rotoscoping is the process where the animators hand-draw over live-action on a frame-by-frame basis in order to achieve realistic movement. Usually done using projectors and acetate sheets, it’s a common digital process today used to blend realism with hand-drawn appearances.
Applications:
- Fantasy or surreal special effects
- Animated documentaries
- Video games like Prince of Persia (the original 1989 version)
4. Stop-Motion Animation
Although not technically drawn, stop-motion animation is also covered under the wide category of frame-by-frame techniques. It is a technique where actual models or puppets are photographed one frame at a time, with slight variations between frames to animate objects. It has the same hand-crafted, labor-intensive process and aesthetic as traditional animation.
Good examples:
- Coraline
- The Nightmare Before Christmas
5. Pixel Art Frame-by-Frame Animation
Pixel animation in video games and retro games is a skilled but growing form of frame-by-frame animation. Each sprite or motion is done hand-drawn pixel by pixel, creating an old-school look that’s nostalgic.
Applied to:
- Indie games (Celeste, Undertale)
- Mobile games
- Animated GIFs
6. Flipbook Animation
Flipbook animation is an extremely ancient and primitive form of frame-by-frame animation where drawings are done in a sequence on the pages of a book or a notepad, with each drawing showing a small progression in movement. When pages are flipped rapidly, the drawings appear to move, and a perception of movement is generated.
Every page is a single frame of the animation sequence. Flipbook animation relies only on held-out frames, and it is thus a very good source for learning about the fundamentals of animation, such as timing, spacing, and motion. Simple as it seems, it was the foundation upon which more refined types of animation evolved and remains used today for instructional and simple creative work.
Examples:
- Andymation’s Flipbooks
- The Flippist (Ben Zurawski) Flipbooks
- Disney Flipbooks
Traditional Cel Animation vs Digital Frame-by-Frame Animation
Traditional cel animation relied on physical paper drawings, ink, paint, and photography equipment. Every frame had to be drawn manually and photographed individually.
Modern digital frame-by-frame animation uses software such as Toon Boom Harmony, TVPaint, Blender Grease Pencil, and Adobe Animate. Artists now draw directly on tablets and can edit frames digitally without needing physical cels.
Digital workflows greatly improve:
- production speed
- revision flexibility
- coloring efficiency
- compositing
- asset management
Read More: Frame by Frame 2D Animation Cost
Frame-by-Frame Animation vs Rigged Animation
Frame-by-frame animation and rigged animation are both popular production techniques, but they work very differently.
Rigged animation uses digital puppets controlled through skeleton systems and reusable controls. This allows animators to produce scenes more quickly and efficiently.
Frame-by-frame animation requires creating each pose individually, which takes much longer but allows more artistic freedom and expressive movement.
Rigged workflows are often used for:
- TV animation
- explainer videos
- fast production pipelines
Frame-by-frame animation is usually preferred for:
- cinematic acting
- stylized movement
- exaggerated animation
- artistic productions
Advantages of Frame-by-Frame Animation
rame-by-frame animation offers an extremely high level of creative control and visual flexibility.
Animators can push poses, exaggerate movement, and create unique motion styles that are difficult to achieve with rigs alone.
The technique also produces:
- stronger acting
- more expressive motion
- organic movement
- handcrafted visual appeal
Disadvantages of Frame-by-Frame Animation
The biggest disadvantage of frame-by-frame animation is the amount of time and labor required.
Since every frame must be created manually, production can become very expensive and resource-intensive.
Complex scenes with detailed characters, effects, or multiple camera angles may require enormous amounts of work.
This is why many animation studios use limited animation or hybrid workflows to reduce production costs.
Frame-by-Frame Animation in Games
Frame-by-frame animation is widely used in game art design, especially in stylized and indie productions.
Many 2D games rely on frame-by-frame animation for:
- character attacks
- movement cycles
- combat effects
- facial expressions
- environmental animation
Fighting games often use highly detailed frame animation to create responsive combat and exaggerated motion.
Pixel art games also commonly use frame-by-frame animation to bring sprite characters to life.
Because frame-by-frame animation allows complete artistic control, it is especially popular in stylized platformers and indie games.
Best Software for Frame-by-Frame Animation
Several professional tools are commonly used for frame-by-frame animation production.
Toon Boom Harmony is one of the industry standards for TV and film animation. TVPaint is highly popular among traditional animators because of its natural drawing workflow.
Adobe Animate is commonly used for web animation and simpler productions, while Blender Grease Pencil allows artists to combine 2D animation with 3D workflows.
OpenToonz and RoughAnimator are also popular options for independent creators and smaller productions.
What Are the Steps for Creating a Frame-by-Frame animation?
Based on the script, every animation project usually starts with pre-production steps such as script writing, concept art, and storyboarding.
Scripts
While not obvious to everyone, scripts are probably the most pivotal element in an animation project. Scripts determine character designs and environment designs, they decide how lengthy a project should be and even what art style the directors should aim for. It is based on the script that directors even decide to opt for a frame-by-frame 2D animation style or some other styles like cut-out animation. A powerful and intriguing script is key to an animation project’s success.
Concept Art
In animation, concept art is a visual artwork that develops ideas for characters, environments, creatures and so on. The main artistic look of a project is conveyed through concept art. Artists use concept art to guide the creation of the project based on the script and directors’ guidelines. Detailed concept art can help push the project forward by defining a clear art style every team member should aim for.
Storyboarding
Storyboards are visual organizers that help lay out the sequence of shots in a video. Storyboards are crucial in determining how each drawing in a frame-by-frame animation project should look. They specify the angle from which characters should be displayed, the environment in which they should be placed and the whole process of environmental storytelling, the interactions they will have, and so much more. Having a proper storyboard minimizes production costs by pinpointing exactly what should be created, thus reducing the cost of recreating shots. After these steps, a frame-by-frame animation usually moves to the production stage. In this stage the actual animation is made, voiceovers are recorded.
Animation
This is the flesh of a frame-by-frame animation project. This is where the animation studio starts drawing and animating shots onto individual frames and relies on animation software to actually create the videos. Based on the scope of a project, one or multiple animators spend hours meticulously drawing characters posing in all kinds of poses that will be pieced together to create the final animation.
These sequences typically begin with loose drawings, which are then tightened up, inked, and painted. The animators must make the transitions smooth and the animation style consistent across all the frames. Upon finishing, the frames are put together and timed precisely to the music and pacing desired, breathing life into the characters and locations with fine, hand-drawn motion.
Voiceovers
Voiceovers are also a part of the production stage in an animation project. Dialogues between characters and sound effects are recorded in this stage and meticulously synced with characters’ facial and lip movements. The syncing process is also a time-consuming task in a frame-by-frame animation pipeline since drawing different mouth shapes for each distinct sound takes a lot of time.
After creating animations and recording voices, it is time for video editing and visual effects. These stages are part of the post-production stage that is the final step in producing frame-by-frame animation.
Video Editing and Visual Effects
In this step, animated clips and their corresponding sound are imported into video editing software like Adobe Premiere to create the movie sequence. Editing is not as time-consuming as the animation step, but it is where directors are the most active. Deciding on shot sequence and transition speed is not trivial. Visual effects are the final touch that affect the feel and harmony of an animation project. Adjusting lighting, compositing, and rotoscoping are visual effects that are very crucial post-processing steps.
Examples of Iconic Frame-by-Frame Animation Projects
Throughout the course of animation history, the best and longest-lasting visual pieces were all usually frame by frame. They span film, television, and computer games and are evidence of the emotionally rich, visual richness, and storytelling magic frame-by-frame animation can uniquely present.
Classic Disney Movies (Golden Age of Animation)
Example works: Snow White and the Seven Dwarfs (1937), Cinderella (1950), The Little Mermaid (1989)
Disney classics set the gold standard for traditional hand-drawn animation. Each frame was painstakingly hand-drawn by masters like the legendary “Nine Old Men.” Movement smoothness, expressive character design, and emotional richness of the classics were made possible only because of the time-consuming frame-by-frame technique. They are still taught in animation schools today as masterclasses in timing, motion, and design.
Studio Ghibli Films (Japan's Handcrafted Legacy)
Big films: Spirited Away (2001), My Neighbor Totoro (1988), Princess Mononoke (1997)
Studio Ghibli, directed by Hayao Miyazaki and Isao Takahata, brought hand-drawn animation to new and unseen levels. Silken movement in every frame, intricate backgrounds, and depth of feelings. Their frame-by-frame technique lends reality to the human aspect of animation, and thus their films are a commercial success as well as a critical success.
Frame Rates in Frame-by-Frame Animation
Frame rate plays a major role in how frame-by-frame animation feels visually.
Traditional animation is commonly produced at 24 frames per second, although many scenes are animated “on twos,” meaning each drawing is exposed for two frames. This effectively creates 12 unique drawings per second while maintaining smooth playback.
Animating “on ones” creates smoother and more fluid movement because every frame is unique. However, it also requires significantly more work.
Different frame rates are often used intentionally to create specific artistic styles and motion characteristics.
Is Frame-by-Frame Animation Dead?
Despite the rise of rigged animation and 3D pipelines, frame-by-frame animation is far from dead.
Many modern productions continue using frame-by-frame techniques because audiences still strongly connect with handcrafted motion and expressive animation styles.
Films such as Spider-Verse helped popularize stylized animation again by combining frame-by-frame principles with modern 3D technology.
Anime, indie games, music videos, and experimental animation continue relying heavily on frame-by-frame workflows today.
Future of Frame-by-Frame Animation in a Digital World
Modern animation pipelines are increasingly blending traditional frame-by-frame techniques with digital tools and AI-assisted workflows.
AI technologies may help speed up:
- cleanup
- coloring
- interpolation
- asset organization
However, the artistic decision-making and expressive movement created by skilled animators remain extremely difficult to automate.
Hybrid workflows combining 2D and 3D techniques are also becoming more common as studios experiment with new visual styles and production methods.
Closing Words
Frame-by-frame animation remains one of the most expressive and artistically powerful techniques in the animation industry. From classic Disney films and anime to modern indie games and stylized animated productions, the technique continues shaping how audiences experience movement and storytelling.
Although frame-by-frame animation is time-consuming and labor-intensive, its handcrafted feel, expressive motion, and artistic flexibility make it one of the most visually distinctive forms of animation ever created.
As digital tools continue evolving, frame-by-frame animation will likely remain an essential part of both traditional and modern animation pipelines for many years to come.
