Twelve basic principles of animation

Last updated

Book cover of Disney Animation: The Illusion of Life Book the illusion of life.jpg
Book cover of Disney Animation: The Illusion of Life

Disney's twelve basic principles of animation were introduced by the Disney animators Ollie Johnston and Frank Thomas in their 1981 book The Illusion of Life: Disney Animation . [a] [1] The principles are based on the work of Disney animators from the 1930s onwards, in their quest to produce more realistic animation. The main purpose of these principles was to produce an illusion that cartoon characters adhered to the basic laws of physics, but they also dealt with more abstract issues, such as emotional timing and character appeal.

Contents

The book has been referred to by some as the "Bible of animation", [2] and some of its principles have been adopted by traditional studios. In 1999, The Illusion of Life was voted the "best animation book[...] of all time" in an online poll done by Animation World Network. [3] While originally intended to apply to traditional, hand-drawn animation, the principles still have great relevance for today's more prevalent computer animation.

The 12 principles of animation

Squash and stretch

The squash and stretch principle:
rigid, non-dynamic movement of a ball is compared to a "squash" at impact and a "stretch" during the fall and after the bounce. Also, the ball moves less in the beginning and end (the "slow in and slow out" principle). Squash and Stretch.svg
The squash and stretch principle:
rigid, non-dynamic movement of a ball is compared to a "squash" at impact and a "stretch" during the fall and after the bounce. Also, the ball moves less in the beginning and end (the "slow in and slow out" principle).

The purpose of squash and stretch [4] is to give a sense of weight and flexibility to drawn or computer-animated objects. It can be applied to simple objects, like a bouncing ball, or more complex constructions, like the musculature of a human face. [5] [6] Taken to an extreme, a figure stretched or squashed to an exaggerated degree can have a comical effect. [7] In realistic animation, however, the most important aspect of this principle is that an object's volume does not change when squashed or stretched. If the length of a ball is stretched vertically, its width (in three dimensions, also its depth) needs to contract correspondingly horizontally. [8]

Anticipation

Anticipation: a baseball player making a pitch prepares for the action by winding his arm back. Baseball pitching motion 2004.jpg
Anticipation: a baseball player making a pitch prepares for the action by winding his arm back.

Anticipation is used to prepare the audience for an action, and to make the action appear more realistic. [9] A dancer jumping off the floor has to bend the knees first; a golfer making a swing has to swing the club back first. The technique can also be used for less physical actions, such as a character looking off-screen to anticipate someone's arrival, or attention focusing on an object that a character is about to pick up. [10]

Staging

This principle is akin to staging, as it is known in theatre and film. [11] Its purpose is to direct the audience's attention, and make it clear what is of greatest importance in a scene; [12] Johnston and Thomas defined it as "the presentation of any idea so that it is completely and unmistakably clear", whether that idea is an action, a personality, an expression, or a mood. [11] This can be done by various means, such as the placement of a character in the frame, the use of light and shadow, or the angle and position of the camera. [13] The essence of this principle is keeping focus on what is relevant, and avoiding unnecessary detail. [14] [15]

Straight ahead action and pose to pose

These are two different approaches to the drawing process. Straight ahead action scenes are animated frame by frame from beginning to end, while "pose to pose" involves starting with drawing key frames, and then filling in the intervals later. [12] "Straight ahead action" creates a more fluid, dynamic illusion of movement, and is better for producing realistic action sequences. On the other hand, it is hard to maintain proportions and to create exact, convincing poses along the way. "Pose to pose" works better for dramatic or emotional scenes, where composition and relation to the surroundings are of greater importance. [16] A combination of the two techniques is often used. [17]

In computer animation

Computer animation removes the problems of proportion related to "straight ahead action" drawing, but "pose to pose" is still used for computer animation, because of the advantages it brings in composition. [18] The use of computers facilitates this method and can fill in the missing sequences in between poses automatically. It is still important to oversee this process and apply the other principles. [17]

Follow through and overlapping action

Follow through and overlapping action: the galloping race horse's mane and tail follow the body. Sequence of photos taken by Eadweard Muybridge. Muybridge race horse animated.gif
Follow through and overlapping action: the galloping race horse's mane and tail follow the body. Sequence of photos taken by Eadweard Muybridge.

