SlideShare a Scribd company logo
Dr Tan Wee Hoe
whtan@fskik.upsi.edu.my
05-4505002 / 012-9542221
Faculty of Art, Computing and Creative
Industry, UPSI
Lecture Outline
 Animation production process
 12 Principles of Animation
 How to apply principles of animation in facial
expression
 How to apply principles of animation in walk cycle
Animation Production Process
Pre-production
 Idea / imagination /
sketching
 Concept / treatment
 Thumbnail board
 Character design
 Prop & set design
 Audio design
 Storyboard design
 Shooting board design
 Animatics
Animation Production Process
Production (3D)
 Character modelling
 Prop & set modelling
 Texturing & mapping
 Character set-up
 Camera set-up / digital
layout design
 Digital animatic
 Animating
 Lighting & Rendering
Production (2D)
 Draw keyframes
 Draw in-betweens
 Test (pencil / preview)
 Animate background
 Camera setup
 Shooting / capturing
Animation Production Process
Post-production
 Visual effects
 Compositing
 Editing
 Final Output
Animation Production Process
Inspired 3D Short
Film Production pipeline
Principles of animation
 Squash & stretch
 Anticipation
 Staging
 Pose-to-pose & straight
ahead action
 Follow-through and
overlapping action
 Slow-in and slow out
 Arcs
 Secondary action
 Timing
 Exaggeration
 Solid modeling
 Appeal
Squash & stretch
 A given object possesses some degree of rigidity
and intuitively has some amount of mass.
 This is reflected in the distortion (squash and
stretch) of its shape during an action.
Squash & stretch
Anticipation
 The setup before the main action.
 It lets the audience know that something is about
to happen and gathers the necessary energy.
 Why?
 In animation, a viewer’s eye ends to lag behind by a few
frames, so it is often necessary to announce that
something is about to happen so your audience doesn’t
miss it.
 Anticipation are often physical movements in the
opposite direction of the intended motion.
 Exception: a growl before an attack or a deep breath
before a bold statement.
Staging (Composition)
 Animation is communication.
 Successful staging will result in the clear presentation
of an idea.
 Choose the best scene layouts and camera angles to
deliver that story with appropriate style and mood.
 If a scene has a singular focus, you need to decide
whether it should be centered or perhaps off to the
side a bit.
 Maybe the best staging for a particular shot would be
to put its main focus off the screen (Rule of Third)
and reveal the action with sound or dialogue.
Staging
 Poses should be strong, and elements of your scene
should work well together visually.
 Typically, you should not hide important scene
elements behind less important elements
Staging
Pose-to-pose & straight ahead action
Straight Ahead
 Involves stepping
through the individual
frames of your scene
and manipulating
them sequentially.
 Requires more pre-
planning
 Used for stop motion
Pose to pose
 Involves defining the
extremes & then filling
in the spaces in
between.
 Used for CG
animations
Follow-through & overlapping action
 The extension of a main action.
 Occur when a secondary appendage, e.g. a tail or an
antenna, is indirectly driven by the primary motion of the
body.
 Occur later than the main action as the force dictating
the main action takes longer to reach the appendages.
 When an object in motion changes direction, stops
accelerating, or stops completely, secondary parts of that
object will continue in original direction after the change
in the main force.
 Follow-through is often reduced if an appendage has &
uses its own muscles.
Follow-through & overlapping action
Follow-through & overlapping action
 Overlap is the concept that not all moving parts of
a body will start and end at exactly the same time.
 If you turn your head and point, you arm
movement might begin before your head finishes
turning.
 Overlap is nonexist if the head and arm start and
stop on the same frame or if the arm waits to move
until the head has completed its motion.
 Such non-overlapped motions tend to look robotic.
Slow-in and slow out
 The acceleration and deceleration of action, i.e. the way
that an action begins slowly, moves quickly through the
main action, and then slows down as it comes to a stop
rather than moving linearly from one position to another.
Arcs
 The visual path of action for natural
movement.
 Straight-line paths look stiff.
 Arcs show the most economical route.
 With computer animation the inbetween
frames may follow straight lines - may need to
add a curve too it to make it more realistic.
 Using arcs to animate the movements of
