RemNote Community
Community

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

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