Introduction to Animation — Chapter 01
2D Digital Animation
ANIM
01 Chapter

2D Digital Animation · Foundations

Introduction to
Animation

What animation is, why it matters, the types that exist, a brief history of the craft, the traditional production process, and the twelve principles that bring motion to life.

Topics6 Core Topics
TypesTraditional · Stop Motion · Computer
Principles12 Disney Principles
Chapter01 of 09

In This Chapter

The foundations every animator must know

Before picking up a stylus or opening Flash, every animator needs to understand what animation truly is, where it came from, the different forms it takes, and the timeless principles that separate professional work from amateur attempts.

Concepts

  • What is Animation
  • Why Animation — Importance & Applications

Types of Animation

  • Traditional Animation — Classic, Limited, Rotoscoping
  • Stop Motion — Clay, Cutout, Silhouette, Graphic, Puppet
  • Computer Animation — 2D & 3D

History & Principles

  • Animation History
  • Traditional Production Process
  • Twelve Basic Principles of Animation
P01

What is Animation?

Animation is the illusion of movement generated by displaying a series of images that change in small ways with reference to the previous ones.

If the eye sees a series of still images one after another at a fast rate — 24 frames per second (fps) — then the images appear not as separate still pictures, but as continuous movement. This phenomenon is technically called Persistence of Vision, and it acts as the basis of all animation.

Persistence of Vision — horse gallop sequence

Persistence of Vision — sequential frames appear as continuous motion at 24fps

Persistence of Vision: The retina retains an image for a fraction of a second after it disappears. When images are shown in rapid succession, the brain perceives them as seamless motion — the fundamental principle behind cinema and animation alike.
P03

Why Animation — Importance

Animation is ever entertaining and attracts people of all age groups. It helps in many situations which are impractical or impossible to capture with live-action filming.

Science
Interior of a volcano or furnace — environments no camera crew could enter. Animation makes the invisible visible.
History
Lifestyle of prehistoric or futuristic people — times no camera can travel to. Animation bridges past and future.
Biology
Stages of digestion or blood circulation systems — processes too small or internal for live footage.
Education
Kids can learn lessons easier and quicker. Visual narration is always more interesting, memorable, and efficient than verbal or text modes.
Industry
Technical animations, medical animations, banner advertisements, and product demos are invaluable in professional industries. The internet uses animations extensively.
Commerce
Animation movies are generating enormous revenue across the world, making it one of the most profitable entertainment industries globally.

Types of Animation

Broadly classified into three major categories based on how they are developed — hand-drawn frames, real-world object manipulation, or computer software.

P05

The Three Major Types

Animation is broadly classified into three major categories based on the method used to create movement. Each category contains further sub-types with their own distinct techniques and aesthetics.

Types of Animation diagram

Classification of Animation Types

01
Traditional Animation
Classic, Limited, Rotoscoping — frames drawn by hand
02
Stop Motion
Clay, Cutout, Silhouette, Graphic, Puppet — real objects photographed frame by frame
03
Computer Animation
2D Animation and 3D Animation — created using software
P08

Classic Animation

The oldest form of traditional animation, also called full animation or cel animation. Frames are drawn by hand — historically the most popular animation technique. Style varies from realistic to cartoon.

Classic animation features detailed drawings and believably smooth movements, but employed a large number of skilled persons with huge production time and money.

Classic Animation examples — Mickey Mouse, Pinocchio, Cinderella, Alice in Wonderland

Classic Animation — Mickey Mouse, Pinocchio, Cinderella, Alice in Wonderland

P09

Limited Animation

Limited animation focuses on the commercial point of view rather than striving for smooth movements. It is used to produce cost-effective animated content for media such as television and the internet.

Aesthetic appeal is somewhat compromised, but users are accustomed and comfortable watching this style. Most TV cartoons use limited animation.

Limited Animation — Superman, Justice League, Swat Cats

Limited Animation — Superman, Justice League, Swat Cats

P10

Rotoscoping

Animators trace live-action movement and actors’ outlines from source film, frame by frame, and transfer them into animation drawings. Very complicated animation movements can be accomplished easily by tracing directly from live actions.

Lesser-skilled animators not well acquainted with animation principles can be employed. However, it is not economical as reference video footage is always required additionally to create animations.

Rotoscoping — Waking Life, A Scanner Darkly

Rotoscoping — Waking Life (2001) and A Scanner Darkly (2006)

Stop Motion Animation

Created by manipulating real-world objects and photographing them one frame at a time — no hand-drawn artwork required.

P12

Clay Animation / Claymation

Uses figures made out of clay or a similar malleable material. Figures may have an armature or wire frame inside to be manipulated into different poses. They can also be made entirely of clay, where clay creatures morph into a variety of shapes.

Claymation — The Gumby Show, Morph, Wallace and Gromit, The Trap Door

Claymation — The Gumby Show, Morph Shorts, Wallace & Gromit, The Trap Door

P13

Cutout Animation

Produced very similarly to claymation, but by moving two-dimensional pieces of material — such as paper or cloth — and photographing individual movements. The technique produces a distinctive, flat aesthetic.

Cutout Animation examples

Terry Gilliam sequences, La Planète Sauvage, South Park pilot

Silhouette Animation

Silhouette Animation — characters visible only as black silhouettes

Silhouette Animation is a variant of cutout animation in which characters are only visible as black silhouettes — seen in The Adventures of Prince Achmed and Princes et Princesses.
P15

Graphic & Puppet Animation

Graphic Animation uses non-drawn flat visual graphic material — photographs, newspaper clippings, or magazine clippings — manipulated frame by frame to create movement.