Follow through and overlapping action is a general heading for two closely related techniques which help to render movement more realistically, and help to give the impression that characters follow the laws of physics, including the principle of inertia. "Follow through" means that loosely tied parts of a body should continue moving after the character has stopped and the parts should keep moving beyond the point where the character stopped only to be subsequently "pulled back" towards the center of mass or exhibiting various degrees of oscillation damping. "Overlapping action" is the tendency for parts of the body to move at different rates (an arm will move on different timing of the head and so on). A third, related technique is "drag", where a character starts to move and parts of them take a few frames to catch up. [12] These parts can be inanimate objects like clothing or the antenna on a car, or parts of the body, such as arms or hair. On the human body, the torso is the core, with arms, legs, head and hair appendices that normally follow the torso's movement. Body parts with much tissue, such as large stomachs and breasts, or the loose skin on a dog, are more prone to independent movement than bonier body parts. [19] Again, exaggerated use of the technique can produce a comical effect, while more realistic animation must time the actions exactly, to produce a convincing result. [20]

The "moving hold" animates between two very similar positions; even characters sitting still, or hardly moving, can display some sort of movement, such as breathing, or very slightly changing position. This prevents the drawing from becoming "dead". [21]

Slow in and slow out

The movement of objects in the real world, such as the human body, animals, vehicles, etc. needs time to accelerate and slow down. For this reason, more pictures are drawn near the beginning and end of an action, creating a slow in and slow out effect in order to achieve more realistic movements. This concept emphasizes the object's extreme poses. Inversely, fewer pictures are drawn within the middle of the animation to emphasize faster action. [12] This principle applies to characters moving between two extreme poses, such as sitting down and standing up, but also for inanimate, moving objects, like the bouncing ball in the above illustration. [22]

Arc

Most natural action tends to follow an arched trajectory, and animation should adhere to this principle by following implied "arcs" for greater realism. This technique can be applied to a moving limb by rotating a joint, or a thrown object moving along a parabolic trajectory. The exception is mechanical movement, which typically moves in straight lines. [23]

As an object's speed or momentum increases, arcs tend to flatten out in moving ahead and broaden in turns. In baseball, a fastball would tend to move in a straighter line than other pitches; while a figure skater moving at top speed would be unable to turn as sharply as a slower skater, and would need to cover more ground to complete the turn.

An object in motion that moves out of its natural arc for no apparent reason will appear erratic rather than fluid. For example, when animating a pointing finger, the animator should be certain that in all drawings in between the two extreme poses, the fingertip follows a logical arc from one extreme to the next. Traditional animators tend to draw the arc in lightly on the paper for reference, to be erased later.

Secondary action

Adding secondary actions to the main action gives a scene more life, and can help to support the main action. A person walking can simultaneously swing their arms or keep them in their pockets, speak or whistle, or express emotions through facial expressions. [24] The important thing about secondary actions is that they emphasize, rather than take attention away from the main action. If the latter is the case, those actions are better left out. [25] For example, during a dramatic movement, facial expressions will often go unnoticed. In these cases, it is better to include them at the beginning and the end of the movement, rather than during. [26]

Timing

Timing refers to the number of drawings or frames for a given action, which translates to the speed of the action on film. [12] On a purely physical level, correct timing makes objects appear to obey the laws of physics. For instance, an object's weight determines how it reacts to an impetus, like a push: a lightweight object will react faster than a heavy one. [27] Timing is critical for establishing a character's mood, emotion, and reaction. [12] It can also be a device to communicate aspects of a character's personality. [28]

Exaggeration

Exaggeration is an effect especially useful for animation, as animated motions that strive for a perfect imitation of reality can look static and dull. [12] The level of exaggeration depends on whether one seeks realism or a particular style, like a caricature or the style of a specific artist. The classical definition of exaggeration, employed by Disney, was to remain true to reality, just presenting it in a wilder, more extreme form. [29] Other forms of exaggeration can involve the supernatural or surreal, alterations in the physical features of a character; or elements in the storyline itself. [30] It is important to employ a certain level of restraint when using exaggeration. If a scene contains several elements, there should be a balance in how those elements are exaggerated in relation to each other, to avoid confusing or overawing the viewer. [31]

Solid drawing

