SlideShare a Scribd company logo
1 of 20
Download to read offline
Animation =
Techniques and application
• Learning Objective
• •Animation techniques
• •Application of 2D and 3D animation
•   Animation Styles and techniques
•   –Character animation
•   –Rotoscoping
•   –Skeletal animation
•   –Morph target animation
•   –Cel-shaded animation
•   –Onion skinning
•   –Motion capture
•   –http://www.alienryderflex.com/rotoscope/
•   –http://en.wikipedia.org/wiki/Wizards_%28film%29*
•   –http://en.wikipedia.org/wiki/A_Scanner_Darkly_%28film%29*
• Animation Styles and techniques
• –Digital rotoscoping
• –Motion capture
• http://www.siggraph.org/education/materials/HyperGr
  aph/animation/character_animation/motion_capture/
  history1.htm*
• –http://en.wikipedia.org/wiki/Motion_capture*
• –http://graphics.stanford.edu/projects/tooncap/*
• –
  http://www.gamasutra.com/features/20000119/kines_
  pfv.htm
•   Animation Styles and techniques
•   •Stop-motion animation
•   –Cutout animation
•   –Clay mation
•   –Pixilation
•   –Pin-screen animation
•   –Puppertoon
•   •Drawn on film animation
•   •Special effects animation
•   •Non-character animation
• 2D/Traditional animation
• •Traditional animationbegan with each frame
  being painted and then filmed.
• •Cell animation, developed by Bray and Hurd
  in the 1910s, sped up the process by using
  transparent overlays so that characters could
  be moved without the need to repaint the
  background for every frame
• 2D/Traditional animation
• •The "classic" form of animation, the
  "animated cartoon", as developed in the
  early 1900s
• •refined by Ub Iwerks, Walt Disneyand others
• •requires 24 distinct drawings for one second
  of animation.
• 2D animation
• •For 2D animations, separate objects
  (illustrations) and separate transparent
  layersare used. Then the objects are moved
  by the animator on key frames.
• •The differences in appearance between key
  frames are automatically calculated by the
  computer in a process known astweening or
  morphing. Finally, the animation is rendered.
• 3D/Computer animation
• •Computer generated imagery(CGI)
• •Computer animation involves modelling,
  motion generation, followed by the addition
  of surfacesand then rendering.
• 3D/Computer animation
• •It is the recent developments in rendering
  complex surfaces like fur and clothingtextures
  that have enabled stunningly life-like
  animation
• 3D Animation
• •All frames must be rendered after modelingis
  complete.
• •For pre-recorded presentations, the rendered
  frames are transferred to a different format or
  medium such as film or digital video.
• •The frames may also be rendered in real time as
  they are presented to the end-user audience.
• Application of 2D and 3D Animation
• Advertising . Flight simulation . architecture .
  forensics . art . medicine . chemistry . military .
  education . multimedia . engineering .
  Scientific visualization . entertainment .
  simulation . film . space exploration .
  archaeology . Television . web . Video
•   Animation Process
•   •Pre-production
•   •Production
•   •Post-production
• Traditional Animation Process
• · Script or story development·Storyboard·
  Record a soundtrack· Produce a detailed
  layout of the action.· Correlatethe layout
  with the soundtrack.· create "keyframes” ·
  add "in-betweening“
• Traditional Animation Process
• · pencil test· Transfer the pencil test frames to
  sheets of acetate film, called "cells". · The cells
  are then assembled into a sequence and filmed
• http://www.animationarchive.org/2006/03/biogr
  aphy-art-babbitt.html
• http://en.wikipedia.org/wiki/Traditional_animati
  on
• http://www.justdisney.com/animation/animation
  .html
• Computer Animation Process
• * Idea, script, and storyboard* Project
  planning* Live action filming*
  Modeling*Animating* Creating dynamic or
  particle effects* Lighting* Shading and
  texturing
• Computer Animation Process
• * Setting up a view* Creating a background and
  atmosphere
• * Preparing to render* Rendering* Viewing
  rendered images* Compositing
• http://www.pixar.com/howwedoit/index.html
  http://www.rustboy.com/rustweb.htm
  http://www.AnimWatch.com
  http://www.editorsguild.com/newsletter/JulAug0
  5/julaug05_bride.html
•   Lesson Summary
•   •Animation Styles and techniques
•   •Traditional vs Computer animation
•   •Applications of animation
•   •Understanding the animation process
• Further Reading
• •Vaughan, T. (2008). Multimedia: Making it Work -Chapter 7 :
  Animation
