Skip to content
explainroo
Explainer videos

Hand-Drawn Animation: Techniques, Styles and Tools

Updated 9 min read Published by Vincent Schmalbach, written with Unspar

On this page
  1. How Hand-Drawn Animation Works
  2. Traditional Cel Animation
  3. Limited Animation Reduces Repeated Drawing
  4. Common Hand-Drawn Techniques
  5. Styles That Shape the Finished Look
  6. Tools for Hand-Drawn Animation
  7. A Practical Workflow for Beginners
  8. Hand-Drawn Animation Compared With CGI

Hand-drawn animation creates movement by showing a sequence of drawings in rapid succession. An animator changes the character’s pose, expression, or position from one frame to the next, and the completed sequence creates the impression of motion. Depending on the production process, this method is also called traditional animation, classical animation, or cel animation.

You can make the drawings on paper, on transparent sheets, or in digital animation software. Modern productions often use digital drawing and compositing while keeping the frame-by-frame principles of traditional animation. The best approach depends on the project: cel techniques suit layered character scenes, limited animation reduces drawing time, and digital tools make revisions and compositing easier.

A beginner should start with a short action, such as a bouncing ball or a blinking character. That exercise teaches timing, spacing, key poses, cleanup, and frame management without the workload of a full scene.

How Hand-Drawn Animation Works

Hand-drawn animation depends on frame-by-frame drawing. Each frame contains a slightly different image. When the frames play in sequence, the viewer perceives continuous movement.

Most productions start with a script and storyboard. A storyboard turns the written action into planned shots. It shows camera framing, character poses, and major story beats. Storyboard artists may redraw a sequence several times before the director approves it, as described in traditional animation production.

The approved storyboard then guides several connected stages:

  1. Layout sets the background, camera position, character placement, and major poses.
  2. Key animation sets the main positions in an action.
  3. In-between animation fills the movement between the key poses.
  4. Cleanup standardizes lines and corrects drawing inconsistencies.
  5. Color and compositing add color, backgrounds, effects, and camera movement.
  6. Editing and sound combine the images with dialogue, music, and effects.

Animators plan movement through timing and spacing. Timing controls how long an action takes. Spacing controls how far an object moves between frames. Equal spacing produces steady movement, while changing the spacing creates acceleration, deceleration, impact, or weight.

Each second of hand-drawn footage contains 12 to 24 drawings, although the exact number depends on the style and action. Some scenes repeat a drawing for several frames, while fast or expressive movement receives more distinct drawings. Beginning with a short sequence at a lower drawing rate helps an animator focus on motion rather than production volume.

Traditional Cel Animation

Cel animation keeps moving artwork separate from the background. The animator draws characters and other moving objects on clear celluloid sheets called cels, then places them over painted backgrounds. The animator applies the outline and color to each cel and photographs it with the background underneath. Adobe provides an overview of the cel animation process.

This separation prevents the animator from redrawing the background for every frame. A character can move across a stationary room while the background remains unchanged. Several cels can also be stacked to separate a character’s body, clothing, effects, and foreground objects.

Digital animation software uses the same structure through layers. A background layer replaces the painted background, while separate drawing layers hold the character and effects. This lets digital tools preserve the layered structure without physical film, paint, or camera equipment.

Before drawing a cel-style scene, organize the file:

  • Put the background on a locked layer.
  • Keep rough sketches, clean lines, color, and effects on separate layers.
  • Use function-based names such as “rough,” “line,” “color,” and “shadow.”
  • Save versions before major revisions.

Organized layers make revisions easier. Hand-drawn scenes become difficult to change when every element sits on one layer.

Limited Animation Reduces Repeated Drawing

Limited animation uses fewer unique drawings and reuses artwork wherever the scene allows. A character’s mouth, eyes, hand, or body may move while the rest of the figure stays still. A background may pan behind a static character, or a short movement may repeat in a loop.

