20 · Animation, effects, and mixed techniques
Animation constructs motion through successive states. Effects construct or modify events and images using physical, digital, or combined methods. A technique describes how material is made; the visual result describes how it behaves and belongs with the other elements. Neither a digital technique nor a physical one guarantees realism.
Timing, anticipation, follow-through, and squash and stretch are useful animation concepts, not mandatory ingredients of every style. Graphic, restrained, experimental, and deliberately discontinuous animation may use them selectively. The National Film Board likewise presents animation principles as options shaped by the intended result. NFB: The 12 principles of animation
Animation techniques
2D animation#
Definition. Animation built primarily from two-dimensional drawings, shapes, images, or rigs. It can be drawn frame by frame, assembled from moving parts, or combined with depth cues and three-dimensional elements.
Use. Specify line behavior, pose changes, texture, and how forms turn or overlap. “2D” identifies a construction approach, not a single visual style or a guarantee of flat-looking space.
Example. Paperlike characters move through painted backgrounds while their facial expressions change through replacement drawings.
3D animation#
Definition. Animation using objects and cameras represented in three-dimensional space, usually within a digital scene. Geometry, rigging, materials, lighting, and rendering together produce the final image, which may appear realistic or strongly graphic.
Use. Separate movement decisions from rendering style. A three-dimensional model can use stepped poses, painted textures, and simplified lighting rather than smooth naturalistic motion.
Example. A modeled delivery robot moves with abrupt pose changes and renders with broad inklike outlines.
Stop motion#
Definition. Animation created by physically adjusting objects between separately photographed frames. Puppets, clay, cutouts, everyday objects, or other materials can be animated this way; digital finishing may still be part of the process.
Use. Plan stable registration, controllable lighting, object support, and the size of each movement. Material changes and imperfections can be retained as expressive qualities.
Example. A folded-paper bird advances across a miniature desk through small physical adjustments between exposures.
Rotoscoping#
Definition. Tracing or interpreting recorded movement frame by frame to create animation, or isolating pictured elements with evolving masks in effects work. These related uses share frame-specific reference but serve different production purposes.
Use. State whether the task is performance-based animation or matte creation. Decide how much timing, contour, and detail should follow the recorded source.
Example. An animator redraws a dancer with simplified shapes while preserving the measured changes in balance from a filmed performance.
Motion capture#
Definition. Recording movement data from a performer or object for use in animation or analysis. Systems vary, and the resulting data usually requires interpretation, cleanup, retargeting, or additional animation for the final character.
Use. Define which motion is captured and how the target body's proportions differ. Do not equate captured movement with a finished animated performance.
Example. A performer's cautious walk supplies a starting motion that animators adjust for a much longer-legged fictional creature.
Posing and movement design
Key pose#
Definition. A significant body or object configuration that communicates an action's intention, structure, or dramatic beat. A key pose is a visual idea; a software keyframe is a stored property value and need not represent an important pose.
Use. Check silhouette, balance, direction of force, and readability before refining intermediate motion.
Example. Three key poses show a figure noticing a heavy box, committing to lift it, and failing to straighten fully.
Timing#
Definition. The placement and duration of actions, poses, and changes across frames or seconds. Timing determines when something happens and how long it lasts, while spacing describes the positional change between successive images.
Use. Set the main beats before refining motion curves. A longer hesitation can alter intention even when the physical path remains identical.
Example. A character reaches for a handle, waits twelve frames, then pulls, making the decision feel considered.
Spacing#
Definition. The differences in position or shape between successive displayed states of an animation. With timing held constant, closely grouped positions suggest slower motion and wider gaps suggest faster motion.
Use. Inspect frame sequences or motion paths to shape acceleration, deceleration, and impact. Equal overall duration does not imply equal movement character.
Example. A rolling coin covers larger distances early in a one-second move and progressively smaller distances as it settles.
Anticipation#
Definition. A preparatory action or cue that helps establish an upcoming movement or event. It can involve body movement, a look, a change of pose, or a brief pause that directs attention.
Use. Adjust how much warning viewers need and how the preparation expresses intention. Omitting or minimizing anticipation may be appropriate for surprise or a mechanical style.
Example. Before pushing a stuck cabinet, a character plants one foot and shifts their shoulders toward it.
Follow-through#
Definition. Continued movement after the principal action changes or stops, often visible in flexible parts, clothing, or attached objects. It helps communicate inertia and material behavior, with the amount depending on the chosen style.
Use. Identify which parts lead, lag, and settle rather than applying the same delay everywhere. Follow-through should support the main action's readability.
Example. A courier stops abruptly, but the loose strap of a shoulder bag swings forward and settles afterward.
Squash and stretch#
Definition. Deliberate deformation that compresses or extends a form to communicate flexibility, force, weight, or expression. Maintaining apparent volume is a common guiding choice, but stylization can intentionally depart from it.
Use. Match the amount and location of deformation to the material and performance. Rigid objects may rely on pose and timing instead of visible deformation.
Example. A soft toy compresses against a tabletop, then lengthens briefly as a child pulls it upward.
Physical and digital effects
Practical effects#
Definition. Effects physically produced during filming, such as controlled atmospheric effects, mechanical movement, makeup effects, or constructed action elements. “Practical” describes an on-set method, which can still be combined with extensive digital finishing.
Use. Specify the visible behavior and the physical interaction needed from performers, lighting, or objects. Coordinate specialist execution rather than treating a visual reference as a build procedure.
Example. A mechanically moving wall panel gives an actor a real surface to react to before its support is removed digitally.
Miniatures#
Definition. Physical scale models photographed to represent larger objects or environments. Their apparent scale depends on detail, camera placement, depth of field, lighting, movement, and how they connect to surrounding shots.
Use. Plan the intended viewpoint and scale cues before construction. A model's dimensions alone do not establish the size viewers perceive.
Example. A small industrial building model supplies a distant exterior, matched to full-size doorway footage through angle and lighting.
Animatronics#
Definition. Mechanically controlled figures or parts that perform movement physically in front of the camera. They can range from a moving feature to a complex creature and may be operated directly or through programmed controls.
Use. Identify the necessary range of expression and interaction. Coordinate the mechanism's limits with framing, performance, and any digital extensions.
Example. A physical creature head blinks and turns toward an actor while its larger body is completed digitally.
Compositing#
Definition. Combining separately created image elements into a final image or sequence. Live footage, rendered objects, paintings, text, and effects can be layered using mattes, transparency, color work, and spatial adjustments.
Use. Evaluate edges, occlusion, lighting, focus, motion blur, grain, and color together. A technically clean matte is only one part of a convincing composite.
Example. A filmed performer, a rendered structure, and a photographed sky are combined into one consistent exterior shot.
Matte painting#
Definition. A painted or image-based environment element used to extend or replace part of a photographed or rendered scene. Contemporary matte paintings may combine photographs, painting, and projections onto simplified geometry.
Use. Design for the camera's permitted movement and the required depth relationships. A convincing still background may reveal its limitations when a camera move introduces parallax.
Example. A modest rooftop set is extended with a distant painted city, leaving nearby railings and performers physically filmed.
Digital environment#
Definition. A digitally constructed setting or setting extension, potentially using geometry, textures, scans, procedural systems, and image-based elements. It may replace the entire location or supply only the portions absent from the photographed plate.
Use. Specify camera freedom, interactive surfaces, scale, lighting, and required detail. A digital environment is a spatial solution, not necessarily a photorealistic one.
Example. A warehouse interior continues beyond a built foreground into a modeled hall visible through a large doorway.
Motion tracking#
Definition. Analyzing motion in recorded images to estimate how a feature, surface, object, or camera moves. The resulting data can guide attachment, stabilization, replacement, or integration of new elements.
Use. Choose a tracking method appropriate to the motion and inspect drift, occlusion, and perspective changes. Tracking image movement is different from capturing a performer's movement as animation data.
Example. A tracked wall plane keeps a replacement sign aligned as a handheld camera moves through the corridor.
Combining techniques coherently
Stylization#
Definition. The deliberate shaping of appearance or movement through selected conventions rather than exhaustive imitation of observable reality. It can affect proportion, line, texture, light, timing, perspective, and the amount of detail shown.
Use. State a small set of repeatable choices and where exceptions belong. “Stylized” alone provides little direction because very different conventions fit the word.
Example. Background machinery uses simplified silhouettes while character hands retain detailed gestures needed to explain the repair.
Integration#
Definition. The process and perceived result of making independently produced elements belong together within a shared visual and temporal presentation. Successful integration may pursue realism or a coherent, visibly mixed aesthetic.
Use. Compare contact, scale, edges, light, texture, timing, and sound at actual playback speed. Decide which seams are expressive and which are unintended.
Example. A drawn figure retains visible pencil texture but casts a deliberately matching shadow across a photographed tabletop.
Continuity#
Definition. Consistency of relevant states and relationships across frames, shots, or production elements. In effects work, this includes object condition, lighting, materials, damage, motion phase, and spatial position as well as narrative facts.
Use. Record the states that must persist and the events that intentionally change them. Evaluate neighboring shots together rather than approving isolated images alone.
Example. A crack added to a digital window remains in the same place when the camera angle reverses.
Interaction#
Definition. The visible or audible consequences of one element affecting another, such as contact, resistance, shadow, reflection, displacement, or attention. Interaction makes a relationship legible even when its components were produced separately.
Use. Identify the exact contact point and expected response in each medium. Eye direction, timing, and transferred force can matter more than surface detail.
Example. A live-action actor lifts a digital object while the hand position, sleeve compression, and contact shadow support its weight.
Simulation#
Definition. Computing changing behavior from a model and its parameters, often for cloth, hair, particles, fluids, or rigid bodies. A simulation approximates selected behavior; it does not automatically produce the desired shot or establish physical truth.
Use. Choose conditions and constraints around the visible goal, then inspect stability and art-direct the result where necessary. Keep repeatable settings for revisions.
Example. A cloth simulation supplies a banner's response to wind, then selected timing is adjusted to keep an emblem readable.
Practical distinctions
| Pair | Working distinction |
|---|---|
| Timing / spacing | Timing locates events in time; spacing shapes the movement between displayed states. |
| Key pose / keyframe | A key pose is an important visual configuration; a keyframe is a stored animation value. |
| Motion capture / motion tracking | Capture acquires movement data for performance or analysis; tracking derives motion relationships from images. |
| Practical / digital | These describe production methods and can coexist within one effect. |
| Compositing / integration | Compositing combines image elements; integration assesses whether their relationships work together. |
| Simulation / animation direction | Computed behavior is an input that still requires decisions about performance, legibility, and style. |
Tracking an image feature and solving camera movement are related but different tasks. Adobe's documentation distinguishes tracked object motion from a 3D camera solve used to place additional spatial elements. Motion tracking, 3D camera tracking
Rotoscope animation draws on recorded movement through tracing, while retargeting transfers animation between character structures and can involve further corrections. These are distinct transformations of source material. Adobe: Rotoscope animation, Autodesk: Retargeting character animation
Visual interaction and structured fields
The following interactions are proposed learning and production-planning interfaces.
| Decision | Visual interaction | Proposed fields |
|---|---|---|
| Timing versus spacing | Same path with editable frame positions and duration | Start/end; duration; sample rate; position samples; event markers |
| Pose clarity | Silhouette toggle and key-pose strip | Pose intent; balance; force direction; silhouette concern; transition |
| Deformation | Loop with optional shape and volume guides | Material; deforming region; amount; timing; permitted exaggeration |
| Technique mix | Exploded layer view beside final playback | Element; technique; source plate; dependencies; integration goal |
| Tracking quality | Overlay tracked points across a scrubbed clip | Track type; feature/surface; occlusions; drift notes; corrected range |
| Contact and continuity | Linked neighboring frames with contact markers | Contact point; shadow/reflection; state before/after; continuity dependency |
Related chapters
- Shot size, angle, and composition helps evaluate silhouette, scale, and image relationships.
- Camera movement and support describes the camera behavior effects must accommodate.
- Lighting and color supports coherent integration across image elements.
- Sound, voice, and music covers the sonic part of weight and contact.
- References and creative constraints records style rules and approved exceptions.
Sources and terminology notes
- National Film Board: The 12 principles of animation provides demonstrations of selected movement concepts and explicitly treats their use as dependent on the intended animation.
- Adobe: Tracking and stabilizing motion verifies feature tracking and applications of tracking data.
- Adobe: Tracking 3D camera movement distinguishes camera solving from simpler image-feature tracking.
- Adobe: Rotoscope animation describes tracing filmed movement for animation.
- Autodesk: Retargeting character animation documents transfer between different character proportions and later motion adjustments.
The examples are original hypothetical production situations. “Integration,” “interaction,” and “continuity” are practical evaluation dimensions here, not numerical measures or guarantees supplied by a technique.