• •Online
• –http://en.wikipedia.org/wiki/Animation
• –http://media.awn.com/-view animation
• –http://www.animation-central.com/mail.htm-animated gif gallery
• –http://www.bestflashanimationsite.com/vote/-links to flashsites
• –http://www.csulb.edu/~txie/azi/page1.htm-learning to write
  chinese
• –teachers.oregon.k12.wi.us/ bdn/history.html
Animation LOA

More Related Content

Viewers also liked

Tracy's Inquiry Presentation
Tracy's Inquiry PresentationTracy's Inquiry Presentation
Tracy's Inquiry PresentationBeth Lamb
 
History of animation in brief
History of animation in briefHistory of animation in brief
History of animation in briefJebbie Barrios
 
2D vs 3D: The pros and cons for concept design
2D vs 3D: The pros and cons for concept design2D vs 3D: The pros and cons for concept design
2D vs 3D: The pros and cons for concept designConcurrent Engineering
 
Evaluation of Types of Animation
Evaluation of Types of AnimationEvaluation of Types of Animation
Evaluation of Types of AnimationZahra06
 
Introduction to computer graphics
Introduction to computer graphicsIntroduction to computer graphics
Introduction to computer graphicsKamal Acharya
 
Introduction to Computer graphics
Introduction to Computer graphics Introduction to Computer graphics
Introduction to Computer graphics PrathimaBaliga
 
Bharat Employement | Advance Assessment Program in 2D Animation & Graphic
Bharat Employement | Advance Assessment Program in 2D Animation & GraphicBharat Employement | Advance Assessment Program in 2D Animation & Graphic
Bharat Employement | Advance Assessment Program in 2D Animation & GraphicBharat Employment Services Pvt. Ltd.
 
Introduction to Animation
Introduction to AnimationIntroduction to Animation
Introduction to Animationmrnasim
 

Viewers also liked (15)

Tracy's Inquiry Presentation
Tracy's Inquiry PresentationTracy's Inquiry Presentation
Tracy's Inquiry Presentation
 
3 d animation
3 d animation3 d animation
3 d animation
 
History of animation in brief
History of animation in briefHistory of animation in brief
History of animation in brief
 
2D vs 3D: The pros and cons for concept design
2D vs 3D: The pros and cons for concept design2D vs 3D: The pros and cons for concept design
2D vs 3D: The pros and cons for concept design
 
Evaluation of Types of Animation
Evaluation of Types of AnimationEvaluation of Types of Animation
Evaluation of Types of Animation
 
Animation 2D and 3D
Animation 2D and 3DAnimation 2D and 3D
Animation 2D and 3D
 
Computer graphics1
Computer graphics1Computer graphics1
Computer graphics1
 
Principles of animation
Principles of animationPrinciples of animation
Principles of animation
 
Editorial Cartooning
Editorial CartooningEditorial Cartooning
Editorial Cartooning
 
Introduction to computer graphics
Introduction to computer graphicsIntroduction to computer graphics
Introduction to computer graphics
 
Introduction to Computer graphics
Introduction to Computer graphics Introduction to Computer graphics
Introduction to Computer graphics
 
Bharat Employement | Advance Assessment Program in 2D Animation & Graphic
Bharat Employement | Advance Assessment Program in 2D Animation & GraphicBharat Employement | Advance Assessment Program in 2D Animation & Graphic
Bharat Employement | Advance Assessment Program in 2D Animation & Graphic
 
Introduction to Animation
Introduction to AnimationIntroduction to Animation
Introduction to Animation
 
Animation
AnimationAnimation
Animation
 
ANIMATION PPT
ANIMATION PPTANIMATION PPT
ANIMATION PPT
 

Similar to Animation LOA (20)

Chapter 5 : ANIMATION
Chapter 5 : ANIMATIONChapter 5 : ANIMATION
Chapter 5 : ANIMATION
 
Chapter 9 animation
Chapter 9 animationChapter 9 animation
Chapter 9 animation
 
Animation
AnimationAnimation
Animation
 
TMD2063 | Digital Animation - Chapter 3
TMD2063 | Digital Animation - Chapter 3TMD2063 | Digital Animation - Chapter 3
TMD2063 | Digital Animation - Chapter 3
 
Animation background history 4
Animation background history 4Animation background history 4
Animation background history 4
 