The principle of solid drawing means taking into account forms in three-dimensional space, or giving them volume and weight. [12] The animator needs to be a skilled artist and has to understand the basics of three-dimensional shapes, anatomy, weight, balance, light and shadow, etc. [32] For the classical animator, this involved taking art classes and doing sketches from life. [33] One thing in particular that Johnston and Thomas warned against was creating "twins": characters whose left and right sides mirrored each other, and looked lifeless. [34]

In computer animation

Modern-day computer animators draw less because of the facilities computers give them, [35] yet their work benefits greatly from a basic understanding of animation principles, and their additions to basic computer animation. [33]

Appeal

Appeal in a cartoon character corresponds to what would be called charisma in an actor. [36] A character who is appealing is not necessarily sympathetic; villains or monsters can also be appealing. The important thing is that the viewer feels the character is real and interesting. [36] There are several tricks for making a character connect better with the audience; for likable characters, a symmetrical or particularly baby-like face tends to be effective. [37] A complicated or hard to read face will lack appeal or 'captivation' in the composition of the pose or character design.

Notes

a. ^ The twelve principles have been paraphrased and shortened by Nataha Lightfoot for Animation Toolworks. [12] Johnston and Thomas themselves found this version good enough to put it up on their own website. [38]

Related Research Articles

<span class="mw-page-title-main">Animation</span> Method of creating moving pictures

Animation is the method that encompasses myriad filmmaking techniques, by which still images are manipulated to create moving images. In traditional animation, images are drawn or painted by hand on transparent celluloid sheets (cels) to be photographed and exhibited on film. Animation has been recognized as an artistic medium, specifically within the entertainment industry. Many animations are computer animations made with computer-generated imagery (CGI). Stop motion animation, in particular claymation, has continued to exist alongside these other forms.

<span class="mw-page-title-main">Computer animation</span> Art of creating moving images using computers

Computer animation is the process used for digitally generating animations. The more general term computer-generated imagery (CGI) encompasses both static scenes and dynamic images, while computer animation only refers to moving images. Modern computer animation usually uses 3D computer graphics. The animation's target is sometimes the computer itself, while other times it is film.

<span class="mw-page-title-main">Storyboard</span> Form of ordering graphics in media

A storyboard is a graphic organizer that consists of illustrations or images displayed in sequence for the purpose of pre-visualizing a motion picture, animation, motion graphic or interactive media sequence. The storyboarding process, in the form it is known today, was developed at Walt Disney Productions during the early 1930s, after several years of similar processes being in use at Walt Disney and other animation studios.

<span class="mw-page-title-main">Animator</span> Person who makes animated sequences out of still images

An animator is an artist who creates multiple images, known as frames, which give an illusion of movement called animation when displayed in rapid sequence. Animators can work in a variety of fields including film, television, and video games. Animation is closely related to filmmaking and like filmmaking is extremely labor-intensive, which means that most significant works require the collaboration of several animators. The methods of creating the images or frames for an animation piece depend on the animators' artistic styles and their field.

Visual effects is the process by which imagery is created or manipulated outside the context of a live-action shot in filmmaking and video production. The integration of live-action footage and other live-action footage or CGI elements to create realistic imagery is called VFX.

<span class="mw-page-title-main">Traditional animation</span> Animation technique in which frames are hand-drawn

Traditional animation is an animation technique in which each frame is drawn by hand. The technique was the dominant form of animation in cinema until the end of the 20th century, when there was a shift to computer animation in the industry, specifically 3D computer animation.

<span class="mw-page-title-main">Frank Thomas (animator)</span> American animator and writer (1912–2004)

Franklin Rosborough Thomas was an American animator and pianist. He was one of Walt Disney's leading team of animators known as the Nine Old Men.

<span class="mw-page-title-main">Skeletal animation</span> Computer animation technique

Skeletal animation or rigging is a technique in computer animation in which a character is represented in two parts: a surface representation used to draw the character and a hierarchical set of interconnected parts, a virtual armature used to animate the mesh. While this technique is often used to animate humans and other organic figures, it only serves to make the animation process more intuitive, and the same technique can be used to control the deformation of any object—such as a door, a spoon, a building, or a galaxy. When the animated object is more general than, for example, a humanoid character, the set of "bones" may not be hierarchical or interconnected, but simply represent a higher-level description of the motion of the part of mesh it is influencing.

<span class="mw-page-title-main">Squash and stretch</span> 12 basic principles of animation