characters helps achieve a natural look
because most living creatures move in curved
paths, never in perfectly straight lines.
Secondary action
 Any motion that is secondary to the main action.
 E.g. drumming your fingers on your knee while talking.
 Secondary action often reveal emotional subtleties or
hidden thoughts.
 If secondary action pulls the viewer’s attention away
from the main action, however, it becomes the main
action.
Timing
 Realism of an object depends on how it looks and
moves.
 The precise moment and the amount of time that
a character spends on an action.
 Timing adds emotion and intention to the
character’s performance.
 The timing of a response to someone calling
us, or a noise; tells a lot about our
attitude, confidence and disposition.
Timing
 Not too slow or audience eyes wander.
 Not too fast or action is misunderstood.
 The faster the motion, the more critical it is
to make the audience focus on it.
Exaggeration
 To increase the readability of emotions and actions.
 To effectively tell the story of a particular performance.
 Animation medium don’t deliver all of the same
information that exists in real life.
 Effective exaggeration isn’t always a matter of making a
motion larger.
 Significant decreasing an action is also a type of
exaggeration.
 E.g. completely stopping a character’s motion for an
unnaturally long period of time can demonstrate a
particular emotion, e.g. shock or disgust.
 Exaggeration is especially appropriate in cartoon-style
animation.
Solid drawing /modeling & rigging
 Each individual drawing should be a work of art on
its own.
 Each drawing should look like the character being
presented.
 Avoid inconsistency in terms of character’s size &
volume
Appeal
 In the context of animation, appeal means that a
character or its performance is visually interesting.
 The most subjective of all the principles.
 Is the presentation of your idea pleasant (or unpleasant)
to look at?
 Apply fundamental aesthetic principles to your
shots—though appeal doesn’t necessarily mean
attractive.

More Related Content

PPTX
Principles of animation
PPTX
12 principles of animation
PPTX
Principles of animation
PPTX
The Animation Process
PDF
12 Principles Of Animations
PPTX
Multimedia animation basic concepts
PPTX
Animation
Principles of animation
12 principles of animation
Principles of animation
The Animation Process
12 Principles Of Animations
Multimedia animation basic concepts
Animation

What's hot (20)

PPT
It413 animation
PPTX
Multimedia:Twelve Principles Of Animation
PPT
PDF
3D Animation Process and Workflow
PPTX
Animation Film Production Pipeline By : animationgossips.com (Jayant Sharma)
PPT
Animation: The Basic Skills
PPT
Animation
PPT
3D Animation - A Case Study by Seamedu Media School
PPT
Lecture 9 animation
PPT
Welcome to Animation Class
PPTX
Principles of animation
PPTX
animation
PPTX
Development of a 3d animated short film using 3d animation technique
PPTX
Object Oriented 3D Animation Pipeline
PPT
Animation
PPT
Lec28 29 30 animation
PPTX
Types of animation
PPTX
3D animation film making
PPTX
Computer Generated Graphics
DOCX
Evaluation of Types of Animation
It413 animation
Multimedia:Twelve Principles Of Animation
3D Animation Process and Workflow
Animation Film Production Pipeline By : animationgossips.com (Jayant Sharma)
Animation: The Basic Skills
Animation
3D Animation - A Case Study by Seamedu Media School
Lecture 9 animation
Welcome to Animation Class
Principles of animation
animation
Development of a 3d animated short film using 3d animation technique
Object Oriented 3D Animation Pipeline
Animation
Lec28 29 30 animation
Types of animation
3D animation film making
Computer Generated Graphics
Evaluation of Types of Animation
Ad

Viewers also liked (11)

PDF
Pre-production, Production & Post-production Process in 3D Animation
PPT
Promethean ActivInspire IWB Introduction
PPTX
20120827110821lecture01 (1)
PPTX
How to create a flipchart in activ inspire
PPTX
Slaid Persembahan Daripada UPSI
KEY
Animation.process
PDF
شرح برنامج Activ inspire
PDF
The Pixar Pipeline
PDF
Pre-Production Presentation
PPTX
Video Production Process - 3 Stages
PPTX
ANIMATION PPT
Pre-production, Production & Post-production Process in 3D Animation
Promethean ActivInspire IWB Introduction
20120827110821lecture01 (1)
How to create a flipchart in activ inspire
Slaid Persembahan Daripada UPSI
Animation.process
شرح برنامج Activ inspire
The Pixar Pipeline
Pre-Production Presentation
Video Production Process - 3 Stages
ANIMATION PPT
Ad

