SlideShare a Scribd company logo
1 of 24
ANIMATION TECHNIQUES
Two types animation techniques:
 Conventional Animation
 Digital Animation
CONVENTIONAL ANIMATION
5 types of conventional animation:
 Drawn animation
 Cut-out animation
 Stop motion animation
 Rotoscoping
 Limited animation
DRAWN ANIMATION
Produced by a series of drawn images that been stacked together sequentially.


Each drawing is differing slightly from the one before and after.


To produce a complex animation (for example, animated movie) requires several
    thousands of drawings that will be presented on screen one by one at a fast
    rate.
DRAWN ANIMATION
Series of drawn images will be traced onto transparent cels (celluloid acetate
    sheets) to create fine lines before coloring process begins.


Advantages : it can produce an attractive and controllable effect.


Disadvantages : it is time consuming and requires a lot of work.
CUT-OUT ANIMATION
http://www.aifweb.com/animation/cutout_anim/cutout_animation.html


Creating a graphic symbol for the leg, below.
CUT-OUT ANIMATION
Known as collage animation/ silhoutte animation


Cut-out animation involves moving cut-out shapes in small steps


Taking a picture at each stage, this is a lot less work than having to draw every
    single frame of the animation.
CUT-OUT ANIMATION
Advantages:
 easy to create and requires
 less cost and equipment


Disadvantages:
 animation effect is not realistic and not attractive


Example:
 Angela Anaconda, South Park & Wonderpets
STOP-MOTION ANIMATION
Known as model animation and claymotion.
Process of recording the manual movement or three dimensional object to create
   animation effect.
Usually clay is used to create puppet.
Object moved then recorded.
The whole recording will be played to produced animation effect.


Example: Chicken Run, Bob The Builder and Wallace And Gromit.
ROTOSCOPING
The process of tracking contours in a video sequences.
ROTOSCOPING
Rotoscoping refers to the process of tracing the action, character and so on from
   video or real film.


Advantages: It requires video or film as a platform of creating the animation. It
   produces a realistic effect to the animation.


Disadvantages: This technique is used to produce a complex movement that is hard
    to create by ordinary technique.
LIMITED ANIMATION
Process of making animated cartoons that does not follow a realistic approach.


Creates an image that uses abstract art, symbolism, and limited movement to
   create the same effect, but at a much lower production cost.


Allows animation cels to be duplicated, resulting in a lower number of separate
    frames per second (normal conventional animation use 24-30 fps, limited
    animation use 12 fps)
DIGITAL ANIMATION
4 types of digital animation:
 Cel-based animation
    Known as Frame Animation
DIGITAL ANIMATION
 Path-Based animation
    Process of animating object over line or path
DIGITAL ANIMATION
Object animation
 Changing on specifications or characteristic of object.
    color ,
    size,
    shape,
    Lighting
Scene transition
   Use fade in and fade out
ANIMATION TERMINOLOGIES
5 elements in animation terminologies :
 Keyframes
 Tweening
 Onion skinning
 Frame rate
 Aspect ratio
KEYFRAMES
 It is the main frame in an animated sequence that represents major change to object.

 Act as a reference for other frames in animated sequence.
TWEENING
 Refers to the process of creating object between keyframes to generate animated
  sequence.

 Animator creates object in the first and last keyframe only. While frames between
  keyframes (inbetweening) will be generated automatically by software.
ONION SKINNING
Technique used in creating object and editing movies to see several frames at once.
FRAME RATE
 The measurement of how quick an imaging device produces consecutive frames
  when presenting animation.

 Measured as fps (frame per second).

 Standard fps is 12fps
ASPECT RATIO
 Refers to the distribution of pixel on screen for production process.

 It measures based on the number of pixel on screen; width x height.

 In general, computer screen aspect ratio measurements are 640 x 480, 800 x
  600, 1024 x 768 and so on.
ASPECT RATIO
 By default, aspect ratio in Flash is 550 x 400, suitable for viewing through computer
  and web.

 For animation presentation through video screen, this aspect ratio should be changed
  to fit with the standard aspect ratio for video screen.

 Two aspects ratio for video screen;
    PAL (768 x 576) and
    NTSC (720 x 540).

More Related Content

What's hot

Lecture 9 animation
Lecture 9 animationLecture 9 animation
Lecture 9 animation
Mr SMAK
 
