SlideShare a Scribd company logo
1 of 20
Chapter 5-Animation
ObjectiveObjective
The students will be able to:
• definedefine animation and describe how it can be used in
multimedia.
• discuss the origins of cel animation and define the
words that originate from this technique.
• define the capabilities of computer animation and
the mathematical techniques that differ from
traditional cel animation.
• discuss some of the general principles and factors
that apply to the creation of computer animation for
multimedia presentations.
OverviewOverview
• Introduction to animation.
• Computer-generated animation.
• File formats used in animation.
• Making successful animations.
Introduction to Animation
• Animation is defined as the act of makingdefined as the act of making
something come alive.something come alive.
• It is concerned with the visual or aestheticconcerned with the visual or aesthetic
aspect of the project.aspect of the project.
• Animation is an object moving across or into
or out of the screen.
Introduction to AnimationIntroduction to Animation
• Animation is possible because of a biological
phenomenon known as persistence of vision
and a psychological phenomenon called phi.
• In animation, a series of images are rapidly
changed to create an illusion of movement.
persistence of vision
Refer to video
Usage of AnimationUsage of Animation
• Artistic purposes
• Storytelling
• Displaying data (scientific visualization)
• Instructional purposes
Animation By Computer
• Types of Animation.
• Animation techniques.
Types of AnimationTypes of Animation
Animation can be rendered in:
– 2-D space -2-D space - 2-D animations are very simple and static.
– 2-1/2D space2-1/2D space - An illusion of depth is created through
shadowing, highlighting, and forced perspective, though
in reality the image rests in two dimensions.
– 3-D space3-D space - Complicated and realistic animations are done
in 3-D space.
Animation TechniquesAnimation Techniques
• Methods of creating animation (type of
animation):
– Cel animation
– Path animation
• Computer animation.
• Animation process.
Type of Animation:Type of Animation: Cel AnimationCel Animation
• Cel animation is a technique in which a series of progressively
different graphics are used on each frame of movie film.
• The term "cel" is derived from the clear celluloid sheets that
were used for drawing each frame.
• Cel animation begins with keyframes.
Type of Animation:Type of Animation: Cel AnimationCel Animation
• Keyframes refer to the first and the last frame of an action.
• The frames in between the keyframes are drawn in the
tweening process.
• Tweening depicts the action that takes place between
keyframes.
• Tweening is followed by the pencil test.
Cels AnimationCels Animation
Refer to video
Type of Animation:Type of Animation: Path AnimationPath Animation
 The movement of an object happened along a
predetermined path on the screen.
 The path could be a straight line or any number of
curves.
 The object does not change, although it might be resized
or reshape.
Computer AnimationComputer Animation
• Electronically generated movement of anything on yourmovement of anything on your
computer screen.computer screen.
• Computer animation is very similar to cel animationvery similar to cel animation.
• The primary difference is in how much must be drawn byhow much must be drawn by
the animator and how much is automatically generated bythe animator and how much is automatically generated by
the software.the software.
• Kinematics is the study of the movement and motion of
structures that have joints.
• Inverse kinematics is the process of linking objects, and
defining their relationship and limits.
Computer AnimationComputer Animation
• Morphing is an effect in which a still or moving image is
transformed into another.
File Formats used in AnimationFile Formats used in Animation
• .dir and .dcr - Director files.
• .fli and .flc - AnimatorPro files.
• .max - 3D Studio Max files.
• .pics - SuperCard and Director files.
• .fla and .swf - Flash files.
• GIF89a file format:
– It is a version of the GIF image format.
– GIF89a allows multiple images to be put into a single file and then be
displayed as an animation in the Web browser.
– Applications like BoxTop Software's GIFmation or ULead's GIF
Animator are needed to create GIF89a animation.
Making Successful AnimationsMaking Successful Animations
• Use animation carefully and sparingly.
• High quality animations require superior
display platforms and hardware, as well as
raw computing horsepower.
• File compression is very important when
preparing animation files for the Web.
Making Successful AnimationsMaking Successful Animations
Some animation tools are:
– Macromedia's Flash.
– Kai's Power Tools' Spheroid Designer.
– Alias|Wavefront's Maya.
– NewTek's Lightwave.
SummarySummary
• Animation is visual change over time and adds great
power to multimedia.
• Cell animation uses a series of progressively different
graphics on each frame of movie film.
• Computer animation has eased the process of creating
animation.
• Many file formats are designed specifically to contain
animation.

