Richard Williams Study Circle Handout: Disney 12 Principles of Animation. Frank Thomas & Ollie Johnston: The Illusion of Life

Similar documents
12 basic principles of animation

2D 3D CHARACTER COMPUTER ANIMATION ANIMATION INFORMATISÉE 2D 3D SECONDARY NIVEAU SECONDAIRE

A bouncing ball squashes on its vertical axis and stretches on the horizontal axis as it strikes the ground.

Reading. Animation principles. Required:

CS475/CS675 - Computer Graphics. Lecture 16: Principles of Animation

3D Character animation principles

Animation principles. Character animation. Reading. Goal: make characters that move in a convincing way to communicate personality and mood.

Reading. Animation principles. Character animation. Animation Principles

Reading. Animation principles. Character animation. Goal: make characters that move in a convincing way to communicate personality and mood.

THE TWELVE PRINCIPLES OF ANIMATION 1. SQUASH AND STRETCH 2. TIMING

Computer Animation INF2050

Animation principles. Reading. CSE 457 Winter Required:

Animation principles. Character animation. Reading. Goal: make characters that move in a convincing way to communicate personality and mood.

Computer Graphics. Spring Feb Ghada Ahmed, PhD Dept. of Computer Science Helwan University

The Principles of Animation "When we consider a new project, we really study it... not just the surface idea, but everything about it.

Animation principles. Reading. Character animation. Animation Principles. Brian Curless CSE 457 Spring 2013

Animation principles. Character animation. Reading. Goal: make characters that move in a convincing way to communicate personality and mood.

Animation Principles CSE 457

COMPETITORS HANDBOOK / MANUEL DES CONCURRENTS 2D 3D CHARACTER COMPUTER ANIMATION ANIMATION INFORMATISÉE 2D 3D SECONDARY / NIVEAUX SECONDAIRE

CS/INFO 4154: Analytics-driven Game Design

Keyframe Animation. Animation. Computer Animation. Computer Animation. Animation vs Modeling. Animation vs Modeling

COMP371 COMPUTER GRAPHICS

Computer Animation. Michael Kazhdan ( /657) HB 16.5, 16.6 FvDFH 21.1, 21.3, 21.4

Vehicle Project. Ethan Steele CGD

CS770/870 Spring 2017 Animation Basics

CS770/870 Spring 2017 Animation Basics

Animations. Hakan Bilen University of Edinburgh. Computer Graphics Fall Some slides are courtesy of Steve Marschner and Kavita Bala

2D ANIMATION SOFTWARE Which is Best?

Computer Graphics. Si Lu. Fall uter_graphics.htm 11/27/2017

Animation in the Interface

BCA502 GRAPHICS & MULTIMEDIA UNIT-IV

Upcoming Deadlines. ArtPhysics123.pbworks.com. Second Homework (Mini-portfolio): Due Monday, February 8 th ; Due Wednesday, February 10 th ;

Perception. Animation. Jacqueline Fischer

How Animation is Generated

Basics of Design p. 2 Approaching Design as an Artist p. 4 Knowing Your Character p. 4 Making Decisions p. 4 Categories of Design p.

Animation. Traditional Animation Keyframe Animation. Interpolating Rotation Forward/Inverse Kinematics

Reviewing Principles and Elements of Animation for Motion Capture-based Walk, Run and Jump

CS559: Computer Graphics

The 3D rendering pipeline (our version for this class)

Animation. Pat Hanrahan

Basics of Motion Generation

2D Animation Principles Assignment List

CS230 : Computer Graphics Lecture 12: Introduction to Animation. Tamar Shinar Computer Science & Engineering UC Riverside

Stop-Motion Animation

Computer Animation. Courtesy of Adam Finkelstein

COMPUTER ANIMATION 3 KEYFRAME ANIMATION, RIGGING, SKINNING AND CHARACTER ANIMATION. Rémi Ronfard, Animation, M2R MOSIG

Getting Started with Crazy Talk 6

Gordon Foulkes, Aryn Gunn, Mike Schoenhals, Graham Scott, Dennis Wong. Port Moody Secondary, Terry Fox, Gleneagle, Dr.

animation projects in digital art animation 2009 fabio pellacini 1

Academic / Common Core Standards. Key Assignments/ Common Assessments

Walk Cycle with Symbols

3D Animation DESCRIPTION. EXAM INFORMATION Items

2D Animation Principles Week 1

Computer Animation. Conventional Animation

Diploma in Graphics Design. Examinations for / Semester 1

Computer Animation. AYBU - CENG505 Advanced Computer Graphics

Animation. CS 4620 Lecture 33. Cornell CS4620 Fall Kavita Bala

CNM 190 Advanced Digital Animation Lec 12 : Walk Cycles & Autonomous Motion

UNIVERSITY OF CALIFORNIA College of Engineering Department of Electrical Engineering and Computer Sciences Computer Science Division CS 294-7

Animation. CS 465 Lecture 22

Animation. Representation of objects as they vary over time. Traditionally, based on individual drawing or photographing the frames in a sequence

CSE512 :: 4 Feb Animation. Jeffrey Heer University of Washington

Blender 3D Basics. Ch. 1

Karen Liu associate professor at School of Interactive Computing. Murali Varma graduate student at School of Interactive Computing

IAT 355 Visual Analytics. Animation 2. Lyn Bartram. Many of these slides were borrowed from M. Hearst and J. Heer