(Computer) Animation Technique
(Computer) Animation Technique(Computer) Animation Technique
(Computer) Animation Technique
justinesolano
 

What's hot (20)

Computer Generated Graphics
Computer Generated GraphicsComputer Generated Graphics
Computer Generated Graphics
 
Types of animation
Types of animationTypes of animation
Types of animation
 
3D Animation Process and Workflow
3D Animation Process and Workflow3D Animation Process and Workflow
3D Animation Process and Workflow
 
Lecture 9 animation
Lecture 9 animationLecture 9 animation
Lecture 9 animation
 
Animation graphics
Animation graphicsAnimation graphics
Animation graphics
 
Development of a 3d animated short film using 3d animation technique
Development of a 3d animated short film using 3d animation techniqueDevelopment of a 3d animated short film using 3d animation technique
Development of a 3d animated short film using 3d animation technique
 
Animation
AnimationAnimation
Animation
 
Computer animation Computer Graphics
Computer animation Computer Graphics Computer animation Computer Graphics
Computer animation Computer Graphics
 
animation
animationanimation
animation
 
Animation
AnimationAnimation
Animation
 
Raster animation
Raster animationRaster animation
Raster animation
 
Diffrent types of_animation
Diffrent types of_animationDiffrent types of_animation
Diffrent types of_animation
 
19 types of animation techniques and styles
19 types of animation techniques and styles19 types of animation techniques and styles
19 types of animation techniques and styles
 
Animation Intraduction
Animation IntraductionAnimation Intraduction
Animation Intraduction
 
Vfx PPT
Vfx PPTVfx PPT
Vfx PPT
 
ANIMATION SEQUENCE
ANIMATION SEQUENCEANIMATION SEQUENCE
ANIMATION SEQUENCE
 
Multimedia animation basic concepts
Multimedia   animation basic conceptsMultimedia   animation basic concepts
Multimedia animation basic concepts
 
3D Animation - A Case Study by Seamedu Media School
3D Animation - A Case Study by Seamedu Media School3D Animation - A Case Study by Seamedu Media School
3D Animation - A Case Study by Seamedu Media School
 
Visual Effects - VFX
Visual Effects - VFXVisual Effects - VFX
Visual Effects - VFX
 
(Computer) Animation Technique
(Computer) Animation Technique(Computer) Animation Technique
(Computer) Animation Technique
 

Similar to TMD2063 | Digital Animation - Chapter 2

Task 3 investigating animation techniques
Task 3 investigating animation techniquesTask 3 investigating animation techniques
Task 3 investigating animation techniques
BenT1990
 
Motion graphics and_compositing_video_analysis_worksheet
Motion graphics and_compositing_video_analysis_worksheetMotion graphics and_compositing_video_analysis_worksheet
Motion graphics and_compositing_video_analysis_worksheet
smashingentertainment
 
Motion graphics and_compositing_video_analysis_worksheet
Motion graphics and_compositing_video_analysis_worksheetMotion graphics and_compositing_video_analysis_worksheet
Motion graphics and_compositing_video_analysis_worksheet
smashingentertainment
 
Video editing and vfx
Video editing and vfx Video editing and vfx
Video editing and vfx
001chetan
 
Task 3 investigating animation techniques
Task 3 investigating animation techniquesTask 3 investigating animation techniques
Task 3 investigating animation techniques
BenT1990
 
Computer animation
Computer animationComputer animation
Computer animation
amme77
 
Motion graphics and_compositing_video_megan_robinson_1
Motion graphics and_compositing_video_megan_robinson_1Motion graphics and_compositing_video_megan_robinson_1
Motion graphics and_compositing_video_megan_robinson_1
megrobbo95
 
Lec28 29 30 animation
Lec28 29 30 animationLec28 29 30 animation
Lec28 29 30 animation
Dom Mike
 

Similar to TMD2063 | Digital Animation - Chapter 2 (20)

Animation
Animation Animation
Animation
 
CineBox Presentation FMX 2011
CineBox Presentation FMX 2011CineBox Presentation FMX 2011
CineBox Presentation FMX 2011
 
Task 3 investigating animation techniques
Task 3 investigating animation techniquesTask 3 investigating animation techniques
Task 3 investigating animation techniques
 