Similar to 20120827120826 lecture 03_prod_process_n_principles_of_anim (20)

PPTX
[UX Series] 6 - Animation principles
PPTX
Multimedia -Animation-
PPT
fdocuments.net_12-principles-of-animation.ppt
PDF
The 12 principles of animation, animation principles.pdf
PPTX
Multimedia-Lecture-Animation.pptx
PDF
ICT ANIMATION .pdf najajasjsjjzkizikakakjd
PPTX
Basic Principles and Types of Animations
PDF
ICT_2D_Animation_Module.pdf
PPTX
The Process and Strategies of Making an Animation.pptx
PPT
122bconcepts2bto2banimation 1226180265277870-9
PPT
12 Concepts of Animation
PPT
Animation
PPTX
The-12-Principles-of-Animation basic principle of animation
PPTX
MANNAVJIT SINGH.pptx
PPTX
GggggggggggggggggggComputer animation.pptx
PDF
Computer animation
PPTX
Screen art 1.pptx
PDF
theanimationprocess-170206004427 (1).pdf
PPTX
Animation-Week-1-Qtr-5-Principles of Animation
PDF
THE TWELVE COOL PRINCIPLES OF ANIMATION
[UX Series] 6 - Animation principles
Multimedia -Animation-
fdocuments.net_12-principles-of-animation.ppt
The 12 principles of animation, animation principles.pdf
Multimedia-Lecture-Animation.pptx
ICT ANIMATION .pdf najajasjsjjzkizikakakjd
Basic Principles and Types of Animations
ICT_2D_Animation_Module.pdf
The Process and Strategies of Making an Animation.pptx
122bconcepts2bto2banimation 1226180265277870-9
12 Concepts of Animation
Animation
The-12-Principles-of-Animation basic principle of animation
MANNAVJIT SINGH.pptx
GggggggggggggggggggComputer animation.pptx
Computer animation
Screen art 1.pptx
theanimationprocess-170206004427 (1).pdf
Animation-Week-1-Qtr-5-Principles of Animation
THE TWELVE COOL PRINCIPLES OF ANIMATION

More from Asiah Jamaluddin (7)

DOCX
Jpu final asiah
PPT
Produksi multimedia
DOCX
Tutorial menggunakan windows live movie maker
PPTX
Rekabentuk
PPSX
Present perisian
PPSX
soalan bab 3 Internet
PPTX
Jpu final asiah
Produksi multimedia
Tutorial menggunakan windows live movie maker
Rekabentuk
Present perisian
soalan bab 3 Internet