More Related Content

What's hot

Multimedia System & Design Ch 5 video
Multimedia System & Design Ch 5 videoMultimedia System & Design Ch 5 video
Multimedia System & Design Ch 5 videoBadar Waseer
 
Computer animation Computer Graphics
Computer animation Computer Graphics Computer animation Computer Graphics
Computer animation Computer Graphics University of Potsdam
 
Multimedia graphics and image data representation
Multimedia graphics and image data representationMultimedia graphics and image data representation
Multimedia graphics and image data representationMazin Alwaaly
 
Mutlimedia authoring tools
Mutlimedia authoring toolsMutlimedia authoring tools
Mutlimedia authoring toolsJay Patel
 
Multimedia And Animation
Multimedia And AnimationMultimedia And Animation
Multimedia And AnimationRam Dutt Shukla
 
Multimedia data and file format
Multimedia data and file formatMultimedia data and file format
Multimedia data and file formatNiketa Jain
 
Chapter 1 - Multimedia Fundamentals
Chapter 1 - Multimedia FundamentalsChapter 1 - Multimedia Fundamentals
Chapter 1 - Multimedia FundamentalsPratik Pradhan
 
multimedia making it work by Tay Vaughan Chapter1
multimedia making it work by Tay Vaughan Chapter1multimedia making it work by Tay Vaughan Chapter1
multimedia making it work by Tay Vaughan Chapter1alichaudhry28
 
Chapter 8 : MULTIMEDIA SKILLS
Chapter 8 : MULTIMEDIA SKILLSChapter 8 : MULTIMEDIA SKILLS
Chapter 8 : MULTIMEDIA SKILLSazira96
 
Multimedia color in image and video
Multimedia color in image and videoMultimedia color in image and video
Multimedia color in image and videoMazin Alwaaly
 
Chapter 2 multimedia authoring and tools
Chapter 2 multimedia authoring and toolsChapter 2 multimedia authoring and tools
Chapter 2 multimedia authoring and toolsABDUmomo
 
Multimedia tools (sound)
Multimedia tools (sound)Multimedia tools (sound)
Multimedia tools (sound)dhruv patel
 

What's hot (20)

Digital video
Digital videoDigital video
Digital video
 
Multimedia System & Design Ch 5 video
Multimedia System & Design Ch 5 videoMultimedia System & Design Ch 5 video
Multimedia System & Design Ch 5 video
 
Animation and Video
Animation and VideoAnimation and Video
Animation and Video
 
Multimedia chapter 2
Multimedia chapter 2Multimedia chapter 2
Multimedia chapter 2
 
Computer animation Computer Graphics
Computer animation Computer Graphics Computer animation Computer Graphics
Computer animation Computer Graphics
 
Multimedia graphics and image data representation
Multimedia graphics and image data representationMultimedia graphics and image data representation
Multimedia graphics and image data representation
 
Mutlimedia authoring tools
Mutlimedia authoring toolsMutlimedia authoring tools
Mutlimedia authoring tools
 
Multimedia And Animation
Multimedia And AnimationMultimedia And Animation
Multimedia And Animation
 
Multimedia data and file format
Multimedia data and file formatMultimedia data and file format
Multimedia data and file format
 
Chapter 1 - Multimedia Fundamentals
Chapter 1 - Multimedia FundamentalsChapter 1 - Multimedia Fundamentals
Chapter 1 - Multimedia Fundamentals
 
multimedia making it work by Tay Vaughan Chapter1
multimedia making it work by Tay Vaughan Chapter1multimedia making it work by Tay Vaughan Chapter1
multimedia making it work by Tay Vaughan Chapter1
 
