Introduction to Animation
Understand the fundamentals, major techniques, and core principles of animation.
Summary
Read Summary
Flashcards
Save Flashcards
Quiz
Take Quiz
Quick Practice
What is the definition of animation?
1 of 12
Summary
Animation: Definition, Techniques, and Principles
Introduction
Animation is a fascinating blend of art and technology that creates the illusion of movement from a series of still images. Whether you're watching an animated film, playing a video game, or interacting with an app, animation shapes your visual experience in countless ways. Understanding how animation works—from the basic science of perception to the practical techniques used by professionals—gives you insight into one of the most important media forms of our time.
What Is Animation?
At its core, animation is the art and technology of creating moving images from a sequence of still pictures. Rather than filming continuous motion with a camera, animators create or manipulate individual frames and display them in rapid succession. The viewer's brain then blends these separate images together, perceiving smooth, continuous motion.
This is fundamentally different from live-action film or video, where a camera captures motion as it happens naturally. With animation, every frame is deliberately created or positioned, giving the animator precise control over every movement.
Human Perception of Motion
The magic of animation relies on a principle of human vision called persistence of vision. When your eye sees still images displayed in rapid succession—specifically, 24 or more frames per second—your brain blends them together instead of perceiving them as separate pictures. This creates the illusion of continuous, smooth motion.
This threshold of 24 frames per second (fps) is why most films and television shows use this standard frame rate. Below 24 fps, the motion typically appears stuttering or jumpy. Above 24 fps, the motion becomes even smoother, which is why high-frame-rate displays (like 60 fps in video games) feel particularly fluid.
The image above shows how individual frames are positioned in sequence on film stock. When displayed rapidly, these distinct images create the perception of movement.
<extrainfo>
Historical Context
The discovery that rapid sequences of still images create the illusion of motion came from early inventors in the 19th century. Flip books demonstrated this principle in a simple, playful way—quickly flipping through hand-drawn pages creates moving images. The zoetrope, a cylindrical device with a sequence of images around its interior, used the same principle when spun, allowing viewers to see animated motion through small slits. These early inventions proved that motion perception depends on rapid image succession, laying the foundation for all animation that followed.
</extrainfo>
Major Animation Techniques
Animators employ three primary techniques, each with distinct approaches and aesthetic qualities.
Traditional Two-Dimensional Animation
In traditional 2D animation, artists draw each frame by hand on paper or digitally on a tablet. This technique has been the foundation of animation for over a century and is still widely used in films, television shows, and web animations.
The traditional approach requires the animator to:
Create key frames (important poses that establish major moments in the action)
Draw in-between frames (frames between the key poses that show the progression of movement)
Maintain consistent character design across hundreds or thousands of frames
Modern digital tools allow artists to draw on tablets with software like Procreate or Clip Studio Paint, but the fundamental principle remains the same: hand-drawn artistry creating each individual frame.
Stop-Motion Animation
Stop-motion animation uses physical objects such as clay figures, puppets, or cut-out paper shapes. The process involves:
Positioning a physical object in front of a camera
Taking a single photograph
Moving the object slightly
Taking another photograph
Repeating this process hundreds or thousands of times
When the photographs are played back in sequence, the physical objects appear to move on their own. This technique creates a distinctive tactile, three-dimensional quality that appeals to many viewers.
Computer-Generated Three-Dimensional Animation
Computer-generated (CG) animation involves building digital models in a virtual three-dimensional space. Rather than drawing each frame or photographing physical objects, animators use specialized software to:
Create 3D models of characters, objects, and environments
Define how these models move (through rigging and keyframing)
Apply textures, colors, and surface properties
Set up lighting
Calculate and render each frame
The computer does much of the computational work, calculating how light interacts with surfaces and how objects move based on animator input. This technique enables highly realistic graphics and complex visual effects that would be difficult or impossible to achieve with other methods.
Key Differences Between Techniques
Each technique has distinctive advantages:
Traditional 2D animation emphasizes hand-drawn artistry and offers a wide range of artistic styles, from realistic to highly stylized
Stop-motion animation creates a unique, tactile quality and appeals to audiences through its physical, handmade aesthetic
Computer-generated animation enables precise control, easy modification, and the ability to create realistic or fantastical worlds with complex lighting and effects
The choice of technique depends on the project's artistic vision, budget, timeline, and the specific story being told.
The Twelve Principles of Animation
To make motion feel believable, expressive, and visually interesting, animators follow a set of fundamental guidelines called the Twelve Principles of Animation. These principles were originally formulated by Disney animators Ollie Johnston and Frank Thomas and remain the foundation of animation education today.
Squash-and-Stretch
Squash-and-stretch gives the illusion of weight and flexibility by deforming objects during acceleration and deceleration. When a ball bounces, it flattens (squashes) on impact and elongates (stretches) as it travels through the air. When a character jumps, their body compresses before takeoff and extends during flight.
Squash-and-stretch makes motion feel more dynamic and less mechanical. Without it, movement appears stiff and lifeless. A character's arms don't just stay rigid cylinders—they should slightly compress and extend as they move, making the motion feel organic.
Anticipation
Anticipation is a small preparatory movement that occurs before a major action, cueing the viewer about what's about to happen. Before a character throws a punch, they pull their fist back slightly. Before jumping, they crouch down. Before turning their head quickly, their eyes look in that direction first.
Anticipation serves two purposes: it makes movements feel more natural (humans rarely move without preparing), and it signals to the viewer what's about to occur, making the action clearer and more engaging.
Timing
Timing determines how long each motion takes, influencing the perception of speed and weight. A heavy object should take longer to accelerate and decelerate than a light object. A confident character should move quickly; a hesitant character should move slowly.
By adjusting the number of frames an action occupies, animators control how viewers perceive the character's personality, emotional state, and the physical properties of objects. Timing is often the most powerful tool for bringing personality to a character.
Follow-Through
Follow-through adds secondary motions that continue after the main action ends, enhancing realism. When a character stops running, their hair, clothing, and limbs don't stop instantly—they continue moving forward slightly due to momentum. When a person throws a ball, their arm follows through the motion rather than stopping abruptly.
Follow-through makes movement feel less puppet-like and more natural by acknowledging that different parts of a character or object have different weights and respond to motion differently.
<extrainfo>
The remaining eight principles (arcs, overlapping action, staging, straight ahead vs. pose to pose animation, appeal, slow in/slow out, exaggeration, and secondary action) are equally important but less frequently emphasized in introductory study. These principles work together to create animation that feels alive and engaging rather than mechanical and lifeless.
</extrainfo>
Applications of Animation
Animation is far more than entertainment—it serves critical functions across numerous fields.
Education and Science Communication
Animation excels at explaining complex concepts through visual simulation. Animators can show how DNA replicates, how atoms bond chemically, or how planets orbit the sun in ways that make abstract concepts tangible and understandable. Animation allows students to see processes that occur too slowly or too quickly, or at scales too large or small, for direct observation.
Advertising and Marketing
Advertising uses animation for dynamic product demonstrations that capture consumer attention more effectively than static images. Animated advertisements can show a product in action, demonstrate its benefits, or communicate a brand's personality through stylized characters and environments.
User-Interface Design
User-interface (UI) animation uses animated transitions and feedback to create smooth, intuitive interactions. When you click a button and it briefly highlights, or when content smoothly fades in, those animations provide visual feedback that makes digital interfaces feel responsive and polished rather than abrupt and mechanical.
Virtual Reality
Virtual reality incorporates animation to build immersive, interactive environments where users can explore and interact with animated characters and objects in three-dimensional space. Animation in VR creates a sense of presence and believability essential to the immersive experience.
Entertainment Media
Entertainment—including movies, television shows, and video games—relies heavily on animation to tell stories. From feature films like those produced by Pixar and Studio Ghibli to animated series, to video games, animation is a primary storytelling medium reaching billions of people worldwide.
Skills Required in Animation
Animation is inherently interdisciplinary, requiring diverse skills across artistic, technical, and scientific domains.
Artistic Storytelling
Animation blends artistic storytelling with technical execution to bring narratives to life. Understanding character development, narrative structure, and emotional communication is essential. Animation isn't just about making things move—it's about using movement to tell meaningful stories and evoke emotional responses from viewers.
Drawing Techniques
Mastery of drawing techniques is essential for creating hand-drawn frames in traditional animation. Even animators working in 3D often need strong drawing skills to concept characters, plan shots, and communicate ideas visually. Understanding anatomy, perspective, composition, and visual design translates across animation disciplines.
Sculpting and Modeling
Sculpting skills are required to craft physical models and sets used in stop-motion animation, and similar skills transfer to digital 3D modeling. Whether working with clay or digital tools, animators need to understand three-dimensional form, proportion, and how objects appear from different angles.
Programming and Technical Skills
Programming is used to write scripts and algorithms that control movement, lighting, and rendering in computer-generated animation. Animators working in 3D need to understand how animation software functions and often write custom scripts to automate repetitive tasks or create complex effects.
Physics Knowledge
Understanding physics helps animators apply realistic motion, light behavior, and material properties across all animation styles. How does gravity affect falling objects? How does light reflect off different surfaces? How do joints move and what are their limitations? Physics knowledge enables animators to create motion that feels authentic even when depicting fantastical scenarios.
Flashcards
What is the definition of animation?
The art and technology of creating moving images from a sequence of still pictures.
At what minimum rate must frames be displayed for the human eye to perceive continuous motion?
Twenty-four or more frames per second.
Which early inventions demonstrated the principle of motion blending?
Flip-books
Zoetropes
How are frames produced in traditional two-dimensional animation?
Artists draw each frame by hand on paper or digitally on a tablet.
What is the basic process of stop-motion animation?
Physical objects are positioned, photographed, and moved slightly for each subsequent shot.
What are the primary focuses of the three major animation techniques?
Traditional: Hand-drawn artistry
Stop-motion: Physical manipulation
Computer-generated: Digital modeling and rendering
In animation, what is the purpose of the squash-and-stretch principle?
To give the illusion of weight and flexibility by deforming objects during acceleration and deceleration.
What is the function of 'anticipation' in an animated sequence?
It is a small preparatory movement that cues the viewer before a major action occurs.
How does 'timing' affect the viewer's perception of an animated object?
It determines the duration of a motion, influencing the perception of speed and weight.
What is the definition of 'follow-through' in animation?
Secondary motions that continue after the main action has ended.
What two elements does animation blend to bring narratives to life?
Artistic storytelling and technical execution.
Why must animators have an understanding of physics?
To apply realistic motion, light behavior, and material properties to their work.
Quiz
Introduction to Animation Quiz Question 1: In animation, the principle of timing primarily influences which aspect of a movement?
- The perceived speed and weight (correct)
- The color palette used
- The synchronization of sound effects
- The camera angle of the shot
Introduction to Animation Quiz Question 2: Which description best matches stop‑motion animation?
- Physical objects are positioned, photographed, then moved slightly for the next shot (correct)
- Artists draw each frame by hand on paper or digitally on a tablet
- Digital models are built in a virtual 3‑D space and rendered frame by frame
- Frames are displayed rapidly to create an illusion of motion
Introduction to Animation Quiz Question 3: Which skill is essential for creating physical models and sets used in stop‑motion animation?
- Sculpting techniques (correct)
- Digital rigging
- Audio engineering
- Scriptwriting
Introduction to Animation Quiz Question 4: Animation combines which two primary domains?
- Art and technology (correct)
- Music and literature
- Chemistry and physics
- Architecture and engineering
Introduction to Animation Quiz Question 5: What animation principle adds secondary motions that continue after the main action ends?
- Follow‑through (correct)
- Anticipation
- Squash‑and‑stretch
- Timing
Introduction to Animation Quiz Question 6: In which field is animation commonly used to explain scientific concepts through visual simulations?
- Education (correct)
- Advertising
- Virtual reality
- Entertainment
Introduction to Animation Quiz Question 7: Which animation technique involves photographing physical objects that are incrementally moved between shots?
- Stop‑motion animation (correct)
- Traditional hand‑drawn animation
- Computer‑generated three‑dimensional animation
- Motion‑capture animation
Introduction to Animation Quiz Question 8: What perceptual outcome occurs when animation frames are displayed at 24 fps or faster?
- The sequence appears as smooth, continuous motion (correct)
- The frames appear as a strobe effect
- The audience perceives each frame individually
- The colors become more saturated
Introduction to Animation Quiz Question 9: What is the term for converting a three‑dimensional scene into a two‑dimensional image during each frame of computer‑generated animation?
- Rendering (correct)
- Modeling
- Texturing
- Rigging
Introduction to Animation Quiz Question 10: How many principles comprise the Disney formulation known as the twelve principles of animation?
- Twelve (correct)
- Eight
- Ten
- Fifteen
Introduction to Animation Quiz Question 11: Which application of animation involves creating immersive, interactive environments that respond to a user's movements?
- Virtual reality (correct)
- Advertising
- User‑interface design
- Entertainment media
In animation, the principle of timing primarily influences which aspect of a movement?
1 of 11
Key Concepts
Animation Techniques
Animation
Traditional animation
Stop‑motion animation
Computer‑generated animation
Principles of Animation
Twelve Principles of Animation
Squash‑and‑stretch
Anticipation (animation)
Timing (animation)
Follow‑through (animation)
Applications of Animation
Animation in education
Animation in advertising
Virtual reality
Definitions
Animation
The art and technology of creating moving images from a sequence of still pictures.
Traditional animation
A two‑dimensional technique where each frame is drawn by hand or digitally.
Stop‑motion animation
A method that captures incremental movements of physical objects photographed frame by frame.
Computer‑generated animation
The creation of three‑dimensional digital models and their motion using specialized software.
Twelve Principles of Animation
A set of guidelines formulated by Disney animators to produce believable and expressive motion.
Squash‑and‑stretch
A principle that deforms objects during acceleration and deceleration to convey weight and flexibility.
Anticipation (animation)
A preparatory movement that precedes a main action, signaling the upcoming motion to the viewer.
Timing (animation)
The control of the duration of each movement, influencing perceived speed and weight.
Follow‑through (animation)
The continuation of secondary motions after a primary action has ended, enhancing realism.
Animation in education
The use of animated visuals to illustrate concepts and facilitate learning.
Animation in advertising
The application of dynamic animated content to promote products and capture consumer attention.
Virtual reality
An immersive digital environment that relies on animation to create interactive, three‑dimensional experiences.