Chapter Nine
Chapter NineChapter Nine
Chapter Nine
 
Visual Effects
Visual EffectsVisual Effects
Visual Effects
 
Animation
AnimationAnimation
Animation
 
CGI
CGICGI
CGI
 
Scatterlight studios
Scatterlight studiosScatterlight studios
Scatterlight studios
 
Multimedia
MultimediaMultimedia
Multimedia
 
Vfx PPT
Vfx PPTVfx PPT
Vfx PPT
 
Animation
AnimationAnimation
Animation
 
3Ds MAX
3Ds MAX3Ds MAX
3Ds MAX
 
Planning
PlanningPlanning
Planning
 
Europa Presentation 2011
Europa Presentation 2011Europa Presentation 2011
Europa Presentation 2011
 
Animation graphics
Animation graphicsAnimation graphics
Animation graphics
 
Cocos2d programming
Cocos2d programmingCocos2d programming
Cocos2d programming
 
Computer Generated Graphics
Computer Generated GraphicsComputer Generated Graphics
Computer Generated Graphics
 
Developing AR and VR Experiences with Unity
Developing AR and VR Experiences with UnityDeveloping AR and VR Experiences with Unity
Developing AR and VR Experiences with Unity
 

More from Kulu Studio

Creative art. concept art. advanced art12
Creative art. concept art. advanced art12Creative art. concept art. advanced art12
Creative art. concept art. advanced art12Kulu Studio
 
Characters, props, or environments AA
Characters, props, or environments AACharacters, props, or environments AA
Characters, props, or environments AAKulu Studio
 
2 d animation application software
2 d animation application software2 d animation application software
2 d animation application softwareKulu Studio
 
Digital 2 d animation orientation
Digital 2 d animation orientationDigital 2 d animation orientation
Digital 2 d animation orientationKulu Studio
 
Biogenetic acting emotion
Biogenetic acting emotionBiogenetic acting emotion
Biogenetic acting emotionKulu Studio
 
Research highlight in citc 18 feb 2014 new4
Research highlight in citc 18 feb 2014 new4Research highlight in citc 18 feb 2014 new4
Research highlight in citc 18 feb 2014 new4Kulu Studio
 
T vn radio_timebased2012nov
T vn radio_timebased2012novT vn radio_timebased2012nov
T vn radio_timebased2012novKulu Studio
 
Film timebased2012
Film timebased2012Film timebased2012
Film timebased2012Kulu Studio
 

More from Kulu Studio (20)

Creative art. concept art. advanced art12
Creative art. concept art. advanced art12Creative art. concept art. advanced art12
Creative art. concept art. advanced art12
 
The 2
The 2The 2
The 2
 
Earl hurd
Earl hurdEarl hurd
Earl hurd
 
Vector art
Vector artVector art
Vector art
 
Raster graphics
Raster graphicsRaster graphics
Raster graphics
 
Fantasy art
Fantasy artFantasy art
Fantasy art
 
Digitalart
DigitalartDigitalart
Digitalart
 
Concept art AA
Concept art AAConcept art AA
Concept art AA
 
Characters, props, or environments AA
Characters, props, or environments AACharacters, props, or environments AA
Characters, props, or environments AA
 
2 d animation application software
2 d animation application software2 d animation application software
2 d animation application software
 
Digital 2 d animation orientation
Digital 2 d animation orientationDigital 2 d animation orientation
Digital 2 d animation orientation
 
Shot, shots
Shot, shotsShot, shots
Shot, shots
 
Biogenetic acting emotion
Biogenetic acting emotionBiogenetic acting emotion
Biogenetic acting emotion
 
Research highlight in citc 18 feb 2014 new4
Research highlight in citc 18 feb 2014 new4Research highlight in citc 18 feb 2014 new4
Research highlight in citc 18 feb 2014 new4
 
Games
GamesGames
Games
 
Storage2012nov
Storage2012novStorage2012nov
Storage2012nov
 
T vn radio_timebased2012nov
T vn radio_timebased2012novT vn radio_timebased2012nov
T vn radio_timebased2012nov
 
Mise en sense
Mise en senseMise en sense
Mise en sense
 
Genre+filmgenre
Genre+filmgenreGenre+filmgenre
Genre+filmgenre
 
Film timebased2012
Film timebased2012Film timebased2012
Film timebased2012
 