The approach became associated with UPA in the 1940s and 1950s. Its simplified movement and graphic design departed from the highly detailed character animation associated with the Disney style, according to Animation Obsessive’s discussion of limited animation.

Limited animation works well when the design does much of the expressive work. A strong silhouette, clear pose, and deliberate cut can communicate an idea without fully animating every body part. It also suits dialogue scenes, title sequences, explainer videos, and productions with strict drawing limits.

Use limited animation when:

  • The character holds a pose while speaking.
  • The scene relies on graphic composition or stylized editing.
  • A repeated action, such as walking or blinking, can loop cleanly.
  • Camera movement can create energy without redrawing the subject.
  • The project benefits from a deliberately clipped or abrupt rhythm.

Limited animation still requires careful timing. Reusing drawings does not automatically produce good movement. A held pose needs a clear reason, and the transition into the next pose must communicate the action.

Common Hand-Drawn Techniques

Keyframes and in-betweens

Keyframes mark the main positions an action passes through. For a jump, the key poses might include standing, crouching, takeoff, highest point, and landing. In-between drawings connect those positions.

Start with the key poses before adding detail. If the action does not read in rough form, clean lines and color will not solve the problem.

Onion skinning

Onion skinning shows faint images of nearby frames as the animator draws the current frame. These images help maintain consistent proportions and judge spacing between drawings.

Use onion skinning for motion that needs continuity, such as a hand reaching toward an object. Turn it off when checking the finished frame, because the extra images can hide problems in the final artwork.

Animation loops

An animation loop repeats a short sequence to create continuous action. Common examples include walking, blinking, flickering light, spinning objects, and flowing water.

A loop needs a clean connection between its final and first frames. Before adding detail, test the loop with rough drawings. If the transition jumps, adjust the poses or spacing before cleaning the artwork.

Smears and stretched drawings

A smear drawing shows an object stretched or distorted during a fast movement. It replaces several realistic positions with one expressive image that communicates speed.

Smears work best when the action has a clear direction and a strong before-and-after pose. Keep the drawing readable enough to connect the two key positions.

Rotoscoping

Rotoscoping uses filmed movement as a reference for drawing. The animator traces or interprets motion from live-action footage frame by frame. The result can follow realistic body mechanics while retaining a drawn appearance.

Use rotoscoping as a reference when anatomy or timing causes problems. Tracing every detail can make the result stiff, so simplify the movement and keep the project’s visual style.

Styles That Shape the Finished Look

Hand-drawn animation describes how the work is produced. Style describes the look and movement the animator chooses. Two projects can use the same software and drawing process yet look completely different.

A full-animation approach gives many actions their own drawings. It supports fluid movement, detailed acting, and changes in body weight. The tradeoff is a larger drawing workload and more time spent on cleanup.

A limited-animation approach holds or reuses more drawings. It favors graphic design, sharp poses, and economical movement. The style works particularly well when editing, composition, and character design carry much of the meaning.

A rough expressive style leaves some visible irregularity in the line. Small changes in contour, proportion, and pressure can make the motion feel personal and immediate. This approach suits short films, music videos, sketch comedy, and experimental work.

A clean graphic style uses controlled outlines, flat colors, and carefully designed shapes. It benefits from consistent model sheets, which show how a character’s proportions and features should appear from different angles.

Anime and European hand-drawn productions demonstrate how traditional drawing remains adaptable across regional industries and visual traditions. The history of animation notes that hand-drawn work continues outside the United States even though computer animation dominates much of modern production.

Match the motion to the purpose: detailed movement suits performances that depend on body mechanics, while held poses and graphic transitions suit scenes carried by design and editing. Avoid adding drawings merely to make the animation seem more advanced.

Tools for Hand-Drawn Animation

Choose a tool based on the project’s size, drawing method, and need for compositing. A short personal exercise needs a different setup from a layered production with effects and camera movement.

Pencil2D

Pencil2D is free, open-source, and designed for 2D hand-drawn animation. It runs on Windows, macOS, Linux, and FreeBSD and supports raster and vector workflows.