Ch07
Ch07Ch07
Ch07
 
Worksheet 1
Worksheet 1Worksheet 1
Worksheet 1
 
Stop motion animation meaning & procedure
Stop motion animation meaning & procedureStop motion animation meaning & procedure
Stop motion animation meaning & procedure
 
Unit vi
Unit viUnit vi
Unit vi
 
Motion graphics and_compositing_video_analysis_worksheet
Motion graphics and_compositing_video_analysis_worksheetMotion graphics and_compositing_video_analysis_worksheet
Motion graphics and_compositing_video_analysis_worksheet
 
Animation ict
Animation ictAnimation ict
Animation ict
 
Animation theory pro forma (2)
Animation theory pro forma (2)Animation theory pro forma (2)
Animation theory pro forma (2)
 
Motion graphics and_compositing_video_analysis_worksheet
Motion graphics and_compositing_video_analysis_worksheetMotion graphics and_compositing_video_analysis_worksheet
Motion graphics and_compositing_video_analysis_worksheet
 
Animation
AnimationAnimation
Animation
 
Animation
AnimationAnimation
Animation
 
Video editing and vfx
Video editing and vfx Video editing and vfx
Video editing and vfx
 
Animation
AnimationAnimation
Animation
 
Task 3 investigating animation techniques
Task 3 investigating animation techniquesTask 3 investigating animation techniques
Task 3 investigating animation techniques
 
Computer animation
Computer animationComputer animation
Computer animation
 
Animation in Computer Graphics
Animation in Computer GraphicsAnimation in Computer Graphics
Animation in Computer Graphics
 
Motion graphics and_compositing_video_megan_robinson_1
Motion graphics and_compositing_video_megan_robinson_1Motion graphics and_compositing_video_megan_robinson_1
Motion graphics and_compositing_video_megan_robinson_1
 
Lec28 29 30 animation
Lec28 29 30 animationLec28 29 30 animation
Lec28 29 30 animation
 

Recently uploaded

Beyond the EU: DORA and NIS 2 Directive's Global Impact
Beyond the EU: DORA and NIS 2 Directive's Global ImpactBeyond the EU: DORA and NIS 2 Directive's Global Impact
Beyond the EU: DORA and NIS 2 Directive's Global Impact
PECB
 
Gardella_Mateo_IntellectualProperty.pdf.
Gardella_Mateo_IntellectualProperty.pdf.Gardella_Mateo_IntellectualProperty.pdf.
Gardella_Mateo_IntellectualProperty.pdf.
MateoGardella
 
Seal of Good Local Governance (SGLG) 2024Final.pptx
Seal of Good Local Governance (SGLG) 2024Final.pptxSeal of Good Local Governance (SGLG) 2024Final.pptx
Seal of Good Local Governance (SGLG) 2024Final.pptx
negromaestrong
 
Gardella_PRCampaignConclusion Pitch Letter
Gardella_PRCampaignConclusion Pitch LetterGardella_PRCampaignConclusion Pitch Letter
Gardella_PRCampaignConclusion Pitch Letter
MateoGardella
 
The basics of sentences session 2pptx copy.pptx
The basics of sentences session 2pptx copy.pptxThe basics of sentences session 2pptx copy.pptx
The basics of sentences session 2pptx copy.pptx
heathfieldcps1
 
1029 - Danh muc Sach Giao Khoa 10 . pdf
1029 -  Danh muc Sach Giao Khoa 10 . pdf1029 -  Danh muc Sach Giao Khoa 10 . pdf
1029 - Danh muc Sach Giao Khoa 10 . pdf
QucHHunhnh
 
Making and Justifying Mathematical Decisions.pdf
Making and Justifying Mathematical Decisions.pdfMaking and Justifying Mathematical Decisions.pdf
Making and Justifying Mathematical Decisions.pdf
Chris Hunter
 

Recently uploaded (20)

Beyond the EU: DORA and NIS 2 Directive's Global Impact
Beyond the EU: DORA and NIS 2 Directive's Global ImpactBeyond the EU: DORA and NIS 2 Directive's Global Impact
Beyond the EU: DORA and NIS 2 Directive's Global Impact
 
Unit-IV; Professional Sales Representative (PSR).pptx
Unit-IV; Professional Sales Representative (PSR).pptxUnit-IV; Professional Sales Representative (PSR).pptx
Unit-IV; Professional Sales Representative (PSR).pptx
 