Digital Audio in Multimedia
Digital Audio in MultimediaDigital Audio in Multimedia
Digital Audio in Multimedia
 
Video
VideoVideo
Video
 
Chapter 8 : MULTIMEDIA SKILLS
Chapter 8 : MULTIMEDIA SKILLSChapter 8 : MULTIMEDIA SKILLS
Chapter 8 : MULTIMEDIA SKILLS
 
Multimedia color in image and video
Multimedia color in image and videoMultimedia color in image and video
Multimedia color in image and video
 
multimedia image.ppt
multimedia image.pptmultimedia image.ppt
multimedia image.ppt
 
Chapter 2 multimedia authoring and tools
Chapter 2 multimedia authoring and toolsChapter 2 multimedia authoring and tools
Chapter 2 multimedia authoring and tools
 
Multimedia chapter 5
Multimedia chapter 5Multimedia chapter 5
Multimedia chapter 5
 
Multimedia tools (sound)
Multimedia tools (sound)Multimedia tools (sound)
Multimedia tools (sound)
 
Multimedia chapter 4
Multimedia chapter 4Multimedia chapter 4
Multimedia chapter 4
 

Similar to Animation Techniques and Types Explained

Similar to Animation Techniques and Types Explained (20)

Ch07
Ch07Ch07
Ch07
 
Animation
AnimationAnimation
Animation
 
Multimedia System & Design Ch 6 animation
Multimedia System & Design Ch 6 animationMultimedia System & Design Ch 6 animation
Multimedia System & Design Ch 6 animation
 
Animation
AnimationAnimation
Animation
 
Animation
Animation Animation
Animation
 
Animation Lecture 3.pdf
Animation  Lecture 3.pdfAnimation  Lecture 3.pdf
Animation Lecture 3.pdf
 
Scct2013 topic 4_animation
Scct2013 topic 4_animationScct2013 topic 4_animation
Scct2013 topic 4_animation
 
Animation
AnimationAnimation
Animation
 
Animation
AnimationAnimation
Animation
 
Animation LOA
Animation LOAAnimation LOA
Animation LOA
 
Chapter Nine
Chapter NineChapter Nine
Chapter Nine
 
Chapter 9 animation
Chapter 9 animationChapter 9 animation
Chapter 9 animation
 
Animation
AnimationAnimation
Animation
 
Lec28 29 30 animation
Lec28 29 30 animationLec28 29 30 animation
Lec28 29 30 animation
 
Animation in Computer Graphics
Animation in Computer GraphicsAnimation in Computer Graphics
Animation in Computer Graphics
 
Computer Generated Graphics
Computer Generated GraphicsComputer Generated Graphics
Computer Generated Graphics
 
Animation
AnimationAnimation
Animation
 
Multimedia
MultimediaMultimedia
Multimedia
 
Animation technique
Animation techniqueAnimation technique
Animation technique
 
Deepak
DeepakDeepak
Deepak
 

Recently uploaded

POINT- BIOCHEMISTRY SEM 2 ENZYMES UNIT 5.pptx
POINT- BIOCHEMISTRY SEM 2 ENZYMES UNIT 5.pptxPOINT- BIOCHEMISTRY SEM 2 ENZYMES UNIT 5.pptx
POINT- BIOCHEMISTRY SEM 2 ENZYMES UNIT 5.pptxSayali Powar
 
Web & Social Media Analytics Previous Year Question Paper.pdf
Web & Social Media Analytics Previous Year Question Paper.pdfWeb & Social Media Analytics Previous Year Question Paper.pdf
Web & Social Media Analytics Previous Year Question Paper.pdfJayanti Pande
 
Student login on Anyboli platform.helpin
Student login on Anyboli platform.helpinStudent login on Anyboli platform.helpin
Student login on Anyboli platform.helpinRaunakKeshri1
 
Hybridoma Technology ( Production , Purification , and Application )
Hybridoma Technology  ( Production , Purification , and Application  ) Hybridoma Technology  ( Production , Purification , and Application  )
Hybridoma Technology ( Production , Purification , and Application ) Sakshi Ghasle
 
