12 Principles of Computer Animation Amy Gooch AA

  • Slides: 35
Download presentation
12 Principles of Computer Animation Amy Gooch AA 3: Animation

12 Principles of Computer Animation Amy Gooch AA 3: Animation

Copyright "Illusion of Life: Disney Animation" by Ollie Frank/Johnson Thomas

Copyright "Illusion of Life: Disney Animation" by Ollie Frank/Johnson Thomas

12 Principles of Animation • Created by Disney Studios in 1930 s – Snow

12 Principles of Animation • Created by Disney Studios in 1930 s – Snow White (1937) – Pinocchio & Fantastia (1940) – Dumbo (1941) – Bambi (1942)

Really about… • Performance – Directing Performance – Representing reality – Interpreting real world

Really about… • Performance – Directing Performance – Representing reality – Interpreting real world physics – Editing sequence of actions

Squash and stretch Copyright "Illusion of Life: Disney Animation" by Ollie Frank/Johnson Thomas

Squash and stretch Copyright "Illusion of Life: Disney Animation" by Ollie Frank/Johnson Thomas

Squash and stretch Copyright "Illusion of Life: Disney Animation" by Ollie Frank/Johnson Thomas Copyright

Squash and stretch Copyright "Illusion of Life: Disney Animation" by Ollie Frank/Johnson Thomas Copyright © 1999 Michael B. Comet All Rights Reserved.

Anticipation Top: move simply Bottom: anticipates motion before moving, broadcasting what is about to

Anticipation Top: move simply Bottom: anticipates motion before moving, broadcasting what is about to happen Copyright "Illusion of Life: Disney Animation" by Ollie Frank/Johnson Thomas Copyright © 1999 Michael B. Comet All Rights Reserved.

Anticipation Bad Jump: no anticipation Good Jump: crouch first, then jump Copyright © 1999

Anticipation Bad Jump: no anticipation Good Jump: crouch first, then jump Copyright © 1999 Michael B. Comet All Rights Reserved.

Staging Copyright "Illusion of Life: Disney Animation" by Ollie Frank/Johnson Thomas

Staging Copyright "Illusion of Life: Disney Animation" by Ollie Frank/Johnson Thomas

Staging Bad Silhouette Good Silhouette Copyright © 1999 Michael B. Comet All Rights Reserved.

Staging Bad Silhouette Good Silhouette Copyright © 1999 Michael B. Comet All Rights Reserved.

Two Animation Techniques for Action • Pose-to-Pose • Straight-ahead (Ex: Ryan by Chris Landreth)

Two Animation Techniques for Action • Pose-to-Pose • Straight-ahead (Ex: Ryan by Chris Landreth) Copyright "Illusion of Life: Disney Animation" by Ollie Frank/Johnson Thomas

Action, pt 2 Follow-thru Action Overlapping Action Copyright "Illusion of Life: Disney Animation" by

Action, pt 2 Follow-thru Action Overlapping Action Copyright "Illusion of Life: Disney Animation" by Ollie Frank/Johnson Thomas

Follow-thru Action Balls Top: No Follow thru Bottom: Follow thru Arm Rotates with follow

Follow-thru Action Balls Top: No Follow thru Bottom: Follow thru Arm Rotates with follow thru Hand continues past stop position, then falls back in place Copyright © 1999 Michael B. Comet All Rights Reserved.

Follow-thru Action Watch the antenas Copyright © 1999 Michael B. Comet All Rights Reserved.

Follow-thru Action Watch the antenas Copyright © 1999 Michael B. Comet All Rights Reserved.

Movement: Slow-in and Slow-out • The ball on the left moves at a constant

Movement: Slow-in and Slow-out • The ball on the left moves at a constant speed; looks abrupt • The ball in the right eases in/out at the top; looks smoother and more natural Copyright © 1999 Michael B. Comet All Rights Reserved.

Movement: Slow-in and Slow-out • Bad, No ease • Very Robotic • Good, with

Movement: Slow-in and Slow-out • Bad, No ease • Very Robotic • Good, with ease • More natural, fluid Copyright © 1999 Michael B. Comet All Rights Reserved.

Movement: Arcs Copyright "Illusion of Life: Disney Animation" by Ollie Frank/Johnson Thomas

Movement: Arcs Copyright "Illusion of Life: Disney Animation" by Ollie Frank/Johnson Thomas

Arcs • Bad, Linear ball • Good, Arc ball Copyright © 1999 Michael B.

Arcs • Bad, Linear ball • Good, Arc ball Copyright © 1999 Michael B. Comet All Rights Reserved.

Arcs: Head Turn • Bad, Linear • Good, Arc Copyright © 1999 Michael B.

Arcs: Head Turn • Bad, Linear • Good, Arc Copyright © 1999 Michael B. Comet All Rights Reserved.

Secondary Action Copyright "Illusion of Life: Disney Animation" by Ollie Frank/Johnson Thomas

Secondary Action Copyright "Illusion of Life: Disney Animation" by Ollie Frank/Johnson Thomas

Timing

Timing

Timing Head Turn • 60 Frame – Looks like stretch • 30 Frame –