Animation Charts 4. What is in the Animation Charts 4 Package?

Case Study: The Pixar Story. By Connor Molde Comptuer Games & Interactive Media Year 1

Animation by Adaptation Tutorial 1: Animation Basics

Computer Animation Team (440)

Innovations Project Report. Traditional 2D Animation

Vehicle Project. Adam Beckett

A SYSTEM FOR PLANNING AND TIMING ANIMATION PDF provided by

Blender Animation Editors

Video Basics. Camera Shots, Camera Angles, and Camera Movement

Animation. CS334 Fall Daniel G. Aliaga Department of Computer Science Purdue University

Exploring Believable Character Animation Based on Principles of Animation and Acting Principles

199: Natural world and CG: modeling. Karan Singh

Week 5: Assignment: Animation

and the open movie project

doi: / The Application of Polygon Modeling Method in the Maya Persona Model Shaping

Camera Actions. Shots, Angles & Movements

Computer Animation Fundamentals. Animation Methods Keyframing Interpolation Kinematics Inverse Kinematics

character design pipeline) callum.html

Three-Dimensional Computer Animation

Vocabulary Unit 2-3: Linear Functions & Healthy Lifestyles. Scale model a three dimensional model that is similar to a three dimensional object.

Animation Charts 4. What is in the Animation Charts 4 Package?

WEB 2 CREATING ROLLOVERS AND ANIMATIONS I N T H I S C H A P T E R. Creating Rollovers: The Basics 2. Simple Buttons: Lighting and Position 4

Better Beginnings: How to Capture Your Audience in 30 Seconds Carmen Taran Rexi Media

animation computer graphics animation 2009 fabio pellacini 1 animation shape specification as a function of time

Introduction to Computer Graphics

animation computer graphics animation 2009 fabio pellacini 1

Chapter 9 Animation System

CS 231. Deformation simulation (and faces)

Animation Lecture 10 Slide Fall 2003

Topics in Computer Animation

2D & 3D Animation NBAY Donald P. Greenberg March 21, 2016 Lecture 7

Motion for Computer Animation. Michael Gleicher Department of Computer Sciences University of Wisconsin, Madison

Screenplay. Timing and motion. Martin Constable October 23, RMIT Vietnam

Personal style & NMF-based Exaggerative Expressions of Face. Seongah Chin, Chung-yeon Lee, Jaedong Lee Multimedia Department of Sungkyul University

Realism in CGI Character Performance: A Comparative Study of the Evolution of Key Framed Animation and Motion Capture. Systems at Weta Digital Studios

Transcription:

Frank Thomas & Ollie Johnston: The Illusion of Life 1

1. Squash and Stretch The principle is based on observation that only stiff objects remain inert during motion, while objects that are not stiff, although retaining overall volume, tend to change shape in an extent that depends on inertia and elasticity of the different parts of the moving object. Picture by Preston Blair 2

2. Anticipation Real-world actions don t start immediately. An action in an animation occurs in three steps: 1. Set up for the action 2. The action 3. Follow through on the action The setup is anticipation, which is typically a movement in the opposite direction (contrary movement) to the action. 3

3.Staging Staging is the presentation of an idea so that it is clear. This idea can be an action, a personality, an expression, or a mood. The key idea is that the idea is made clear to the viewer. An important objective of staging is to lead the viewers eye to where the action will occur so that they do not miss anything. This means that only one idea at a time occur, or else the viewers may be looking at the wrong thing. So, the main object should be contrasted in some way with the rest of the scene. A good example is motion, since the eye is drawn to motion in an otherwise still scene. In a scene with everything moving, the eye is drawn to a still object. Picture by Preston Blair 4

4. Straight Ahead Action and Pose to Pose These are two different ways to animate an action. The straight-ahead technique means to animate your action from drawing 1 to the end in sequence order. The pose-to-pose technique is a bit more intricate as it means to draw the key poses first (often the beginning and end drawing of the action and some other key moment between. Once the key poses are done, the breakdown and inbetween drawings are added to fill the rest of the animation. Smoke, water and other fluid elements are often animated using the straight-ahead technique. Actions that require tight timing and structure are often animated with the pose-to-pose technique. This method helps maintain a solid structure and preserve the volume. Sometimes, when using the straight-ahead technique, it may be difficult to calculate where the action will end up and the final drawing may be out of proportion and not where it should be. 5. Follow Through and Overlapping Action 5

Follow Through While anticipation is the preparation of an action, follow through is the termination of an action. Actions rarely come to a sudden and complete stop, but are generally carried past their termination point. Overlapping Action Slight variations in the timing and speed of loose parts makes objects seem more natural. This overlapping action makes the objects and movement more interesting. 6. Slow in and Slow out 6

The movement of the human body, and most other objects, needs time to accelerate and 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. 7. Arcs Most natural action tends to follow an arched trajector, 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 8. Secondary Action 7

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. The important thing about secondary actions is that they emphasize, rather than take attention away from the main action. 9. Timing Timing refers to the number of drawings or frames for a given action, which translates to the speed of the action on film 8

10. Exaggeration Exaggeration is s an effect especially useful for animation, as animated motions that strive for a perfect imitation of reality can look static and dull. The level of exaggeration depends on whether one seeks realism or a particular style, like a caricature or the style of a specific artist. 11. Solid Drawing The principle of solid drawing means taking into account forms in three-dimensional space, or giving them volume and weight. 9

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. 10