Kisan Call Centre - To harness potential of ICT in Agriculture by answer farm...
Kisan Call Centre - To harness potential of ICT in Agriculture by answer farm...Kisan Call Centre - To harness potential of ICT in Agriculture by answer farm...
Kisan Call Centre - To harness potential of ICT in Agriculture by answer farm...Krashi Coaching
 
Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...
Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...
Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...EduSkills OECD
 
“Oh GOSH! Reflecting on Hackteria's Collaborative Practices in a Global Do-It...
“Oh GOSH! Reflecting on Hackteria's Collaborative Practices in a Global Do-It...“Oh GOSH! Reflecting on Hackteria's Collaborative Practices in a Global Do-It...
“Oh GOSH! Reflecting on Hackteria's Collaborative Practices in a Global Do-It...Marc Dusseiller Dusjagr
 
The Most Excellent Way | 1 Corinthians 13
The Most Excellent Way | 1 Corinthians 13The Most Excellent Way | 1 Corinthians 13
The Most Excellent Way | 1 Corinthians 13Steve Thomason
 
Organic Name Reactions for the students and aspirants of Chemistry12th.pptx
Organic Name Reactions  for the students and aspirants of Chemistry12th.pptxOrganic Name Reactions  for the students and aspirants of Chemistry12th.pptx
Organic Name Reactions for the students and aspirants of Chemistry12th.pptxVS Mahajan Coaching Centre
 
URLs and Routing in the Odoo 17 Website App
URLs and Routing in the Odoo 17 Website AppURLs and Routing in the Odoo 17 Website App
URLs and Routing in the Odoo 17 Website AppCeline George
 
1029-Danh muc Sach Giao Khoa khoi 6.pdf
1029-Danh muc Sach Giao Khoa khoi  6.pdf1029-Danh muc Sach Giao Khoa khoi  6.pdf
1029-Danh muc Sach Giao Khoa khoi 6.pdfQucHHunhnh
 
mini mental status format.docx
mini    mental       status     format.docxmini    mental       status     format.docx
mini mental status format.docxPoojaSen20
 
A Critique of the Proposed National Education Policy Reform
A Critique of the Proposed National Education Policy ReformA Critique of the Proposed National Education Policy Reform
A Critique of the Proposed National Education Policy ReformChameera Dedduwage
 
Nutritional Needs Presentation - HLTH 104
Nutritional Needs Presentation - HLTH 104Nutritional Needs Presentation - HLTH 104
Nutritional Needs Presentation - HLTH 104misteraugie
 
Paris 2024 Olympic Geographies - an activity
Paris 2024 Olympic Geographies - an activityParis 2024 Olympic Geographies - an activity
Paris 2024 Olympic Geographies - an activityGeoBlogs
 
CARE OF CHILD IN INCUBATOR..........pptx
CARE OF CHILD IN INCUBATOR..........pptxCARE OF CHILD IN INCUBATOR..........pptx
CARE OF CHILD IN INCUBATOR..........pptxGaneshChakor2
 
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 . pdfQucHHunhnh
 

Recently uploaded (20)

POINT- BIOCHEMISTRY SEM 2 ENZYMES UNIT 5.pptx
POINT- BIOCHEMISTRY SEM 2 ENZYMES UNIT 5.pptxPOINT- BIOCHEMISTRY SEM 2 ENZYMES UNIT 5.pptx
POINT- BIOCHEMISTRY SEM 2 ENZYMES UNIT 5.pptx
 
Web & Social Media Analytics Previous Year Question Paper.pdf
Web & Social Media Analytics Previous Year Question Paper.pdfWeb & Social Media Analytics Previous Year Question Paper.pdf
Web & Social Media Analytics Previous Year Question Paper.pdf
 
TataKelola dan KamSiber Kecerdasan Buatan v022.pdf
TataKelola dan KamSiber Kecerdasan Buatan v022.pdfTataKelola dan KamSiber Kecerdasan Buatan v022.pdf
TataKelola dan KamSiber Kecerdasan Buatan v022.pdf
 
