SlideShare uma empresa Scribd logo
1 de 19
Animation
By
Aized Amin
Overview
• Introduction to animation.
• Computer-generated animation.
• File formats used in animation.
• Making successful animations.
2Badar Waseer arbabwaseer@gmail.com
Introduction to Animation
• Animation is defined as the act of making
something come alive.
• It is concerned with the visual or artistic
aspect of the project.
• Animation is an object moving across or
into or out of the screen.
3Badar Waseer arbabwaseer@gmail.com
Introduction 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.
The phi phenomenon is the optical illusion of perceiving a
series of still images, when viewed in rapid succession, as
continuous motion. 4Badar Waseer arbabwaseer@gmail.com
Computer-Generated Animation
• Animation space.
• Animation techniques.
5Badar Waseer arbabwaseer@gmail.com
Animation Space
Animation can be delivered in:
– 2-D space - 2-D animations are very simple and static.
– 2-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 space - Complicated and realistic animations are done
in 3-D space.
6Badar Waseer arbabwaseer@gmail.com
Animation Techniques
• Animation process.
• Cel animation.
• Computer animation.
7Badar Waseer arbabwaseer@gmail.com
Animation Process
The steps to be followed in creating animation
are:
– Organize the execution in a series of logical steps.
– Choose an animation tool best suited for the job.
– Build and tweak (pull) the sequences.
8Badar Waseer arbabwaseer@gmail.com
Animation Process
9Badar Waseer arbabwaseer@gmail.com
Cel 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.
10Badar Waseer arbabwaseer@gmail.com
11Badar Waseer arbabwaseer@gmail.com
Cel 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 represent the action that requires
calculating the number of frames b/w
keyframes and the path the action takes, then
Tweening is followed by the pencil test.
tweening is the process of generating intermediate frames between
two images to give the appearance that the first image evolves
smoothly into the second image 12Badar Waseer arbabwaseer@gmail.com
Computer Animation
• Computer animation is very similar to cel
animation.
• The primary difference is in how much must
be drawn by the animator and how much is
automatically generated by the software.
13Badar Waseer arbabwaseer@gmail.com
Computer Animation
• 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.
• Morphing is an effect in which a still or moving
image is transformed into another.
14Badar Waseer arbabwaseer@gmail.com
Home Task
Which software produce these formats.
• .ani
• .dir and .dcr
• .eva
• .fla , .flc and .fli
• .gif
• .max and .mng
• .pics and .png
• .swf and .swi
• .webp
List some animation tools ????
15Badar Waseer arbabwaseer@gmail.com
File Formats used in Animation
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.
16Badar Waseer arbabwaseer@gmail.com
Making Successful Animations
• Use animation carefully and sparingly(Little use of something).
• 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.
17Badar Waseer arbabwaseer@gmail.com
Making Successful Animations
Some animation tools are:
– Macromedia's Flash.
– Kai's Power Tools' Spheroid Designer.
– Alias|Wavefront's Maya.
– NewTek's Lightwave.
18Badar Waseer arbabwaseer@gmail.com
Summary
• 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.
19Badar Waseer arbabwaseer@gmail.com

Mais conteúdo relacionado

Mais procurados

World wide web with multimedia
World wide web with multimediaWorld wide web with multimedia
World wide web with multimedia
Afaq Siddiqui
 
Chapter 2 : TEXT
Chapter 2 : TEXTChapter 2 : TEXT
Chapter 2 : TEXT
azira96
 
Multimedia And Animation
Multimedia And AnimationMultimedia And Animation
Multimedia And Animation
Ram Dutt Shukla
 

Mais procurados (20)

World wide web with multimedia
World wide web with multimediaWorld wide web with multimedia
World wide web with multimedia
 
Chapter 3 - Multimedia System Design
Chapter 3 - Multimedia System DesignChapter 3 - Multimedia System Design
Chapter 3 - Multimedia System Design
 
Basic Software Tools for multi-media
Basic Software Tools for multi-mediaBasic Software Tools for multi-media
Basic Software Tools for multi-media
 
