“12 basic principles of animation”

#1

*’SQUASH’ + ‘STRETCH’*

.

#2

*ANTICIPATION*

.

#3

*STAGING*

.

#4

*’STRAIGHT AHEAD ACTION’ + ‘POSE-TO-POSE’*

.

#5

*’FOLLOW-THROUGH’ / ‘OVERLAPPING’ ACTION*

.

#6

‘SLOW IN’ + ‘SLOW OUT’*

.

#7

*ARC*

.

#8

“SECONDARY ACTION”

.

#9

“TIMING”

.

#10

“EXAGGERATION”

.

#11

“SOLID DRAWING”

.

#12

*APPEAL*

.

.

.

#1

“SQUASH + STRETCH”

APPEAL –>

 

(illustration of the “squash and stretch”-principle:)

(‘example A’ shows a ball bouncing with a rigid, non-dynamic movement)

(in ‘example B’  the ball is “squashed” at impact, and “stretched” during ‘fall’ and ‘rebound’)

(the movement also accelerates during the fall, and slows down towards the apex (see “slow in and slow out”)

X

X

(‘animated sequence’ of a race horse galloping)

(photos taken by ‘eadweard muybridge’)

(the horse’s body demonstrates squash and stretch in ‘natural musculature’)

(the most important principle is “squash and stretch”, the purpose of which is to give a sense of ‘weight’ and ‘flexibility’ to ‘drawn objects’)

(it can be applied to ‘simple objects’ (like a ‘bouncing ball’) or more ‘complex constructions’, like the ‘musculature’ of a ‘human face’)

(taken to an ‘extreme point’, a figure ‘stretched’ or ‘squashed’ to an ‘exaggerated degree’ can have a ‘comical effect’)

(in ‘realistic animation’, however, the most important aspect of this principle is the fact that an object’s volume does not change when ‘squashed’ or ‘stretched’)

(if the length of a ball is stretched vertically, its ‘width’ (in 3 dimensions, also its ‘depth’) needs to contract correspondingly horizontally)

.

.

#2

“anticipation”

(‘anticipation’ is used to prepare the audience for an action, and to make the action appear more ‘realistic’)

(a dancer jumping off the floor has to bend his 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)

(anticipation: a baseball player making a pitch prepares for the action by moving his arm back)

.

.

#3

“staging”

(this principle is akin to staging, as it is known in theatre and film)

(its purpose is to direct the audience’s attention, and make it clear what is of greatest importance in a scene; ‘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’)

(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’)

(the essence of this principle is keeping focus on what is ‘relevant’, and avoiding ‘unnecessary detail’)

.

.

#4

“Straight Ahead Action” and “Pose to Pose”

(these are 2 different approaches to the actual drawing process)

(“straight ahead action” means drawing out a scene ‘frame by frame’ from ‘beginning’ to ‘end’, while “pose to pose” involves starting with drawing a few ‘key frames’ and then filling in the intervals later)

(“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)

(a combination of the 2 techniques is often used)

(‘computer animation’ removes the problems of proportion related to “straight ahead action” drawing)

(however, “pose to pose” is still used for computer animation, because of the advantages it brings in ‘composition’)

(the use of ‘computers’ facilitates this method, and can fill in the missing sequences in between poses automatically)

(it is, however, still important to oversee this process and apply the other principles discussed)

.

.

#5

“follow through” and “overlapping action”

(“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 to be “pulled back” only subsequently towards the center of mass and/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 him take a few frames to catch up)

(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)

(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)

(the “moving hold” animates between similar ‘key frames’, even characters sitting still can display some sort of movement, such as the torso moving in and out with breathing)

.

.

#6

‘slow in’ + ‘slow out’

(the movement of the ‘human body’ (+ most other objects) needs time to ‘accelerate’ + ‘slow down’)

(for this reason, animation looks more realistic if it has more drawings near the beginning and end of an action, emphasizing the extreme poses, and fewer in the middle)

(this principle goes for 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)

.

.

#7

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’)

(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)

.

.

#8

secondary action

 

(‘secondary action’: as the horse runs, its mane and tail follow the movement of the body)

(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 his arms or keep them in his pockets, speak or whistle, or express emotions through facial expressions)

(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)

(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’)

.

.

#9

“timing”

(“timing (animation)” redirects here)

(for the animation technique, see ‘blocking’ (animation))

(‘timing’ refers to the number of drawings or frames for a given action, which translates to the speed of the action on film)

(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’)

(‘timing’ is critical for establishing a character’s ‘mood’, ’emotion’, and ‘reaction’)

(it can also be a device to communicate aspects of a character’s personality)

.

.

#10

“exaggeration”

(‘exaggeration’ is an effect especially useful for animation, as perfect imitation of reality can look static and dull in cartoons)

(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)

(other forms of ‘exaggeration’ can involve the supernatural or surreal, alterations in the physical features of a character; or elements in the storyline itself)

(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)

.

.

#11

“solid drawing”

(the principle of ‘solid drawing’ means taking into account forms in 3-dimensional space, or giving them ‘volume’ and ‘weight’)

(the animator needs to be a skilled artist and has to understand the basics of 3-dimensional shapes, anatomy, weight, balance, light and shadow, etc)

(for the classical animator, this involved taking art classes and doing sketches from life)

(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’)

(modern-day computer animators draw less because of the facilities computers give them, yet their work benefits greatly from a basic understanding of animation principles, and their additions to basic computer animation)

.

.

#12

“APPEAL”

(‘appeal’ in a cartoon character corresponds to what would be called ‘charisma’ in an actor)

(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)

(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)

(a complicated or hard to read face will lack appeal, it may more accurately be described as ‘captivation’ in the composition of the pose, or the ‘character design’)

.

.

.

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.

But the principles are based on the work of Disney animators from the 1930s onwards, in their quest to produce more realistic animations.

(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’ + ‘character appeal’)

(the book has been referred to by some as the ‘bible of animation”, and some of its principles have been adopted by ‘traditional studios’)

(in ‘1999’, the illusion of life was voted the #1 “best animation book of all time” in an online poll done by ‘animation world network’)

.

(though originally intended to apply to traditional ‘hand-drawn animation’, the principles still have great relevance for today’s more prevalent ‘computer animation’)

.

.

*WIKI-LINK*

.

.

👈👈👈☜*“ANIMATION”* ☞ 👉👉👉

.

.

💕💝💖💓🖤💙🖤💙🖤💙🖤❤️💚💛🧡❣️💞💔💘❣️🧡💛💚❤️🖤💜🖤💙🖤💙🖤💗💖💝💘

.

.

*🌈✨ *TABLE OF CONTENTS* ✨🌷*

.

.

🔥🔥🔥🔥🔥🔥*we won the war* 🔥🔥🔥🔥🔥🔥

1 Trackback / Pingback

  1. animation | *JoGa Jungle*

Comments are closed.