Student login on Anyboli platform.helpin
Student login on Anyboli platform.helpinStudent login on Anyboli platform.helpin
Student login on Anyboli platform.helpin
 
Hybridoma Technology ( Production , Purification , and Application )
Hybridoma Technology  ( Production , Purification , and Application  ) Hybridoma Technology  ( Production , Purification , and Application  )
Hybridoma Technology ( Production , Purification , and Application )
 
Kisan Call Centre - To harness potential of ICT in Agriculture by answer farm...
Kisan Call Centre - To harness potential of ICT in Agriculture by answer farm...Kisan Call Centre - To harness potential of ICT in Agriculture by answer farm...
Kisan Call Centre - To harness potential of ICT in Agriculture by answer farm...
 
Mattingly "AI & Prompt Design: Structured Data, Assistants, & RAG"
Mattingly "AI & Prompt Design: Structured Data, Assistants, & RAG"Mattingly "AI & Prompt Design: Structured Data, Assistants, & RAG"
Mattingly "AI & Prompt Design: Structured Data, Assistants, & RAG"
 
Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...
Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...
Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...
 
Staff of Color (SOC) Retention Efforts DDSD
Staff of Color (SOC) Retention Efforts DDSDStaff of Color (SOC) Retention Efforts DDSD
Staff of Color (SOC) Retention Efforts DDSD
 
“Oh GOSH! Reflecting on Hackteria's Collaborative Practices in a Global Do-It...
“Oh GOSH! Reflecting on Hackteria's Collaborative Practices in a Global Do-It...“Oh GOSH! Reflecting on Hackteria's Collaborative Practices in a Global Do-It...
“Oh GOSH! Reflecting on Hackteria's Collaborative Practices in a Global Do-It...
 
The Most Excellent Way | 1 Corinthians 13
The Most Excellent Way | 1 Corinthians 13The Most Excellent Way | 1 Corinthians 13
The Most Excellent Way | 1 Corinthians 13
 
Organic Name Reactions for the students and aspirants of Chemistry12th.pptx
Organic Name Reactions  for the students and aspirants of Chemistry12th.pptxOrganic Name Reactions  for the students and aspirants of Chemistry12th.pptx
Organic Name Reactions for the students and aspirants of Chemistry12th.pptx
 
URLs and Routing in the Odoo 17 Website App
URLs and Routing in the Odoo 17 Website AppURLs and Routing in the Odoo 17 Website App
URLs and Routing in the Odoo 17 Website App
 
1029-Danh muc Sach Giao Khoa khoi 6.pdf
1029-Danh muc Sach Giao Khoa khoi  6.pdf1029-Danh muc Sach Giao Khoa khoi  6.pdf
1029-Danh muc Sach Giao Khoa khoi 6.pdf
 
mini mental status format.docx
mini    mental       status     format.docxmini    mental       status     format.docx
mini mental status format.docx
 
A Critique of the Proposed National Education Policy Reform
A Critique of the Proposed National Education Policy ReformA Critique of the Proposed National Education Policy Reform
A Critique of the Proposed National Education Policy Reform
 
Nutritional Needs Presentation - HLTH 104
Nutritional Needs Presentation - HLTH 104Nutritional Needs Presentation - HLTH 104
Nutritional Needs Presentation - HLTH 104
 
Paris 2024 Olympic Geographies - an activity
Paris 2024 Olympic Geographies - an activityParis 2024 Olympic Geographies - an activity
Paris 2024 Olympic Geographies - an activity
 
CARE OF CHILD IN INCUBATOR..........pptx
CARE OF CHILD IN INCUBATOR..........pptxCARE OF CHILD IN INCUBATOR..........pptx
CARE OF CHILD IN INCUBATOR..........pptx
 
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
 

