SlideShare a Scribd company logo
3
Most read
6
Most read
10
Most read
Twelve Principles of Animation
Developed by Frank Thomas and Ollie Johnston based on the
work of Disney Studio animators from the 1930s.
The Illusion of Life (1981) Thomas and Johnston
The purpose of the 12 principles
was to produce an illusion of
characters adhering to the basic
laws of physics, but also dealing
with emotional timing and
character appeal of
performance.
1. Squash and Stretch
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.
1878 Eadweard
Muybridge
Horse as another
example
2. Anticipation
Anticipation is used to prepare
the audience for an action, and to
make the action appear more
realistic, eg. dancer jumping off
the floor has to bend his knees
first; a golfer making a swing has
to swing the club back first.
3. STAGING
The mise-en-scene should clearly
communicate the attitude, mood,
reaction or idea of the character
as it relates to the story and
continuity of the narrative. Long,
medium, or close up shots, and
camera angles also helps tell the
story.
4. POSE TO POSE
“Pose to Pose” is planned out
and charted with key drawings
done at intervals throughout
the scene. Size, volumes, and
proportions are controlled this
way, as is the action.
(“Straight ahead animation”
starts at the first drawing and
works drawing to drawing to
the end of a scene -- does not
have the same spontaneity and
freshness.
5. FOLLOW THROUGH AND
OVERLAPPING ACTION
When the main body of the
character stops all other parts
continue to catch up to the main
mass of the character, such as
arms, long hair, clothing, coat
tails or a dress, floppy ears or a
long tail (these follow the path of
action). Nothing stops all at once.
6. SLOW-OUT AND SLOW-IN
As action starts, we have more
drawings near the starting
pose, one or two in the
middle, and more drawings
near the next pose. Fewer
drawings make the action
faster and more drawings
make the action slower.
7. ARCS
All actions, with few exceptions
(such as the animation of a
mechanical device), follow an arc
or slightly circular path. This is
especially true of the human
figure and the action of animals.
Arcs give animation a more
natural action and better flow.
8. SECONDARY ACTION
This action adds to and enriches
the main action and adds more
dimension to the character
animation, supplementing and/or
re-enforcing the main action.
Example: A character is angrily
walking toward another character.
The walk is forceful, aggressive,
and forward leaning.
9. TIMING
Expertise in timing comes best
with experience and personal
experimentation, using the trial
and error method in refining
technique. The basics are: more
drawings between poses slow and
smooth the action. Fewer
drawings make the action faster
and crisper.
10. EXAGGERATION
Exageration is a caricature of
facial features, expressions, poses,
attitudes and actions. Action
traced from live action film can
be accurate, but stiff and
mechanical. In feature animation,
a character must move more
broadly to look natural.
11. SOLID DRAWING
The basic principles of drawing form,
weight, volume solidity and the
illusion of 3D apply to animation as it
does to art drawings. One draws in
the classical sense, using pencil
sketches and drawings for
reproduction of life. These are then
transformed into color and movement
giving the characters the illusion of
3D and 4D life; 3D being perspective
and staging in space. 4D dimension is
movement in time.
12. APPEAL
A live performer has charisma.
An animated character has
appeal. Appealing animation does
not mean just being cute and
cuddly. All characters have to
have appeal whether they are
heroic, villainous, comic or cute.
The Illusion of Life Bugs Bunny Prince Varmint
Despicable Me
(Coffin, Renaud, 2010)
A criminal mastermind uses three girls
as pawns in a scheme but finds their
charms irresistible.
Steve Carell as Gru
Jason Segal as Vector
Russell Brand as Dr. Nefario
Julie Andrews as Gru’s Mom
Will Arnett as Mr Perkins
Kirsten Wiig as Miss Hattie

More Related Content

PPTX
Animation
Shaikh Taiyaba
 
PDF
12 Principles Of Animations
Daniel Downs
 
PDF
The History of Animation
Hussam Abualrub
 
PPTX
Animation
Amit Kapoor
 
PPTX
Principles of animation
suniltalekar1
 
PPTX
ANIMATION PPT
Gurpreet Singh
 
PPTX
12 principles of animation
INFORMATIC COMPUTER INSTITUTE
 
PPTX
Animation
marwa_ma
 
Animation
Shaikh Taiyaba
 
12 Principles Of Animations
Daniel Downs
 
The History of Animation
Hussam Abualrub
 
Animation
Amit Kapoor
 
Principles of animation
suniltalekar1
 
ANIMATION PPT
Gurpreet Singh
 
12 principles of animation
INFORMATIC COMPUTER INSTITUTE
 
Animation
marwa_ma
 

What's hot (20)

PPT
History of animation
ArtfulArtsyAmy
 
PPTX
Animation
Preet Kanwal
 
PPTX
Animation presentation
Rounak Muchhal
 
PPTX
The concept of motion graphics and its applications.
WeatherOfficialProdu
 
PPT
Animation
Vasu Mathi
 
PPT
Animation
Shubham Bammi
 
PPTX
Principles of animation
Gena Montgomery
 
PDF
Introduction to Animation and its Thought Process
Sonia Guerra
 
ODP
Introduction to 3D Animation
Gary Ferguson
 
PPTX
Animation Summary
H Pemberton
 
PPT
Animation
Pooja Goswami
 
PPTX
VFx
sweksha mishra
 
PDF
Introduction to Animation
Bilal Ahmed
 
PDF
principle of animation
azpiregroup
 
PPTX
Important Tips for 3D Animation Rigging
Animation Courses, Ahmedabad
 
PPTX
Animation
Brundha Sholaganga
 
PPT
Character design
Sayed Ahmed
 
PPT
Animation Techniques
Media Studies
 
PDF
What is character design and role of a character designer
DivyaParashar8
 
PPTX
animation
UPSIcoursework
 
History of animation
ArtfulArtsyAmy
 
Animation
Preet Kanwal
 
Animation presentation
Rounak Muchhal
 
The concept of motion graphics and its applications.
WeatherOfficialProdu
 
Animation
Vasu Mathi
 
Animation
Shubham Bammi
 
Principles of animation
Gena Montgomery
 
Introduction to Animation and its Thought Process
Sonia Guerra
 
Introduction to 3D Animation
Gary Ferguson
 
Animation Summary
H Pemberton
 
Animation
Pooja Goswami
 
Introduction to Animation
Bilal Ahmed
 
principle of animation
azpiregroup
 
Important Tips for 3D Animation Rigging
Animation Courses, Ahmedabad
 
Character design
Sayed Ahmed
 
Animation Techniques
Media Studies
 
What is character design and role of a character designer
DivyaParashar8
 
animation
UPSIcoursework
 
Ad

Viewers also liked (7)

PPT
principal of animations Created
SubahSamara
 
PPTX
[UX Series] 6 - Animation principles
Phuong Hoang Vu
 
PPSX
12 principles of animation!
hktony1999
 
PDF
The illusion of life 12 principles of animation small
Giselle Marquez
 
PPT
12 Concepts of Animation
jaspang
 
PPT
Basic Concepts of Animation
jamalharun
 
principal of animations Created
SubahSamara
 
[UX Series] 6 - Animation principles
Phuong Hoang Vu
 
12 principles of animation!
hktony1999
 
The illusion of life 12 principles of animation small
Giselle Marquez
 
12 Concepts of Animation
jaspang
 
Basic Concepts of Animation
jamalharun
 
Ad

Similar to Principles of Animation (20)

PPT
122bconcepts2bto2banimation 1226180265277870-9
Noor Huda
 
PPTX
Multimedia-Lecture-Animation.pptx
vishal choudhary
 
PDF
The 12 principles of animation, animation principles.pdf
carceromanuel10
 
PPTX
The-12-Principles-of-Animation basic principle of animation
weeneeeth
 
PDF
THE TWELVE COOL PRINCIPLES OF ANIMATION
Animation Kolkata
 
PPTX
Basic Principles and Types of Animations
hidivin652
 
PPTX
Multimedia animation basic concepts
Demarch Daguinotas
 
PDF
ICT_2D_Animation_Module.pdf
jaycerda
 
PPTX
MANNAVJIT SINGH.pptx
GurnoorSingh964564
 
PPTX
20120827120826 lecture 03_prod_process_n_principles_of_anim
Asiah Jamaluddin
 
PPT
Animation: The Basic Skills
walkers
 
PPTX
Multimedia:Twelve Principles Of Animation
St Mary's College,Thrissur,Kerala
 
PPT
Animation
mandalina landy
 
PPT
It413 animation
Meg Yodnad
 
PPTX
animation
Aiswarya Nair
 
PPTX
Multimedia -Animation-
AkiraUke
 
PPT
Animation
Ndung'u Ngugi
 
PPTX
Screen art 1.pptx
Durgesh Pandey
 
PDF
TWELVE PRINCIPLES OF ANIMATION.pdf
MAAC Kolkata
 
PPTX
COMM ART UNIT 5 - Notes and Project Outline
MrLawler
 
122bconcepts2bto2banimation 1226180265277870-9
Noor Huda
 
Multimedia-Lecture-Animation.pptx
vishal choudhary
 
The 12 principles of animation, animation principles.pdf
carceromanuel10
 
The-12-Principles-of-Animation basic principle of animation
weeneeeth
 
THE TWELVE COOL PRINCIPLES OF ANIMATION
Animation Kolkata
 
Basic Principles and Types of Animations
hidivin652
 
Multimedia animation basic concepts
Demarch Daguinotas
 
ICT_2D_Animation_Module.pdf
jaycerda
 
MANNAVJIT SINGH.pptx
GurnoorSingh964564
 
20120827120826 lecture 03_prod_process_n_principles_of_anim
Asiah Jamaluddin
 
Animation: The Basic Skills
walkers
 
Multimedia:Twelve Principles Of Animation
St Mary's College,Thrissur,Kerala
 
Animation
mandalina landy
 
It413 animation
Meg Yodnad
 
animation
Aiswarya Nair
 
Multimedia -Animation-
AkiraUke
 
Animation
Ndung'u Ngugi
 
Screen art 1.pptx
Durgesh Pandey
 
TWELVE PRINCIPLES OF ANIMATION.pdf
MAAC Kolkata
 
COMM ART UNIT 5 - Notes and Project Outline
MrLawler
 

More from University of Calgary, School of Creative and Performing Arts (20)

PPTX
Comedy and A Full Arch of Experience
University of Calgary, School of Creative and Performing Arts
 

Recently uploaded (20)

PPTX
Introduction to pediatric nursing in 5th Sem..pptx
AneetaSharma15
 
DOCX
pgdei-UNIT -V Neurological Disorders & developmental disabilities
JELLA VISHNU DURGA PRASAD
 
PPTX
CDH. pptx
AneetaSharma15
 
PDF
BÀI TẬP TEST BỔ TRỢ THEO TỪNG CHỦ ĐỀ CỦA TỪNG UNIT KÈM BÀI TẬP NGHE - TIẾNG A...
Nguyen Thanh Tu Collection
 
PPTX
How to Manage Leads in Odoo 18 CRM - Odoo Slides
Celine George
 
PPTX
Information Texts_Infographic on Forgetting Curve.pptx
Tata Sevilla
 
PDF
Virat Kohli- the Pride of Indian cricket
kushpar147
 
PPTX
Kanban Cards _ Mass Action in Odoo 18.2 - Odoo Slides
Celine George
 
PPTX
Measures_of_location_-_Averages_and__percentiles_by_DR SURYA K.pptx
Surya Ganesh
 
PPTX
Python-Application-in-Drug-Design by R D Jawarkar.pptx
Rahul Jawarkar
 
PPTX
A Smarter Way to Think About Choosing a College
Cyndy McDonald
 
PPTX
Artificial Intelligence in Gastroentrology: Advancements and Future Presprec...
AyanHossain
 
PPTX
HEALTH CARE DELIVERY SYSTEM - UNIT 2 - GNM 3RD YEAR.pptx
Priyanshu Anand
 
PPTX
Gupta Art & Architecture Temple and Sculptures.pptx
Virag Sontakke
 
PPTX
Virus sequence retrieval from NCBI database
yamunaK13
 
PPTX
Sonnet 130_ My Mistress’ Eyes Are Nothing Like the Sun By William Shakespear...
DhatriParmar
 
PPTX
How to Track Skills & Contracts Using Odoo 18 Employee
Celine George
 
PDF
What is CFA?? Complete Guide to the Chartered Financial Analyst Program
sp4989653
 
PPTX
20250924 Navigating the Future: How to tell the difference between an emergen...
McGuinness Institute
 
PPTX
Basics and rules of probability with real-life uses
ravatkaran694
 
Introduction to pediatric nursing in 5th Sem..pptx
AneetaSharma15
 
pgdei-UNIT -V Neurological Disorders & developmental disabilities
JELLA VISHNU DURGA PRASAD
 
CDH. pptx
AneetaSharma15
 
BÀI TẬP TEST BỔ TRỢ THEO TỪNG CHỦ ĐỀ CỦA TỪNG UNIT KÈM BÀI TẬP NGHE - TIẾNG A...
Nguyen Thanh Tu Collection
 
How to Manage Leads in Odoo 18 CRM - Odoo Slides
Celine George
 
Information Texts_Infographic on Forgetting Curve.pptx
Tata Sevilla
 
Virat Kohli- the Pride of Indian cricket
kushpar147
 
Kanban Cards _ Mass Action in Odoo 18.2 - Odoo Slides
Celine George
 
Measures_of_location_-_Averages_and__percentiles_by_DR SURYA K.pptx
Surya Ganesh
 
Python-Application-in-Drug-Design by R D Jawarkar.pptx
Rahul Jawarkar
 
A Smarter Way to Think About Choosing a College
Cyndy McDonald
 
Artificial Intelligence in Gastroentrology: Advancements and Future Presprec...
AyanHossain
 
HEALTH CARE DELIVERY SYSTEM - UNIT 2 - GNM 3RD YEAR.pptx
Priyanshu Anand
 
Gupta Art & Architecture Temple and Sculptures.pptx
Virag Sontakke
 
Virus sequence retrieval from NCBI database
yamunaK13
 
Sonnet 130_ My Mistress’ Eyes Are Nothing Like the Sun By William Shakespear...
DhatriParmar
 
How to Track Skills & Contracts Using Odoo 18 Employee
Celine George
 
What is CFA?? Complete Guide to the Chartered Financial Analyst Program
sp4989653
 
20250924 Navigating the Future: How to tell the difference between an emergen...
McGuinness Institute
 
Basics and rules of probability with real-life uses
ravatkaran694
 

Principles of Animation

  • 1. Twelve Principles of Animation Developed by Frank Thomas and Ollie Johnston based on the work of Disney Studio animators from the 1930s.
  • 2. The Illusion of Life (1981) Thomas and Johnston The purpose of the 12 principles was to produce an illusion of characters adhering to the basic laws of physics, but also dealing with emotional timing and character appeal of performance.
  • 3. 1. Squash and Stretch 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. 1878 Eadweard Muybridge Horse as another example 2. Anticipation Anticipation is used to prepare the audience for an action, and to make the action appear more realistic, eg. dancer jumping off the floor has to bend his knees first; a golfer making a swing has to swing the club back first.
  • 4. 3. STAGING The mise-en-scene should clearly communicate the attitude, mood, reaction or idea of the character as it relates to the story and continuity of the narrative. Long, medium, or close up shots, and camera angles also helps tell the story. 4. POSE TO POSE “Pose to Pose” is planned out and charted with key drawings done at intervals throughout the scene. Size, volumes, and proportions are controlled this way, as is the action. (“Straight ahead animation” starts at the first drawing and works drawing to drawing to the end of a scene -- does not have the same spontaneity and freshness.
  • 5. 5. FOLLOW THROUGH AND OVERLAPPING ACTION When the main body of the character stops all other parts continue to catch up to the main mass of the character, such as arms, long hair, clothing, coat tails or a dress, floppy ears or a long tail (these follow the path of action). Nothing stops all at once. 6. SLOW-OUT AND SLOW-IN As action starts, we have more drawings near the starting pose, one or two in the middle, and more drawings near the next pose. Fewer drawings make the action faster and more drawings make the action slower.
  • 6. 7. ARCS All actions, with few exceptions (such as the animation of a mechanical device), follow an arc or slightly circular path. This is especially true of the human figure and the action of animals. Arcs give animation a more natural action and better flow. 8. SECONDARY ACTION This action adds to and enriches the main action and adds more dimension to the character animation, supplementing and/or re-enforcing the main action. Example: A character is angrily walking toward another character. The walk is forceful, aggressive, and forward leaning.
  • 7. 9. TIMING Expertise in timing comes best with experience and personal experimentation, using the trial and error method in refining technique. The basics are: more drawings between poses slow and smooth the action. Fewer drawings make the action faster and crisper. 10. EXAGGERATION Exageration is a caricature of facial features, expressions, poses, attitudes and actions. Action traced from live action film can be accurate, but stiff and mechanical. In feature animation, a character must move more broadly to look natural.
  • 8. 11. SOLID DRAWING The basic principles of drawing form, weight, volume solidity and the illusion of 3D apply to animation as it does to art drawings. One draws in the classical sense, using pencil sketches and drawings for reproduction of life. These are then transformed into color and movement giving the characters the illusion of 3D and 4D life; 3D being perspective and staging in space. 4D dimension is movement in time. 12. APPEAL A live performer has charisma. An animated character has appeal. Appealing animation does not mean just being cute and cuddly. All characters have to have appeal whether they are heroic, villainous, comic or cute.
  • 9. The Illusion of Life Bugs Bunny Prince Varmint
  • 10. Despicable Me (Coffin, Renaud, 2010) A criminal mastermind uses three girls as pawns in a scheme but finds their charms irresistible. Steve Carell as Gru Jason Segal as Vector Russell Brand as Dr. Nefario Julie Andrews as Gru’s Mom Will Arnett as Mr Perkins Kirsten Wiig as Miss Hattie