Multimedia System & Design Ch 1, 2, 3 Multimedia
Multimedia System & Design Ch 1, 2, 3 MultimediaMultimedia System & Design Ch 1, 2, 3 Multimedia
Multimedia System & Design Ch 1, 2, 3 Multimedia
 
Multimedia system and hardware devices
Multimedia system and hardware devices Multimedia system and hardware devices
Multimedia system and hardware devices
 
Multimedia- How Internet Works
Multimedia- How Internet WorksMultimedia- How Internet Works
Multimedia- How Internet Works
 
Multimedia System & Design Ch 7 multimedia skills
Multimedia System & Design Ch 7 multimedia skillsMultimedia System & Design Ch 7 multimedia skills
Multimedia System & Design Ch 7 multimedia skills
 
Chapter 3 : IMAGE
Chapter 3 : IMAGEChapter 3 : IMAGE
Chapter 3 : IMAGE
 
Chapter 2 multimedia authoring and tools
Chapter 2 multimedia authoring and toolsChapter 2 multimedia authoring and tools
Chapter 2 multimedia authoring and tools
 
The Internet and Multimedia
The Internet and Multimedia The Internet and Multimedia
The Internet and Multimedia
 
Network administration and Management
Network administration and ManagementNetwork administration and Management
Network administration and Management
 
Multimedia
MultimediaMultimedia
Multimedia
 
Digital Audio
Digital AudioDigital Audio
Digital Audio
 
Digital video
Digital videoDigital video
Digital video
 
Chapter 2 : TEXT
Chapter 2 : TEXTChapter 2 : TEXT
Chapter 2 : TEXT
 
Multimedia data and file format
Multimedia data and file formatMultimedia data and file format
Multimedia data and file format
 
Multimedia
MultimediaMultimedia
Multimedia
 
Multimedia And Animation
Multimedia And AnimationMultimedia And Animation
Multimedia And Animation
 
Chapter 4 : SOUND
Chapter 4 : SOUNDChapter 4 : SOUND
Chapter 4 : SOUND
 
Chapter 7 : MAKING MULTIMEDIA
Chapter 7 : MAKING MULTIMEDIAChapter 7 : MAKING MULTIMEDIA
Chapter 7 : MAKING MULTIMEDIA
 

Semelhante a Multimedia System & Design Ch 6 animation

Semelhante a Multimedia System & Design Ch 6 animation (20)

Chapter 5 : ANIMATION
Chapter 5 : ANIMATIONChapter 5 : ANIMATION
Chapter 5 : ANIMATION
 
Animation
AnimationAnimation
Animation
 
Ch07
Ch07Ch07
Ch07
 
TMD2063 | Digital Animation - Chapter 3
TMD2063 | Digital Animation - Chapter 3TMD2063 | Digital Animation - Chapter 3
TMD2063 | Digital Animation - Chapter 3
 
3Ds MAX
3Ds MAX3Ds MAX
3Ds MAX
 
Animation
AnimationAnimation
Animation
 
Animation
AnimationAnimation
Animation
 
Animation background history 4
Animation background history 4Animation background history 4
Animation background history 4
 
Animations
AnimationsAnimations
Animations
 
Animation
Animation Animation
Animation
 
How to create an Animation using Multimedia .ppt
How to create an Animation using Multimedia .pptHow to create an Animation using Multimedia .ppt
How to create an Animation using Multimedia .ppt
 
How to make an Animation in the Multimedia subject.ppt
How to make an Animation in the Multimedia subject.pptHow to make an Animation in the Multimedia subject.ppt
How to make an Animation in the Multimedia subject.ppt
 
Computer animation
Computer animationComputer animation
Computer animation
 
Animation
AnimationAnimation
Animation
 
Deepak
DeepakDeepak
Deepak
 
mohamed.pptx
mohamed.pptxmohamed.pptx
mohamed.pptx
 
Mechanical 3D product animation – Development Process
Mechanical 3D product animation – Development ProcessMechanical 3D product animation – Development Process
Mechanical 3D product animation – Development Process
 