20120827120826 lecture 03_prod_process_n_principles_of_anim

  • 1. Dr Tan Wee Hoe whtan@fskik.upsi.edu.my 05-4505002 / 012-9542221 Faculty of Art, Computing and Creative Industry, UPSI
  • 2. Lecture Outline  Animation production process  12 Principles of Animation  How to apply principles of animation in facial expression  How to apply principles of animation in walk cycle
  • 3. Animation Production Process Pre-production  Idea / imagination / sketching  Concept / treatment  Thumbnail board  Character design  Prop & set design  Audio design  Storyboard design  Shooting board design  Animatics
  • 4. Animation Production Process Production (3D)  Character modelling  Prop & set modelling  Texturing & mapping  Character set-up  Camera set-up / digital layout design  Digital animatic  Animating  Lighting & Rendering Production (2D)  Draw keyframes  Draw in-betweens  Test (pencil / preview)  Animate background  Camera setup  Shooting / capturing
  • 5. Animation Production Process Post-production  Visual effects  Compositing  Editing  Final Output
  • 6. Animation Production Process Inspired 3D Short Film Production pipeline
  • 7. Principles of animation  Squash & stretch  Anticipation  Staging  Pose-to-pose & straight ahead action  Follow-through and overlapping action  Slow-in and slow out  Arcs  Secondary action  Timing  Exaggeration  Solid modeling  Appeal
  • 8. Squash & stretch  A given object possesses some degree of rigidity and intuitively has some amount of mass.  This is reflected in the distortion (squash and stretch) of its shape during an action.
  • 10. Anticipation  The setup before the main action.  It lets the audience know that something is about to happen and gathers the necessary energy.  Why?  In animation, a viewer’s eye ends to lag behind by a few frames, so it is often necessary to announce that something is about to happen so your audience doesn’t miss it.  Anticipation are often physical movements in the opposite direction of the intended motion.  Exception: a growl before an attack or a deep breath before a bold statement.
  • 11. Staging (Composition)  Animation is communication.  Successful staging will result in the clear presentation of an idea.  Choose the best scene layouts and camera angles to deliver that story with appropriate style and mood.  If a scene has a singular focus, you need to decide whether it should be centered or perhaps off to the side a bit.  Maybe the best staging for a particular shot would be to put its main focus off the screen (Rule of Third) and reveal the action with sound or dialogue.
  • 12. Staging  Poses should be strong, and elements of your scene should work well together visually.  Typically, you should not hide important scene elements behind less important elements
  • 14. Pose-to-pose & straight ahead action Straight Ahead  Involves stepping through the individual frames of your scene and manipulating them sequentially.  Requires more pre- planning  Used for stop motion Pose to pose  Involves defining the extremes & then filling in the spaces in between.  Used for CG animations
  • 15. Follow-through & overlapping action  The extension of a main action.  Occur when a secondary appendage, e.g. a tail or an antenna, is indirectly driven by the primary motion of the body.  Occur later than the main action as the force dictating the main action takes longer to reach the appendages.  When an object in motion changes direction, stops accelerating, or stops completely, secondary parts of that object will continue in original direction after the change in the main force.  Follow-through is often reduced if an appendage has & uses its own muscles.
  • 17. Follow-through & overlapping action  Overlap is the concept that not all moving parts of a body will start and end at exactly the same time.  If you turn your head and point, you arm movement might begin before your head finishes turning.  Overlap is nonexist if the head and arm start and stop on the same frame or if the arm waits to move until the head has completed its motion.  Such non-overlapped motions tend to look robotic.
  • 18. Slow-in and slow out  The acceleration and deceleration of action, i.e. the way that an action begins slowly, moves quickly through the main action, and then slows down as it comes to a stop rather than moving linearly from one position to another.
  • 19. Arcs  The visual path of action for natural movement.  Straight-line paths look stiff.  Arcs show the most economical route.  With computer animation the inbetween frames may follow straight lines - may need to add a curve too it to make it more realistic.  Using arcs to animate the movements of characters helps achieve a natural look because most living creatures move in curved paths, never in perfectly straight lines.
  • 20. Secondary action  Any motion that is secondary to the main action.  E.g. drumming your fingers on your knee while talking.  Secondary action often reveal emotional subtleties or hidden thoughts.  If secondary action pulls the viewer’s attention away from the main action, however, it becomes the main action.
  • 21. Timing  Realism of an object depends on how it looks and moves.  The precise moment and the amount of time that a character spends on an action.  Timing adds emotion and intention to the character’s performance.  The timing of a response to someone calling us, or a noise; tells a lot about our attitude, confidence and disposition.
  • 22. Timing  Not too slow or audience eyes wander.  Not too fast or action is misunderstood.  The faster the motion, the more critical it is to make the audience focus on it.
  • 23. Exaggeration  To increase the readability of emotions and actions.  To effectively tell the story of a particular performance.  Animation medium don’t deliver all of the same information that exists in real life.  Effective exaggeration isn’t always a matter of making a motion larger.  Significant decreasing an action is also a type of exaggeration.  E.g. completely stopping a character’s motion for an unnaturally long period of time can demonstrate a particular emotion, e.g. shock or disgust.  Exaggeration is especially appropriate in cartoon-style animation.
  • 24. Solid drawing /modeling & rigging  Each individual drawing should be a work of art on its own.  Each drawing should look like the character being presented.  Avoid inconsistency in terms of character’s size & volume
  • 25. Appeal  In the context of animation, appeal means that a character or its performance is visually interesting.  The most subjective of all the principles.  Is the presentation of your idea pleasant (or unpleasant) to look at?  Apply fundamental aesthetic principles to your shots—though appeal doesn’t necessarily mean attractive.