Mixin Classes in Odoo 17 How to Extend Models Using Mixin Classes
Mixin Classes in Odoo 17  How to Extend Models Using Mixin ClassesMixin Classes in Odoo 17  How to Extend Models Using Mixin Classes
Mixin Classes in Odoo 17 How to Extend Models Using Mixin Classes
 
Gardella_Mateo_IntellectualProperty.pdf.
Gardella_Mateo_IntellectualProperty.pdf.Gardella_Mateo_IntellectualProperty.pdf.
Gardella_Mateo_IntellectualProperty.pdf.
 
fourth grading exam for kindergarten in writing
fourth grading exam for kindergarten in writingfourth grading exam for kindergarten in writing
fourth grading exam for kindergarten in writing
 
Z Score,T Score, Percential Rank and Box Plot Graph
Z Score,T Score, Percential Rank and Box Plot GraphZ Score,T Score, Percential Rank and Box Plot Graph
Z Score,T Score, Percential Rank and Box Plot Graph
 
SOCIAL AND HISTORICAL CONTEXT - LFTVD.pptx
SOCIAL AND HISTORICAL CONTEXT - LFTVD.pptxSOCIAL AND HISTORICAL CONTEXT - LFTVD.pptx
SOCIAL AND HISTORICAL CONTEXT - LFTVD.pptx
 
Seal of Good Local Governance (SGLG) 2024Final.pptx
Seal of Good Local Governance (SGLG) 2024Final.pptxSeal of Good Local Governance (SGLG) 2024Final.pptx
Seal of Good Local Governance (SGLG) 2024Final.pptx
 
Gardella_PRCampaignConclusion Pitch Letter
Gardella_PRCampaignConclusion Pitch LetterGardella_PRCampaignConclusion Pitch Letter
Gardella_PRCampaignConclusion Pitch Letter
 
Introduction to Nonprofit Accounting: The Basics
Introduction to Nonprofit Accounting: The BasicsIntroduction to Nonprofit Accounting: The Basics
Introduction to Nonprofit Accounting: The Basics
 
Mattingly "AI & Prompt Design: The Basics of Prompt Design"
Mattingly "AI & Prompt Design: The Basics of Prompt Design"Mattingly "AI & Prompt Design: The Basics of Prompt Design"
Mattingly "AI & Prompt Design: The Basics of Prompt Design"
 
How to Give a Domain for a Field in Odoo 17
How to Give a Domain for a Field in Odoo 17How to Give a Domain for a Field in Odoo 17
How to Give a Domain for a Field in Odoo 17
 
Paris 2024 Olympic Geographies - an activity
Paris 2024 Olympic Geographies - an activityParis 2024 Olympic Geographies - an activity
Paris 2024 Olympic Geographies - an activity
 
Measures of Dispersion and Variability: Range, QD, AD and SD
Measures of Dispersion and Variability: Range, QD, AD and SDMeasures of Dispersion and Variability: Range, QD, AD and SD
Measures of Dispersion and Variability: Range, QD, AD and SD
 
The basics of sentences session 2pptx copy.pptx
The basics of sentences session 2pptx copy.pptxThe basics of sentences session 2pptx copy.pptx
The basics of sentences session 2pptx copy.pptx
 
Unit-V; Pricing (Pharma Marketing Management).pptx
Unit-V; Pricing (Pharma Marketing Management).pptxUnit-V; Pricing (Pharma Marketing Management).pptx
Unit-V; Pricing (Pharma Marketing Management).pptx
 
Advanced Views - Calendar View in Odoo 17
Advanced Views - Calendar View in Odoo 17Advanced Views - Calendar View in Odoo 17
Advanced Views - Calendar View in Odoo 17
 
1029 - Danh muc Sach Giao Khoa 10 . pdf
1029 -  Danh muc Sach Giao Khoa 10 . pdf1029 -  Danh muc Sach Giao Khoa 10 . pdf
1029 - Danh muc Sach Giao Khoa 10 . pdf
 
This PowerPoint helps students to consider the concept of infinity.
This PowerPoint helps students to consider the concept of infinity.This PowerPoint helps students to consider the concept of infinity.
This PowerPoint helps students to consider the concept of infinity.
 