Puppet Animation involves puppets with an armature inside to keep them steady and constrain movement at particular joints. Environments are also constructed for the puppets to move around.

Graphic Animation

Graphic Animation — flat photographic material

Puppet Animation — Le Roman de Renard, Nightmare Before Christmas, Robot Chicken

Puppet Animation — Le Roman de Renard, Robot Chicken

Computer Animation

The tedious manual work is handled by computer, facilitating quick output — though the animator must still understand traditional principles for an appealing result.

P18

2D Animation

Uses vector graphics or bitmap graphics to create animation frames. The traditional animation techniques are replaced with digital equivalents such as tweening, morphing, onion skinning, and rotoscoping.

2D animation splits into two main approaches: frame-by-frame (drawing each frame individually) and tweening (software interpolates between keyframes). Tweening further divides into Motion Tweening, Shape Tweening, and Classic Tweening.

2D Animation — Chota Bheem, Jib Jab, Lion King with diagram

2D Animation — Chota Bheem, Jib Jab, The Lion King · Frame-by-frame vs Tweening

P19

3D Animation

More sophisticated, process-oriented, time-consuming and expensive than 2D. Instead of flat graphics, 3D models are created and a bone setup called rigging is attached to them for animation.

Advanced techniques like motion capture help simulate life-like character actions. Stunning effects like gravity, particle simulations, fur or hair, fire, and water effects can all be simulated with high realism.

3D Animation — The Incredibles, Shrek, Finding Nemo

3D Animation — The Incredibles, Shrek, Finding Nemo

Animation History

Humanity has always tried to capture motion — from cave paintings to the first projected animations of the 19th century.

P20

A Brief History

Many examples in history show attempts to capture motion into still drawings. Humanity’s fascination with depicting movement spans thousands of years.

Paleolithic
Cave paintings depict animals with multiple legs in superimposed positions — early attempts to show movement in a single image.
~3200 BC
A 5,200-year-old earthen bowl found in Iran shows five images depicting phases of a goat leaping to nip at a tree — perhaps the earliest known animation sequence.
~2000 BC
A 4,000-year-old Egyptian mural includes a sequence of images in progressive succession, depicting wrestlers in action.
180 AD
A Chinese zoetrope-type device was invented, producing the illusion of movement through a spinning drum with sequential images.
1510 AD
Leonardo da Vinci created a sequence showing multiple angles of a figure rotating with the arm extending — an early study of motion decomposition.
1824
The Thaumatrope — a small circular disk with two different pictures on each side. When twirled quickly, the two pictures appeared to combine into a single image.
1831
The Phenakistoscope — as it spins, a viewer looks through slots at the reflection of drawings, creating the illusion of animation for the first time in a device.
1834
The Zoetrope — a cylindrical spinning device with several frames of animation printed on a paper strip placed around its interior circumference.
1868
The first flip book was invented as the Kineograph — sequential drawings flipped rapidly by the thumb, simulating motion.
1877
The first animated screen projection was created in France by Charles-Émile Reynaud, projecting moving drawn images onto a screen for an audience.
P23

Traditional Production Process

Modern animation techniques have been influenced and developed from traditional techniques. The classic production pipeline follows a clear sequence from concept to final output.

Traditional Animation Production Process pipeline

Traditional Animation Production Pipeline

1. Idea
Idea / Concept — The story concept and core narrative are developed. Characters, setting, and message are defined before any production begins.
2. Script
Script — The concept is written as a full screenplay, defining dialogue, scene descriptions, and narrative structure for every scene.
3. Storyboard
Storyboards — The script is visualized as sequential panels showing camera angles, character positions, and key actions for each scene.
4. Audio
Audio & Animatics — Voice recording, sound effects, and music are developed. A rough animatic combining storyboard and audio tests timing and pacing.
5. X-sheets
Exposure Sheets (X-sheets) — Detailed frame-by-frame instructions for animators, mapping audio timing to specific frames and actions.
6. Assets
Characters & Backgrounds — All visual elements are designed and produced: character model sheets, background art, props.
7. Animate
Animation Production — Key animators draw the extreme poses; assistant animators fill in-betweens. Scenes are composited with characters on backgrounds.
8. Output
Laying Work to Film/Tape — All scenes are compiled, edited, final audio is mixed, and the completed animation is output to the final delivery format.
P24

Twelve Basic Principles of Animation

Animators wanted to incorporate the laws of physics concerning mass, timing, and motion to produce more natural-looking animations. In 1981, Disney animators Ollie Johnston and Frank Thomas introduced the Twelve Basic Principles of Animation in their book The Illusion of Life.

Understanding these principles helps produce professional-looking animation movements. They are elaborated in later chapters.

01Squash and Stretch
02Anticipation
03Staging
04Straight Ahead Action and Pose to Pose
05Follow Through and Overlapping Action
06Slow In and Slow Out
07Arcs
08Secondary Action
09Timing
10Exaggeration
11Solid Drawing
12Appeal

Activities

1. Collect short animation clips from various resources and categorize them by animation type.
2. Create a flip book animation with a simple stick figure action.
3. Generate three story concepts that can be developed later as 2D animation projects — approximately one page each.

01

Summary at a Glance

The Big Picture

Animation is the illusion of movement, made possible by persistence of vision. It’s not just entertainment — it’s an essential tool for education, medicine, industry, and storytelling that spans all ages and cultures.

The field divides into Traditional (hand-drawn), Stop Motion (real-world objects), and Computer Animation (2D and 3D) — each with unique strengths. A rich history from cave paintings to Reynaud’s projected images laid the groundwork for the industry we know today. And twelve Disney principles, introduced in 1981, remain the timeless foundation of professional animation craft.

2D Digital Animation Chapter 01 · Introduction to Animation