Squash and stretch is the phrase used to describe "by far the most important" of the 12 basic principles of animation, described in the book The Illusion of Life by Frank Thomas and Ollie Johnston.

<i>Disney Animation: The Illusion of Life</i> Nonfiction book on Disney animation history

Disney Animation: The Illusion of Life is a book by Frank Thomas and Ollie Johnston, two of the key animators at Disney during the Golden age of American animation.

Character animation is a specialized area of the animation process, which involves bringing animated characters to life. The role of a character animator is analogous to that of a film or stage actor and character animators are often said to be "actors with a pencil". Character animators breathe life in their characters, creating the illusion of thought, emotion and personality. Character animation is often distinguished from creature animation, which involves bringing photorealistic animals and creatures to life.

<span class="mw-page-title-main">Motion graphics</span> Digital footage or animation which create the illusion of motion or rotation

Motion graphics are pieces of animation or digital footage which create the illusion of motion or rotation, and are usually combined with audio for use in multimedia projects. Motion graphics are usually displayed via electronic media technology, but may also be displayed via manual powered technology. The term distinguishes static graphics from those with a transforming appearance over time, without over-specifying the form. While any form of experimental or abstract animation can be called motion graphics, the term typically more explicitly refers to the commercial application of animation and effects to video, film, TV, and interactive applications.

<span class="mw-page-title-main">Exaggeration</span> Statement that represents something in an excessive manner

Exaggeration is the representation of something as more extreme or dramatic than it is, intentionally or unintentionally. It can be a rhetorical device or figure of speech, used to evoke strong feelings or to create a strong impression.

The following outline is provided as an overview of and topical guide to animation:

<span class="mw-page-title-main">Norm Ferguson (animator)</span> American animator

William Norman Ferguson was an animator for Walt Disney Studios and a central contributor to the studio's stylistic development in the 1930s. He is most frequently noted for his contribution to the creation of Pluto, one of the studio's best-known and most enduring characters, and is the artist most closely associated with that character. He is also credited for developing Peg-Leg Pete and the Big Bad Wolf. Ferguson, known at the studio as "Norm" or "Fergy", was the primary animator of the witch in Snow White and the Seven Dwarfs, the first in a long line of great Disney feature villains. He was also a sequence director on the film.

<span class="mw-page-title-main">Disney's Nine Old Men</span> Core group of animators for Walt Disney Productions in the mid-20th century

Disney's Nine Old Men were Walt Disney Productions' core animators, some of whom later became directors, who created some of Disney's most popular animated movies from Snow White and the Seven Dwarfs to The Rescuers, and were referred to as such by Walt Disney himself. They worked in both short and feature films. Disney delegated more and more tasks to them in the animation department in the 1950s when their interests expanded, and diversified their scope. Eric Larson was the last to retire from Disney, after his role as animation consultant on The Great Mouse Detective in 1986. All nine members of the group were acknowledged as Disney Legends in 1989 and all would receive the Winsor McCay Award for their lifetime or career contributions to the art of animation.

<span class="mw-page-title-main">Anticipation (animation)</span>

Anticipation is one of the fundamental 12 basic principles of animation, as set out by Frank Thomas and Ollie Johnston in their authoritative 1981 book on the Disney Studio titled The Illusion of Life. An anticipation pose or drawing is a preparation for the main action of an animated scene, as distinct from the action and the reaction.

Follow through and overlapping action is a general heading for two closely related animation techniques which form part of the 12 basic principles of animation identified by Disney animators Frank Thomas and Ollie Johnston in their authoritative 1981 book on Disney animation, The Illusion of Life. The term drag is sometimes included to form three separate but related concepts in the art of animation.

Straight ahead is a term used in animation that refers to a method that uses only the first key pose of a character, and then continues drawing the character to create the desired motion. It was first referred to in the 1981 book by Ollie Johnson and Frank Thomas The Illusion of Life, and is a part of the 12 Basic Principles of Animation. It contrasts with its converse, pose to pose animation, in that it does not use inbetweening. Straight ahead action is so named because the animator literally works straight ahead from the first drawing of the scene. Disney director-animator Woolie Reitherman said, "When I didn't know what I was doing in an action, I always went straight-ahead. I'd just start on ones. Half the time I didn't know what I was doing. To me, it's fun. You find out something you wouldn't have found out otherwise."