Making and Justifying Mathematical Decisions.pdf
Making and Justifying Mathematical Decisions.pdfMaking and Justifying Mathematical Decisions.pdf
Making and Justifying Mathematical Decisions.pdf
 

TMD2063 | Digital Animation - Chapter 2

  • 1.
  • 2. ANIMATION TECHNIQUES Two types animation techniques:  Conventional Animation  Digital Animation
  • 3.
  • 4. CONVENTIONAL ANIMATION 5 types of conventional animation:  Drawn animation  Cut-out animation  Stop motion animation  Rotoscoping  Limited animation
  • 5. DRAWN ANIMATION Produced by a series of drawn images that been stacked together sequentially. Each drawing is differing slightly from the one before and after. To produce a complex animation (for example, animated movie) requires several thousands of drawings that will be presented on screen one by one at a fast rate.
  • 6. DRAWN ANIMATION Series of drawn images will be traced onto transparent cels (celluloid acetate sheets) to create fine lines before coloring process begins. Advantages : it can produce an attractive and controllable effect. Disadvantages : it is time consuming and requires a lot of work.
  • 8. CUT-OUT ANIMATION Known as collage animation/ silhoutte animation Cut-out animation involves moving cut-out shapes in small steps Taking a picture at each stage, this is a lot less work than having to draw every single frame of the animation.
  • 9. CUT-OUT ANIMATION Advantages:  easy to create and requires  less cost and equipment Disadvantages:  animation effect is not realistic and not attractive Example:  Angela Anaconda, South Park & Wonderpets
  • 10. STOP-MOTION ANIMATION Known as model animation and claymotion. Process of recording the manual movement or three dimensional object to create animation effect. Usually clay is used to create puppet. Object moved then recorded. The whole recording will be played to produced animation effect. Example: Chicken Run, Bob The Builder and Wallace And Gromit.
  • 11. ROTOSCOPING The process of tracking contours in a video sequences.
  • 12. ROTOSCOPING Rotoscoping refers to the process of tracing the action, character and so on from video or real film. Advantages: It requires video or film as a platform of creating the animation. It produces a realistic effect to the animation. Disadvantages: This technique is used to produce a complex movement that is hard to create by ordinary technique.
  • 13. LIMITED ANIMATION Process of making animated cartoons that does not follow a realistic approach. Creates an image that uses abstract art, symbolism, and limited movement to create the same effect, but at a much lower production cost. Allows animation cels to be duplicated, resulting in a lower number of separate frames per second (normal conventional animation use 24-30 fps, limited animation use 12 fps)
  • 14.
  • 15. DIGITAL ANIMATION 4 types of digital animation:  Cel-based animation  Known as Frame Animation
  • 16. DIGITAL ANIMATION  Path-Based animation  Process of animating object over line or path
  • 17. DIGITAL ANIMATION Object animation  Changing on specifications or characteristic of object.  color ,  size,  shape,  Lighting Scene transition  Use fade in and fade out
  • 18. ANIMATION TERMINOLOGIES 5 elements in animation terminologies :  Keyframes  Tweening  Onion skinning  Frame rate  Aspect ratio
  • 19. KEYFRAMES  It is the main frame in an animated sequence that represents major change to object.  Act as a reference for other frames in animated sequence.
  • 20. TWEENING  Refers to the process of creating object between keyframes to generate animated sequence.  Animator creates object in the first and last keyframe only. While frames between keyframes (inbetweening) will be generated automatically by software.
  • 21. ONION SKINNING Technique used in creating object and editing movies to see several frames at once.
  • 22. FRAME RATE  The measurement of how quick an imaging device produces consecutive frames when presenting animation.  Measured as fps (frame per second).  Standard fps is 12fps
  • 23. ASPECT RATIO  Refers to the distribution of pixel on screen for production process.  It measures based on the number of pixel on screen; width x height.  In general, computer screen aspect ratio measurements are 640 x 480, 800 x 600, 1024 x 768 and so on.
  • 24. ASPECT RATIO  By default, aspect ratio in Flash is 550 x 400, suitable for viewing through computer and web.  For animation presentation through video screen, this aspect ratio should be changed to fit with the standard aspect ratio for video screen.  Two aspects ratio for video screen;  PAL (768 x 576) and  NTSC (720 x 540).