Timing Head Turn • 60 Frame – Looks like stretch • 30 Frame – Looks like “no no no” • 5 Frame – Looks like he got hit Copyright © 1999 Michael B. Comet All Rights Reserved.

Exaggeration • Bad • Good Copyright © 1999 Michael B. Comet All Rights Reserved.

Exaggeration • Bad • Good Copyright © 1999 Michael B. Comet All Rights Reserved.

Solid modeling and rigging • (solid drawing in 1930 s) Copyright "Illusion of Life:

Solid modeling and rigging • (solid drawing in 1930 s) Copyright "Illusion of Life: Disney Animation" by Ollie Frank/Johnson Thomas

Character Personality

Character Personality

12 Principles of Animation • • • Squash and Stretch Anticipation Staging Follow-thru and

12 Principles of Animation • • • Squash and Stretch Anticipation Staging Follow-thru and Overlapping Action Straight-ahead and Pose-to-Pose Slow-in and Slow-out Arcs Secondary Action Timing Exaggeration Solid Modeling and Rigging Character Personality

A few more…

A few more…

Visual Styling

Visual Styling

Blend Motion • • Cartoon physics Realistic cartoon Realistic human Rotoscoping

Blend Motion • • Cartoon physics Realistic cartoon Realistic human Rotoscoping

Cinematography • Lighting • Composition • Squencing

Cinematography • Lighting • Composition • Squencing

Facial animation • More subtle controls in CG • Decide early on level of

Facial animation • More subtle controls in CG • Decide early on level of control

User-controlled animation • Games allow user intervention • Built-in anticipation • Branch smoothly between

User-controlled animation • Games allow user intervention • Built-in anticipation • Branch smoothly between action shots

Animation Examples • Siggraph 2004 DVD

Animation Examples • Siggraph 2004 DVD

Credits • • http: //www. siggraph. org/education/materials/Hyper. Graph/animation/character_animation/principles /prin_trad_anim. htm Kerlow’s Book Jessica Hodgin’s

Credits • • http: //www. siggraph. org/education/materials/Hyper. Graph/animation/character_animation/principles /prin_trad_anim. htm Kerlow’s Book Jessica Hodgin’s Notes http: //www. comet-cartoons. com/toons/3 ddocs/charanim/ (animations)

Computer Animation Amy Gooch CS 395 Introduction toComputer Animation Amy Gooch CS 395 Introduction to
Character Animation Amy Gooch CS 395 Introduction toCharacter Animation Amy Gooch CS 395 Introduction to
Character Animation Amy Gooch CS 395 Introduction toCharacter Animation Amy Gooch CS 395 Introduction to
Key Frame Animation Amy Gooch AA 3 IntroKey Frame Animation Amy Gooch AA 3 Intro
Animation The Fundamental Principles Early Animation Processes AnimationAnimation The Fundamental Principles Early Animation Processes Animation
Animation What is animation The computer animation refersAnimation What is animation The computer animation refers
Amy Rogers Amy Rogers Amy Rogers Carl CorbidgeAmy Rogers Amy Rogers Amy Rogers Carl Corbidge
Animation Through The Ages WHAT IS ANIMATION AnimationAnimation Through The Ages WHAT IS ANIMATION Animation
Animation in flash FramebyFrame Animation l An animationAnimation in flash FramebyFrame Animation l An animation
Animation Two major forms of animation Stopmotion animationAnimation Two major forms of animation Stopmotion animation
Introduction to Animation George Boudman Animation Techniques AnimationIntroduction to Animation George Boudman Animation Techniques Animation
Unity 3 D Animation Animation The Animation SystemUnity 3 D Animation Animation The Animation System
TYPES OF ANIMATION Types of animation Traditional animationTYPES OF ANIMATION Types of animation Traditional animation
ANIMATION IT Survey 1112 WHAT IS ANIMATION AnimationANIMATION IT Survey 1112 WHAT IS ANIMATION Animation
Chapter 5 ANIMATION The Power of Animation AnimationChapter 5 ANIMATION The Power of Animation Animation
CUTOUT ANIMATION CUTOUT ANIMATION Cutout animation puppets canCUTOUT ANIMATION CUTOUT ANIMATION Cutout animation puppets can
Animation in Java 1 Animation Demo Checkout AnimationAnimation in Java 1 Animation Demo Checkout Animation
Types of Animation Animation Animation is about bringingTypes of Animation Animation Animation is about bringing
Behavioral Animation Procedural Animation Type Behavioral Animation IntroducedBehavioral Animation Procedural Animation Type Behavioral Animation Introduced
SMM 4302 Computer Animation Welcome Computer Animation LectureSMM 4302 Computer Animation Welcome Computer Animation Lecture
Unit 26 Computer Animation Unit Introduction Computer AnimationUnit 26 Computer Animation Unit Introduction Computer Animation
ANIMATIONS REALISM Computer animation Computer animation is aANIMATIONS REALISM Computer animation Computer animation is a
Unit 26 Computer Animation Unit Introduction Computer AnimationUnit 26 Computer Animation Unit Introduction Computer Animation
Animation The Twelve Principles of Animation Plus imagesAnimation The Twelve Principles of Animation Plus images