Animation Techniques and Types Explained

  • 2. ObjectiveObjective The students will be able to: • definedefine animation and describe how it can be used in multimedia. • discuss the origins of cel animation and define the words that originate from this technique. • define the capabilities of computer animation and the mathematical techniques that differ from traditional cel animation. • discuss some of the general principles and factors that apply to the creation of computer animation for multimedia presentations.
  • 3. OverviewOverview • Introduction to animation. • Computer-generated animation. • File formats used in animation. • Making successful animations.
  • 4. Introduction to Animation • Animation is defined as the act of makingdefined as the act of making something come alive.something come alive. • It is concerned with the visual or aestheticconcerned with the visual or aesthetic aspect of the project.aspect of the project. • Animation is an object moving across or into or out of the screen.
  • 5. Introduction to AnimationIntroduction to Animation • Animation is possible because of a biological phenomenon known as persistence of vision and a psychological phenomenon called phi. • In animation, a series of images are rapidly changed to create an illusion of movement.
  • 7. Usage of AnimationUsage of Animation • Artistic purposes • Storytelling • Displaying data (scientific visualization) • Instructional purposes
  • 8. Animation By Computer • Types of Animation. • Animation techniques.
  • 9. Types of AnimationTypes of Animation Animation can be rendered in: – 2-D space -2-D space - 2-D animations are very simple and static. – 2-1/2D space2-1/2D space - An illusion of depth is created through shadowing, highlighting, and forced perspective, though in reality the image rests in two dimensions. – 3-D space3-D space - Complicated and realistic animations are done in 3-D space.
  • 10. Animation TechniquesAnimation Techniques • Methods of creating animation (type of animation): – Cel animation – Path animation • Computer animation. • Animation process.
  • 11. Type of Animation:Type of Animation: Cel AnimationCel Animation • Cel animation is a technique in which a series of progressively different graphics are used on each frame of movie film. • The term "cel" is derived from the clear celluloid sheets that were used for drawing each frame. • Cel animation begins with keyframes.
  • 12. Type of Animation:Type of Animation: Cel AnimationCel Animation • Keyframes refer to the first and the last frame of an action. • The frames in between the keyframes are drawn in the tweening process. • Tweening depicts the action that takes place between keyframes. • Tweening is followed by the pencil test.
  • 14. Type of Animation:Type of Animation: Path AnimationPath Animation  The movement of an object happened along a predetermined path on the screen.  The path could be a straight line or any number of curves.  The object does not change, although it might be resized or reshape.
  • 15. Computer AnimationComputer Animation • Electronically generated movement of anything on yourmovement of anything on your computer screen.computer screen. • Computer animation is very similar to cel animationvery similar to cel animation. • The primary difference is in how much must be drawn byhow much must be drawn by the animator and how much is automatically generated bythe animator and how much is automatically generated by the software.the software. • Kinematics is the study of the movement and motion of structures that have joints. • Inverse kinematics is the process of linking objects, and defining their relationship and limits.
  • 16. Computer AnimationComputer Animation • Morphing is an effect in which a still or moving image is transformed into another.
  • 17. File Formats used in AnimationFile Formats used in Animation • .dir and .dcr - Director files. • .fli and .flc - AnimatorPro files. • .max - 3D Studio Max files. • .pics - SuperCard and Director files. • .fla and .swf - Flash files. • GIF89a file format: – It is a version of the GIF image format. – GIF89a allows multiple images to be put into a single file and then be displayed as an animation in the Web browser. – Applications like BoxTop Software's GIFmation or ULead's GIF Animator are needed to create GIF89a animation.
  • 18. Making Successful AnimationsMaking Successful Animations • Use animation carefully and sparingly. • High quality animations require superior display platforms and hardware, as well as raw computing horsepower. • File compression is very important when preparing animation files for the Web.
  • 19. Making Successful AnimationsMaking Successful Animations Some animation tools are: – Macromedia's Flash. – Kai's Power Tools' Spheroid Designer. – Alias|Wavefront's Maya. – NewTek's Lightwave.
  • 20. SummarySummary • Animation is visual change over time and adds great power to multimedia. • Cell animation uses a series of progressively different graphics on each frame of movie film. • Computer animation has eased the process of creating animation. • Many file formats are designed specifically to contain animation.