Multimedia
MultimediaMultimedia
Multimedia
 
Computer Generated Graphics
Computer Generated GraphicsComputer Generated Graphics
Computer Generated Graphics
 
3Ds Max presentation
3Ds Max presentation3Ds Max presentation
3Ds Max presentation
 

Mais de Badar Waseer

Mais de Badar Waseer (16)

Ch 03 s.e agile development
Ch 03 s.e agile developmentCh 03 s.e agile development
Ch 03 s.e agile development
 
Ch 02 s.e software process models 1
Ch 02 s.e software process models   1Ch 02 s.e software process models   1
Ch 02 s.e software process models 1
 
Ch 01 s.e introduction
Ch 01 s.e introductionCh 01 s.e introduction
Ch 01 s.e introduction
 
Ch 14 s.e use case diagrams
Ch 14 s.e use case diagramsCh 14 s.e use case diagrams
Ch 14 s.e use case diagrams
 
Ch 13 s.e cmmi
Ch 13 s.e cmmiCh 13 s.e cmmi
Ch 13 s.e cmmi
 
Lec 1.9 oop
Lec 1.9 oopLec 1.9 oop
Lec 1.9 oop
 
Lec 1.8 Object Oriented Programming
Lec 1.8 Object Oriented ProgrammingLec 1.8 Object Oriented Programming
Lec 1.8 Object Oriented Programming
 
Lec 1.7 Object Oriented Programming
Lec 1.7 Object Oriented ProgrammingLec 1.7 Object Oriented Programming
Lec 1.7 Object Oriented Programming
 
Lec 1.6 Object Oriented Programming
Lec 1.6 Object Oriented ProgrammingLec 1.6 Object Oriented Programming
Lec 1.6 Object Oriented Programming
 
Lec 1.5 Object Oriented Programming
Lec 1.5 Object Oriented ProgrammingLec 1.5 Object Oriented Programming
Lec 1.5 Object Oriented Programming
 
Lec 1.4 Object Oriented Programming
Lec 1.4 Object Oriented ProgrammingLec 1.4 Object Oriented Programming
Lec 1.4 Object Oriented Programming
 
Lec 1.3 Object Oriented Programming
Lec 1.3 Object Oriented ProgrammingLec 1.3 Object Oriented Programming
Lec 1.3 Object Oriented Programming
 
Lec 1.1 Object Oriented Programming
Lec 1.1 Object Oriented ProgrammingLec 1.1 Object Oriented Programming
Lec 1.1 Object Oriented Programming
 
Lec 1.10 Object Oriented Programming
Lec 1.10 Object Oriented ProgrammingLec 1.10 Object Oriented Programming
Lec 1.10 Object Oriented Programming
 
Agriculture Information System (AIS)
Agriculture Information System (AIS)Agriculture Information System (AIS)
Agriculture Information System (AIS)
 
Output Devices UoS Fsd
Output Devices UoS FsdOutput Devices UoS Fsd
Output Devices UoS Fsd
 

Último

Último (20)

COMMUNICATING NEGATIVE NEWS - APPROACHES .pptx
COMMUNICATING NEGATIVE NEWS - APPROACHES .pptxCOMMUNICATING NEGATIVE NEWS - APPROACHES .pptx
COMMUNICATING NEGATIVE NEWS - APPROACHES .pptx
 
NO1 Top Black Magic Specialist In Lahore Black magic In Pakistan Kala Ilam Ex...
NO1 Top Black Magic Specialist In Lahore Black magic In Pakistan Kala Ilam Ex...NO1 Top Black Magic Specialist In Lahore Black magic In Pakistan Kala Ilam Ex...
NO1 Top Black Magic Specialist In Lahore Black magic In Pakistan Kala Ilam Ex...
 
Micro-Scholarship, What it is, How can it help me.pdf
Micro-Scholarship, What it is, How can it help me.pdfMicro-Scholarship, What it is, How can it help me.pdf
Micro-Scholarship, What it is, How can it help me.pdf
 