It suits beginners who want a focused drawing-and-timeline environment. Start with Pencil2D when the main goal is to learn frame-by-frame animation without a large production interface.

Krita

Krita supports digital painting and frame-by-frame animation. Its drawing tools make it useful for projects that require textured brushes, painted backgrounds, or more complex artwork.

Choose Krita when the image-making side matters as much as the timeline. Keep rough animation, clean lines, color, and background elements on separate layers so the file remains manageable.

Blender

Blender is a free 3D package that also supports 2D drawing through its Grease Pencil tools. It suits projects that combine hand-drawn characters with 3D backgrounds, camera movement, lighting, or perspective effects.

Use Blender when the scene needs a three-dimensional camera or environment. For a simple 2D exercise, its broader feature set may add unnecessary setup.

Autodesk SketchBook

Autodesk SketchBook is suited to quick drawing and sketch development. It works well for planning poses, creating character studies, and testing visual ideas before moving into a full animation timeline.

Use it as a drawing companion when the animation software feels slow for rough exploration. Confirm its current export and animation features before choosing it as the main production tool.

FlipaClip

FlipaClip targets mobile drawing and animation. It suits short tests, rough exercises, and animation practice away from a desktop setup.

A phone or tablet is useful for portability, but screen size and stylus control affect drawing precision. Test a short scene first before committing to a longer project.

A Practical Workflow for Beginners

Start with a five- to ten-second action. A bouncing ball, a character turning toward the camera, or a hand picking up a cup gives you enough movement to practice the core skills without creating hundreds of drawings.

Write a one-sentence action description, then draw a small storyboard. Mark the beginning, middle, and end of the movement. Create rough keyframes and play them immediately, then adjust the timing and spacing while the drawings remain simple.

After the motion reads clearly, add in-betweens and check the character’s proportions with onion skinning before cleaning the line work and adding color. Keep the background separate from the moving character, and export a test before completing every detail so problems appear early.

A useful beginner sequence is:

  1. Choose one simple action.
  2. Draw the key poses.
  3. Test the timing with rough frames.
  4. Add in-betweens where the movement needs support.
  5. Clean up the drawings.
  6. Add color and background layers.
  7. Review the loop or cut in motion.
  8. Revise timing before polishing effects.

Polishing drawings before fixing the movement is the most common mistake. Rough animation reveals weak poses quickly and makes revisions less costly.

Hand-Drawn Animation Compared With CGI

Computer-generated imagery, or CGI, creates images and movement with 3D or digitally generated models and scenes. CGI supports reusable models, digital cameras, lighting, and relatively flexible revisions. Hand-drawn animation gives the animator direct control over every mark and change in shape.

Production cost and speed depend on the project’s scope and complexity. Staffing and the visual target matter too. Hand-drawn animation demands substantial drawing labor, while CGI requires modeling, rigging, and texturing. It also requires lighting and rendering. Neither method guarantees a lower cost in every production.

Hybrid projects combine both approaches. Examples include Disney’s Paperman, Studio Ghibli’s The Tale of the Princess Kaguya, and Netflix’s Klaus, which show how drawn movement and computer-assisted compositing can share the same production.

Choose hand-drawn animation when the project depends on expressive line work, changing shapes, graphic timing, or a handmade visual identity. Choose CGI when reusable 3D assets, complex camera movement, or consistent perspective drive the project. Choose a hybrid workflow when the characters need drawn personality but the environment benefits from digital depth or compositing.

Free and open source

Let your AI agent make the video

explainroo lets a coding agent like Claude Code or Codex make narrated explainer videos and product demos. The voice, the word timing and the rendering run on your own computer, with no API key and no cost per video.

Copy this into your AI agent

Make me a short explainer video about [your topic]. Use explainroo for it: clone https://github.com/vincentsch/explainroo, read its AGENTS.md and follow the steps.

Getting started Example videos GitHub

Made with explainroo: How to make pour-over coffee

More on explainer videos

All guides on explainer videos