References

  1. Thomas, Frank; Ollie Johnston (1997) [1981]. The Illusion of Life: Disney Animation. Hyperion. pp. 47–69. ISBN   978-0-7868-6070-8.
  2. Allan, Robin. "Walt Disney's Nine Old Men & The Art Of Animation". Animation World Network. Archived from the original on November 2, 2013. Retrieved October 21, 2011.
  3. "List of Best Animation Books". Animation World Network. Archived from the original on September 3, 2009. Retrieved October 21, 2011.
  4. Johnston & Thomas (1981), p. 47.
  5. Johnston & Thomas (1981), pp. 47–51.
  6. De Stefano, Ralph A. "Squash and stretch". Electronic Visualization Laboratory, University of Illinois at Chicago . Retrieved June 26, 2008.
  7. Willian (July 5, 2006). "Squash and Stretch". Blender. Archived from the original on February 16, 2009. Retrieved June 27, 2008.
  8. Johnston & Thomas (1981), p. 49.
  9. De Stefano, Ralph A. "Anticipation". Electronic Visualization Laboratory, University of Illinois at Chicago . Retrieved June 27, 2008.
  10. Johnston & Thomas (1981), pp. 51–2.
  11. 1 2 Johnston & Thomas (1981), p. 53.
  12. 1 2 3 4 5 6 7 8 9 Lightfoot, Nataha. "12 Principles". Animation Toolworks. Archived from the original on June 9, 2016. Retrieved June 27, 2008.
  13. Johnston & Thomas (1981), pp. 53, 56.
  14. Johnston & Thomas (1981), p. 56.
  15. Willian (July 5, 2006). "Staging". Blender. Archived from the original on February 16, 2009. Retrieved June 28, 2008.
  16. Johnston & Thomas (1981), pp. 56–8.
  17. 1 2 Willian (July 5, 2006). "Straight Ahead Action and Pose to Pose". Blender. Archived from the original on May 4, 2007. Retrieved June 28, 2008.
  18. De Stefano, Ralph A. "Straight Ahead Action and Pose-To-Pose Action". Electronic Visualization Laboratory, University of Illinois at Chicago . Retrieved June 28, 2008.
  19. Johnston & Thomas (1981), pp. 59–62.
  20. Johnston & Thomas (1981), p. 60.
  21. Johnston & Thomas (1981), pp. 61–2.
  22. Willian (July 5, 2006). "Slow In and Out". Blender. Archived from the original on February 16, 2009. Retrieved June 28, 2008.
  23. Johnston & Thomas (1981), pp. 62–3.
  24. Johnston & Thomas (1981), pp. 63–4.
  25. De Stefano, Ralph A. "Secondary Action". Electronic Visualization Laboratory, University of Illinois at Chicago . Retrieved June 28, 2008.
  26. Johnston & Thomas (1981), p. 64.
  27. De Stefano, Ralph A. "Timing". Electronic Visualization Laboratory, University of Illinois at Chicago . Retrieved June 28, 2008.
  28. Johnston & Thomas (1981), pp. 64–5.
  29. Johnston & Thomas (1981), p. 65-6.
  30. Willian (June 29, 2006). "Exaggeration". Blender. Archived from the original on February 7, 2009. Retrieved June 28, 2008.
  31. De Stefano, Ralph A. "Exaggeration". Electronic Visualization Laboratory, University of Illinois at Chicago . Retrieved June 28, 2008.
  32. Johnston & Thomas (1981), pp. 66–7.
  33. 1 2 Willian (July 5, 2006). "Solid Drawing". Blender. Archived from the original on July 19, 2011. Retrieved June 15, 2010.
  34. Johnston & Thomas (1981), p. 67.
  35. Lasseter, John (August 1987). "Principles of traditional animation applied to 3D computer animation". ACM SIGGRAPH Computer Graphics. 21 (4): 35–44. doi:10.1145/37402.37407.
  36. 1 2 Johnston & Thomas (1981), p. 68.
  37. Willian (June 29, 2006). "Appeal". Blender. Archived from the original on December 1, 2008. Retrieved June 28, 2008.
  38. Thomas, Frank; Ollie Johnston (2002). "Animation Tips: Principles of Physical Animation". Frank and Ollie. Retrieved July 4, 2008.

Further reading