REMIFENTANIL: An Ultra short acting opioid.pptx
REMIFENTANIL: An Ultra short acting opioid.pptxREMIFENTANIL: An Ultra short acting opioid.pptx
REMIFENTANIL: An Ultra short acting opioid.pptx
 
2024-NATIONAL-LEARNING-CAMP-AND-OTHER.pptx
2024-NATIONAL-LEARNING-CAMP-AND-OTHER.pptx2024-NATIONAL-LEARNING-CAMP-AND-OTHER.pptx
2024-NATIONAL-LEARNING-CAMP-AND-OTHER.pptx
 
How to Manage Global Discount in Odoo 17 POS
How to Manage Global Discount in Odoo 17 POSHow to Manage Global Discount in Odoo 17 POS
How to Manage Global Discount in Odoo 17 POS
 
Towards a code of practice for AI in AT.pptx
Towards a code of practice for AI in AT.pptxTowards a code of practice for AI in AT.pptx
Towards a code of practice for AI in AT.pptx
 
Single or Multiple melodic lines structure
Single or Multiple melodic lines structureSingle or Multiple melodic lines structure
Single or Multiple melodic lines structure
 
SOC 101 Demonstration of Learning Presentation
SOC 101 Demonstration of Learning PresentationSOC 101 Demonstration of Learning Presentation
SOC 101 Demonstration of Learning Presentation
 
Jamworks pilot and AI at Jisc (20/03/2024)
Jamworks pilot and AI at Jisc (20/03/2024)Jamworks pilot and AI at Jisc (20/03/2024)
Jamworks pilot and AI at Jisc (20/03/2024)
 
Unit 3 Emotional Intelligence and Spiritual Intelligence.pdf
Unit 3 Emotional Intelligence and Spiritual Intelligence.pdfUnit 3 Emotional Intelligence and Spiritual Intelligence.pdf
Unit 3 Emotional Intelligence and Spiritual Intelligence.pdf
 
Mehran University Newsletter Vol-X, Issue-I, 2024
Mehran University Newsletter Vol-X, Issue-I, 2024Mehran University Newsletter Vol-X, Issue-I, 2024
Mehran University Newsletter Vol-X, Issue-I, 2024
 
FSB Advising Checklist - Orientation 2024
FSB Advising Checklist - Orientation 2024FSB Advising Checklist - Orientation 2024
FSB Advising Checklist - Orientation 2024
 
How to Create and Manage Wizard in Odoo 17
How to Create and Manage Wizard in Odoo 17How to Create and Manage Wizard in Odoo 17
How to Create and Manage Wizard in Odoo 17
 
Google Gemini An AI Revolution in Education.pptx
Google Gemini An AI Revolution in Education.pptxGoogle Gemini An AI Revolution in Education.pptx
Google Gemini An AI Revolution in Education.pptx
 
Interdisciplinary_Insights_Data_Collection_Methods.pptx
Interdisciplinary_Insights_Data_Collection_Methods.pptxInterdisciplinary_Insights_Data_Collection_Methods.pptx
Interdisciplinary_Insights_Data_Collection_Methods.pptx
 
80 ĐỀ THI THỬ TUYỂN SINH TIẾNG ANH VÀO 10 SỞ GD – ĐT THÀNH PHỐ HỒ CHÍ MINH NĂ...
80 ĐỀ THI THỬ TUYỂN SINH TIẾNG ANH VÀO 10 SỞ GD – ĐT THÀNH PHỐ HỒ CHÍ MINH NĂ...80 ĐỀ THI THỬ TUYỂN SINH TIẾNG ANH VÀO 10 SỞ GD – ĐT THÀNH PHỐ HỒ CHÍ MINH NĂ...
80 ĐỀ THI THỬ TUYỂN SINH TIẾNG ANH VÀO 10 SỞ GD – ĐT THÀNH PHỐ HỒ CHÍ MINH NĂ...
 