Animation LOA

  • 2. • Learning Objective • •Animation techniques • •Application of 2D and 3D animation
  • 3. Animation Styles and techniques • –Character animation • –Rotoscoping • –Skeletal animation • –Morph target animation • –Cel-shaded animation • –Onion skinning • –Motion capture • –http://www.alienryderflex.com/rotoscope/ • –http://en.wikipedia.org/wiki/Wizards_%28film%29* • –http://en.wikipedia.org/wiki/A_Scanner_Darkly_%28film%29*
  • 4. • Animation Styles and techniques • –Digital rotoscoping • –Motion capture • http://www.siggraph.org/education/materials/HyperGr aph/animation/character_animation/motion_capture/ history1.htm* • –http://en.wikipedia.org/wiki/Motion_capture* • –http://graphics.stanford.edu/projects/tooncap/* • – http://www.gamasutra.com/features/20000119/kines_ pfv.htm
  • 5. Animation Styles and techniques • •Stop-motion animation • –Cutout animation • –Clay mation • –Pixilation • –Pin-screen animation • –Puppertoon • •Drawn on film animation • •Special effects animation • •Non-character animation
  • 6. • 2D/Traditional animation • •Traditional animationbegan with each frame being painted and then filmed. • •Cell animation, developed by Bray and Hurd in the 1910s, sped up the process by using transparent overlays so that characters could be moved without the need to repaint the background for every frame
  • 7. • 2D/Traditional animation • •The "classic" form of animation, the "animated cartoon", as developed in the early 1900s • •refined by Ub Iwerks, Walt Disneyand others • •requires 24 distinct drawings for one second of animation.
  • 8. • 2D animation • •For 2D animations, separate objects (illustrations) and separate transparent layersare used. Then the objects are moved by the animator on key frames. • •The differences in appearance between key frames are automatically calculated by the computer in a process known astweening or morphing. Finally, the animation is rendered.
  • 9. • 3D/Computer animation • •Computer generated imagery(CGI) • •Computer animation involves modelling, motion generation, followed by the addition of surfacesand then rendering.
  • 10. • 3D/Computer animation • •It is the recent developments in rendering complex surfaces like fur and clothingtextures that have enabled stunningly life-like animation
  • 11. • 3D Animation • •All frames must be rendered after modelingis complete. • •For pre-recorded presentations, the rendered frames are transferred to a different format or medium such as film or digital video. • •The frames may also be rendered in real time as they are presented to the end-user audience.
  • 12. • Application of 2D and 3D Animation • Advertising . Flight simulation . architecture . forensics . art . medicine . chemistry . military . education . multimedia . engineering . Scientific visualization . entertainment . simulation . film . space exploration . archaeology . Television . web . Video
  • 13. Animation Process • •Pre-production • •Production • •Post-production
  • 14. • Traditional Animation Process • · Script or story development·Storyboard· Record a soundtrack· Produce a detailed layout of the action.· Correlatethe layout with the soundtrack.· create "keyframes” · add "in-betweening“
  • 15. • Traditional Animation Process • · pencil test· Transfer the pencil test frames to sheets of acetate film, called "cells". · The cells are then assembled into a sequence and filmed • http://www.animationarchive.org/2006/03/biogr aphy-art-babbitt.html • http://en.wikipedia.org/wiki/Traditional_animati on • http://www.justdisney.com/animation/animation .html
  • 16. • Computer Animation Process • * Idea, script, and storyboard* Project planning* Live action filming* Modeling*Animating* Creating dynamic or particle effects* Lighting* Shading and texturing
  • 17. • Computer Animation Process • * Setting up a view* Creating a background and atmosphere • * Preparing to render* Rendering* Viewing rendered images* Compositing • http://www.pixar.com/howwedoit/index.html http://www.rustboy.com/rustweb.htm http://www.AnimWatch.com http://www.editorsguild.com/newsletter/JulAug0 5/julaug05_bride.html
  • 18. Lesson Summary • •Animation Styles and techniques • •Traditional vs Computer animation • •Applications of animation • •Understanding the animation process
  • 19. • Further Reading • •Vaughan, T. (2008). Multimedia: Making it Work -Chapter 7 : Animation • •Online • –http://en.wikipedia.org/wiki/Animation • –http://media.awn.com/-view animation • –http://www.animation-central.com/mail.htm-animated gif gallery • –http://www.bestflashanimationsite.com/vote/-links to flashsites • –http://www.csulb.edu/~txie/azi/page1.htm-learning to write chinese • –teachers.oregon.k12.wi.us/ bdn/history.html