Kodo Millet PPT made by Ghanshyam bairwa college of Agriculture kumher bhara...
Kodo Millet  PPT made by Ghanshyam bairwa college of Agriculture kumher bhara...Kodo Millet  PPT made by Ghanshyam bairwa college of Agriculture kumher bhara...
Kodo Millet PPT made by Ghanshyam bairwa college of Agriculture kumher bhara...
 
On_Translating_a_Tamil_Poem_by_A_K_Ramanujan.pptx
On_Translating_a_Tamil_Poem_by_A_K_Ramanujan.pptxOn_Translating_a_Tamil_Poem_by_A_K_Ramanujan.pptx
On_Translating_a_Tamil_Poem_by_A_K_Ramanujan.pptx
 
Graduate Outcomes Presentation Slides - English
Graduate Outcomes Presentation Slides - EnglishGraduate Outcomes Presentation Slides - English
Graduate Outcomes Presentation Slides - English
 

Multimedia System & Design Ch 6 animation

  • 2. Overview • Introduction to animation. • Computer-generated animation. • File formats used in animation. • Making successful animations. 2Badar Waseer arbabwaseer@gmail.com
  • 3. Introduction to Animation • Animation is defined as the act of making something come alive. • It is concerned with the visual or artistic aspect of the project. • Animation is an object moving across or into or out of the screen. 3Badar Waseer arbabwaseer@gmail.com
  • 4. Introduction 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. The phi phenomenon is the optical illusion of perceiving a series of still images, when viewed in rapid succession, as continuous motion. 4Badar Waseer arbabwaseer@gmail.com
  • 5. Computer-Generated Animation • Animation space. • Animation techniques. 5Badar Waseer arbabwaseer@gmail.com
  • 6. Animation Space Animation can be delivered in: – 2-D space - 2-D animations are very simple and static. – 2-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 space - Complicated and realistic animations are done in 3-D space. 6Badar Waseer arbabwaseer@gmail.com
  • 7. Animation Techniques • Animation process. • Cel animation. • Computer animation. 7Badar Waseer arbabwaseer@gmail.com
  • 8. Animation Process The steps to be followed in creating animation are: – Organize the execution in a series of logical steps. – Choose an animation tool best suited for the job. – Build and tweak (pull) the sequences. 8Badar Waseer arbabwaseer@gmail.com
  • 9. Animation Process 9Badar Waseer arbabwaseer@gmail.com
  • 10. Cel 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. 10Badar Waseer arbabwaseer@gmail.com
  • 12. Cel 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 represent the action that requires calculating the number of frames b/w keyframes and the path the action takes, then Tweening is followed by the pencil test. tweening is the process of generating intermediate frames between two images to give the appearance that the first image evolves smoothly into the second image 12Badar Waseer arbabwaseer@gmail.com
  • 13. Computer Animation • Computer animation is very similar to cel animation. • The primary difference is in how much must be drawn by the animator and how much is automatically generated by the software. 13Badar Waseer arbabwaseer@gmail.com
  • 14. Computer Animation • 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. • Morphing is an effect in which a still or moving image is transformed into another. 14Badar Waseer arbabwaseer@gmail.com
  • 15. Home Task Which software produce these formats. • .ani • .dir and .dcr • .eva • .fla , .flc and .fli • .gif • .max and .mng • .pics and .png • .swf and .swi • .webp List some animation tools ???? 15Badar Waseer arbabwaseer@gmail.com
  • 16. File Formats used in Animation 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. 16Badar Waseer arbabwaseer@gmail.com
  • 17. Making Successful Animations • Use animation carefully and sparingly(Little use of something). • 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. 17Badar Waseer arbabwaseer@gmail.com
  • 18. Making Successful Animations Some animation tools are: – Macromedia's Flash. – Kai's Power Tools' Spheroid Designer. – Alias|Wavefront's Maya. – NewTek's Lightwave. 18Badar Waseer arbabwaseer@gmail.com
  • 19. Summary • 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. 19Badar Waseer arbabwaseer@gmail.com