SlideShare a Scribd company logo
1 of 17
Structure :
The power of Motion
Principles of Animation
Animation by computer
Animation Techniques
Animation File Formats
It makes static presentations come live.
Animation grabs attention.
Transitions are simple forms of animation :
wipes ,
fades ,
zooms ,
dissolves .
These can be used for primitive animation.
But animation is much more.
Animation is an object actually moving across or into out of the
screen, spinning globe and so on.
Persistence of vision.
Still images are flashed in sequence.
Frame rate measures the speed of change.
Animation is possible because of a biological phenomenon known
as Persistence of Vision & psychological phenomenon called Phi.
Persistence of Vision  an object seen by the human eye remains
mapped on the retina for a brief time after viewing.
Combined with the human minds need to conceptually complete a
perceived action that makes it possible for a series of images that are
changed very slightly & rapidly.
Television video creates 30 frames per second.
Movies are shot at a rate of 24 frames per second and replayed at 48
frames per second .
Both are used to create motion and animation.
Using appropriate software & techniques , one can animate visual
images in many ways.
The simplest animation is on a 2D space & more complex animation
can take place on 2 and ½ D space & most realistic animation on 3D
space.
In 2D space , the visual change s bring an image alive occur on the
flat co ordinate axes x and y.
Examples : blinking word, color cycling logo , cel animation.
Software : Flash or Power Point
In 2 and ½ Dimension , an illusion of depth is added to an image
through shadowing & highlighting but the image rests on a 2d
plane.
Example : Embossing , shadowing , beveling.
Software : Adobe Illustrator , Photoshop.
In 3 Dimension , software creates a virtual realm in 3 dimensions
& changes are calculated along all three axes.
Examples : Moving objects closer or farer from the viewer etc.
Software : AutoDesk’s Maya , NewTek’s Lightwave
When you create animation, organize its execution into a series of
steps :
1. Gather up in mind all the activities you wish to provide in
animation.
2. If its complicated , create a written script with the list of
activities & required objects & then create storyboard to visualize
animation.
3. Choose the animation tool best suited for the job.
4. Finally, Post process your animation, doing any special rendering
& adding sound effects.
The term Cel derives from the clear celluloid sheets that were used
for drawing frames , which have been replaced today by layers of
digital imagery.
Cel animation artwork begins with Keyframes.
The series of frames in between the keyframes are drawn in a process
called Tweening.
Tweening is an action that is requires calculating the number of
frames between key frames & the path that the action takes & then
actually sketching with pencilthe series of progressively different
outlines.
As tweening progresses the action sequence is checked by flipping
through the frames. The penciled frames are assembled & then
actually filmed as a pencil test to check smoothness , continuity and
Timing.
When pencil frames are satisfactory , they are permanently inked,
photocopied onto cels , and given to artists to paint the details for
each cel.
Normally women are preferred for this as it needs patience & great
eyes for details.
Computer animation programs typically employ the same logic &
procedural concepts as cel animation & use the vocabulary of
classic cel animation – layers, keyframe , tweening & so on.
The primary difference among animation software programs is in
how much should be drawn by the animator and how much is
automatically generated by the software.
Study of movement and motion of structures that have joints, (such
as a person or a walking dog).
Complex- need to calculate position, velocity, rotation and
acceleration of all joint and body parts involved.
Inverse kinematics – process of linking objects together and define
their relationships and lifts and then drag the parts and let the
computer calculate the result ( for example, connect hands and arms
and bent the elbow in various directions)
Fractal Design’s Poser – a 3-D modeling program
Morphing is the process of transforming one image to another.
Windows Media – .AVI, .ASF, or .WMV
Apple QuickTime – .QT or .MOV
Motion Video – .MPG or .MPEG
Flash – .SWF
Shockwave – .DCR
Animated GIF – .GIF
Director (dir) compressed into a Shockwave animation file (dcr)
for the web.
Windows Audio Video Interleaved Format (avi)
Macintosh ( quicktime, mov)
Motion Video ( mpeg, mpg)
GIF89a (.gif)
Shockwave (.swf)
Use animations carefully so your screens don’t become too “busy”.
Animation tools
Director
Adobe GOLive
GIF animators

More Related Content

What's hot

Multimedia And Animation
Multimedia And AnimationMultimedia And Animation
Multimedia And Animation
Ram Dutt Shukla
 
Multimedia software hardware
Multimedia software hardwareMultimedia software hardware
Multimedia software hardware
gopinathselvi
 

What's hot (20)

Digital Audio in Multimedia
Digital Audio in MultimediaDigital Audio in Multimedia
Digital Audio in Multimedia
 
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
 
Chapter 4 : SOUND
Chapter 4 : SOUNDChapter 4 : SOUND
Chapter 4 : SOUND
 
Chapter 3 - Multimedia System Design
Chapter 3 - Multimedia System DesignChapter 3 - Multimedia System Design
Chapter 3 - Multimedia System Design
 
Sound
SoundSound
Sound
 
Multimedia chapter 4
Multimedia chapter 4Multimedia chapter 4
Multimedia chapter 4
 
Computer animation Computer Graphics
Computer animation Computer Graphics Computer animation Computer Graphics
Computer animation Computer Graphics
 
Multimedia And Animation
Multimedia And AnimationMultimedia And Animation
Multimedia And Animation
 
Explain Animation & Types Of Animation In Computer Graphics
Explain Animation & Types Of Animation In Computer Graphics Explain Animation & Types Of Animation In Computer Graphics
Explain Animation & Types Of Animation In Computer Graphics
 
what is Font in multimedia
 what is Font in multimedia what is Font in multimedia
what is Font in multimedia
 
Chapter 02 multimedia systems hardware and software
Chapter 02   multimedia systems hardware and softwareChapter 02   multimedia systems hardware and software
Chapter 02 multimedia systems hardware and software
 
Animation and Video
Animation and VideoAnimation and Video
Animation and Video
 
DIGITAL VIDEO DATA SIZING AND OBJECT BASED ANIMATION
DIGITAL VIDEO DATA SIZING AND OBJECT BASED ANIMATIONDIGITAL VIDEO DATA SIZING AND OBJECT BASED ANIMATION
DIGITAL VIDEO DATA SIZING AND OBJECT BASED ANIMATION
 
Multimedia System & Design Ch 5 video
Multimedia System & Design Ch 5 videoMultimedia System & Design Ch 5 video
Multimedia System & Design Ch 5 video
 
Multimedia Network
Multimedia NetworkMultimedia Network
Multimedia Network
 
Digital Audio
Digital AudioDigital Audio
Digital Audio
 
The Internet and Multimedia
The Internet and Multimedia The Internet and Multimedia
The Internet and Multimedia
 
Multimedia synchronization
Multimedia synchronizationMultimedia synchronization
Multimedia synchronization
 
Multimedia software hardware
Multimedia software hardwareMultimedia software hardware
Multimedia software hardware
 
Text-Elements of multimedia
Text-Elements of multimediaText-Elements of multimedia
Text-Elements of multimedia
 

Viewers also liked

Partner excellence china distributor_portal_plan
Partner excellence china distributor_portal_planPartner excellence china distributor_portal_plan
Partner excellence china distributor_portal_plan
corruptedash
 
Ch11-Software Engineering 9
Ch11-Software Engineering 9Ch11-Software Engineering 9
Ch11-Software Engineering 9
Ian Sommerville
 
Ch12-Software Engineering 9
Ch12-Software Engineering 9Ch12-Software Engineering 9
Ch12-Software Engineering 9
Ian Sommerville
 

Viewers also liked (20)

Partner excellence china distributor_portal_plan
Partner excellence china distributor_portal_planPartner excellence china distributor_portal_plan
Partner excellence china distributor_portal_plan
 
TMD2063 | Digital Animation — Chapter 4
TMD2063 | Digital Animation — Chapter 4TMD2063 | Digital Animation — Chapter 4
TMD2063 | Digital Animation — Chapter 4
 
11 animation techniques
11 animation techniques11 animation techniques
11 animation techniques
 
Multimedia technology
Multimedia technologyMultimedia technology
Multimedia technology
 
Chapter 9 -Multimedia on The Internet
Chapter 9 -Multimedia on The InternetChapter 9 -Multimedia on The Internet
Chapter 9 -Multimedia on The Internet
 
multimedia data and file format
multimedia data and file formatmultimedia data and file format
multimedia data and file format
 
Ch11-Software Engineering 9
Ch11-Software Engineering 9Ch11-Software Engineering 9
Ch11-Software Engineering 9
 
Ch12-Software Engineering 9
Ch12-Software Engineering 9Ch12-Software Engineering 9
Ch12-Software Engineering 9
 
Ch10 dependable systems
Ch10 dependable systemsCh10 dependable systems
Ch10 dependable systems
 
Ch7 implementation
Ch7 implementationCh7 implementation
Ch7 implementation
 
Ch9 evolution
Ch9 evolutionCh9 evolution
Ch9 evolution
 
Ian Sommerville, Software Engineering, 9th Edition Ch 4
Ian Sommerville,  Software Engineering, 9th Edition Ch 4Ian Sommerville,  Software Engineering, 9th Edition Ch 4
Ian Sommerville, Software Engineering, 9th Edition Ch 4
 
Ch8.testing
Ch8.testingCh8.testing
Ch8.testing
 
Chapter 18 of rizals life and works
Chapter 18 of rizals life and worksChapter 18 of rizals life and works
Chapter 18 of rizals life and works
 
Chapter 12: Romantic Interlude in Japan
Chapter 12: Romantic Interlude in JapanChapter 12: Romantic Interlude in Japan
Chapter 12: Romantic Interlude in Japan
 
Chapter 13 summary
Chapter 13 summaryChapter 13 summary
Chapter 13 summary
 
Lesson 1 • Elements & Principles of Design and Art
Lesson 1 • Elements & Principles of Design and ArtLesson 1 • Elements & Principles of Design and Art
Lesson 1 • Elements & Principles of Design and Art
 
Rizal Report Chapter 11
Rizal Report Chapter 11Rizal Report Chapter 11
Rizal Report Chapter 11
 
Chapter 18
Chapter 18Chapter 18
Chapter 18
 
Chapter 20
Chapter 20Chapter 20
Chapter 20
 

Similar to Multimedia chapter 5

5 multimedia elements - animation
5   multimedia elements - animation5   multimedia elements - animation
5 multimedia elements - animation
Kelly Bauer
 
Lecture 9 animation
Lecture 9 animationLecture 9 animation
Lecture 9 animation
Mr SMAK
 
Advanced animation techniques
Advanced animation techniquesAdvanced animation techniques
Advanced animation techniques
Charles Flynt
 

Similar to Multimedia chapter 5 (20)

Animation
AnimationAnimation
Animation
 
Ch07
Ch07Ch07
Ch07
 
Animation in Computer Graphics
Animation in Computer GraphicsAnimation in Computer Graphics
Animation in Computer Graphics
 
Unit vi
Unit viUnit vi
Unit vi
 
Animation
Animation Animation
Animation
 
Types of animation
Types of animationTypes of animation
Types of animation
 
Animation
AnimationAnimation
Animation
 
5 multimedia elements - animation
5   multimedia elements - animation5   multimedia elements - animation
5 multimedia elements - animation
 
CHAPTER – 10 Animation
CHAPTER – 10        AnimationCHAPTER – 10        Animation
CHAPTER – 10 Animation
 
Chap2 Overview of 3D Animation .pptx
Chap2 Overview of 3D Animation .pptxChap2 Overview of 3D Animation .pptx
Chap2 Overview of 3D Animation .pptx
 
Lecture 9 animation
Lecture 9 animationLecture 9 animation
Lecture 9 animation
 
Montage- Animation Studio in Dubai.pptx
Montage- Animation Studio in Dubai.pptxMontage- Animation Studio in Dubai.pptx
Montage- Animation Studio in Dubai.pptx
 
VFX
VFXVFX
VFX
 
Animation
AnimationAnimation
Animation
 
Animation
AnimationAnimation
Animation
 
Animation
AnimationAnimation
Animation
 
ANIMATION
ANIMATIONANIMATION
ANIMATION
 
Introduction to 3D Animation
Introduction to 3D AnimationIntroduction to 3D Animation
Introduction to 3D Animation
 
Advanced animation techniques
Advanced animation techniquesAdvanced animation techniques
Advanced animation techniques
 
Animation
AnimationAnimation
Animation
 

Recently uploaded

Russian Escort Service in Delhi 11k Hotel Foreigner Russian Call Girls in Delhi
Russian Escort Service in Delhi 11k Hotel Foreigner Russian Call Girls in DelhiRussian Escort Service in Delhi 11k Hotel Foreigner Russian Call Girls in Delhi
Russian Escort Service in Delhi 11k Hotel Foreigner Russian Call Girls in Delhi
kauryashika82
 
Activity 01 - Artificial Culture (1).pdf
Activity 01 - Artificial Culture (1).pdfActivity 01 - Artificial Culture (1).pdf
Activity 01 - Artificial Culture (1).pdf
ciinovamais
 
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
 
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
 
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
 

Recently uploaded (20)

Advance Mobile Application Development class 07
Advance Mobile Application Development class 07Advance Mobile Application Development class 07
Advance Mobile Application Development class 07
 
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 ...
 
Class 11th Physics NEET formula sheet pdf
Class 11th Physics NEET formula sheet pdfClass 11th Physics NEET formula sheet pdf
Class 11th Physics NEET formula sheet pdf
 
microwave assisted reaction. General introduction
microwave assisted reaction. General introductionmicrowave assisted reaction. General introduction
microwave assisted reaction. General introduction
 
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
 
Unit-IV- Pharma. Marketing Channels.pptx
Unit-IV- Pharma. Marketing Channels.pptxUnit-IV- Pharma. Marketing Channels.pptx
Unit-IV- Pharma. Marketing Channels.pptx
 
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"
 
Russian Escort Service in Delhi 11k Hotel Foreigner Russian Call Girls in Delhi
Russian Escort Service in Delhi 11k Hotel Foreigner Russian Call Girls in DelhiRussian Escort Service in Delhi 11k Hotel Foreigner Russian Call Girls in Delhi
Russian Escort Service in Delhi 11k Hotel Foreigner Russian Call Girls in Delhi
 
Activity 01 - Artificial Culture (1).pdf
Activity 01 - Artificial Culture (1).pdfActivity 01 - Artificial Culture (1).pdf
Activity 01 - Artificial Culture (1).pdf
 
Paris 2024 Olympic Geographies - an activity
Paris 2024 Olympic Geographies - an activityParis 2024 Olympic Geographies - an activity
Paris 2024 Olympic Geographies - an activity
 
Student login on Anyboli platform.helpin
Student login on Anyboli platform.helpinStudent login on Anyboli platform.helpin
Student login on Anyboli platform.helpin
 
Arihant handbook biology for class 11 .pdf
Arihant handbook biology for class 11 .pdfArihant handbook biology for class 11 .pdf
Arihant handbook biology for class 11 .pdf
 
Explore beautiful and ugly buildings. Mathematics helps us create beautiful d...
Explore beautiful and ugly buildings. Mathematics helps us create beautiful d...Explore beautiful and ugly buildings. Mathematics helps us create beautiful d...
Explore beautiful and ugly buildings. Mathematics helps us create beautiful d...
 
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
 
Introduction to Nonprofit Accounting: The Basics
Introduction to Nonprofit Accounting: The BasicsIntroduction to Nonprofit Accounting: The Basics
Introduction to Nonprofit Accounting: The Basics
 
Measures of Central Tendency: Mean, Median and Mode
Measures of Central Tendency: Mean, Median and ModeMeasures of Central Tendency: Mean, Median and Mode
Measures of Central Tendency: Mean, Median and Mode
 
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
 
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...
 
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
 
Sanyam Choudhary Chemistry practical.pdf
Sanyam Choudhary Chemistry practical.pdfSanyam Choudhary Chemistry practical.pdf
Sanyam Choudhary Chemistry practical.pdf
 

Multimedia chapter 5

  • 1. Structure : The power of Motion Principles of Animation Animation by computer Animation Techniques Animation File Formats
  • 2. It makes static presentations come live. Animation grabs attention. Transitions are simple forms of animation : wipes , fades , zooms , dissolves . These can be used for primitive animation.
  • 3. But animation is much more. Animation is an object actually moving across or into out of the screen, spinning globe and so on.
  • 4. Persistence of vision. Still images are flashed in sequence. Frame rate measures the speed of change.
  • 5. Animation is possible because of a biological phenomenon known as Persistence of Vision & psychological phenomenon called Phi. Persistence of Vision  an object seen by the human eye remains mapped on the retina for a brief time after viewing. Combined with the human minds need to conceptually complete a perceived action that makes it possible for a series of images that are changed very slightly & rapidly.
  • 6. Television video creates 30 frames per second. Movies are shot at a rate of 24 frames per second and replayed at 48 frames per second . Both are used to create motion and animation.
  • 7. Using appropriate software & techniques , one can animate visual images in many ways. The simplest animation is on a 2D space & more complex animation can take place on 2 and ½ D space & most realistic animation on 3D space. In 2D space , the visual change s bring an image alive occur on the flat co ordinate axes x and y. Examples : blinking word, color cycling logo , cel animation. Software : Flash or Power Point
  • 8. In 2 and ½ Dimension , an illusion of depth is added to an image through shadowing & highlighting but the image rests on a 2d plane. Example : Embossing , shadowing , beveling. Software : Adobe Illustrator , Photoshop. In 3 Dimension , software creates a virtual realm in 3 dimensions & changes are calculated along all three axes. Examples : Moving objects closer or farer from the viewer etc. Software : AutoDesk’s Maya , NewTek’s Lightwave
  • 9. When you create animation, organize its execution into a series of steps : 1. Gather up in mind all the activities you wish to provide in animation. 2. If its complicated , create a written script with the list of activities & required objects & then create storyboard to visualize animation. 3. Choose the animation tool best suited for the job. 4. Finally, Post process your animation, doing any special rendering & adding sound effects.
  • 10. The term Cel derives from the clear celluloid sheets that were used for drawing frames , which have been replaced today by layers of digital imagery. Cel animation artwork begins with Keyframes. The series of frames in between the keyframes are drawn in a process called Tweening. Tweening is an action that is requires calculating the number of frames between key frames & the path that the action takes & then actually sketching with pencilthe series of progressively different outlines.
  • 11. As tweening progresses the action sequence is checked by flipping through the frames. The penciled frames are assembled & then actually filmed as a pencil test to check smoothness , continuity and Timing. When pencil frames are satisfactory , they are permanently inked, photocopied onto cels , and given to artists to paint the details for each cel. Normally women are preferred for this as it needs patience & great eyes for details.
  • 12. Computer animation programs typically employ the same logic & procedural concepts as cel animation & use the vocabulary of classic cel animation – layers, keyframe , tweening & so on. The primary difference among animation software programs is in how much should be drawn by the animator and how much is automatically generated by the software.
  • 13. Study of movement and motion of structures that have joints, (such as a person or a walking dog). Complex- need to calculate position, velocity, rotation and acceleration of all joint and body parts involved. Inverse kinematics – process of linking objects together and define their relationships and lifts and then drag the parts and let the computer calculate the result ( for example, connect hands and arms and bent the elbow in various directions) Fractal Design’s Poser – a 3-D modeling program
  • 14. Morphing is the process of transforming one image to another.
  • 15. Windows Media – .AVI, .ASF, or .WMV Apple QuickTime – .QT or .MOV Motion Video – .MPG or .MPEG Flash – .SWF Shockwave – .DCR Animated GIF – .GIF
  • 16. Director (dir) compressed into a Shockwave animation file (dcr) for the web. Windows Audio Video Interleaved Format (avi) Macintosh ( quicktime, mov) Motion Video ( mpeg, mpg) GIF89a (.gif) Shockwave (.swf)
  • 17. Use animations carefully so your screens don’t become too “busy”. Animation tools Director Adobe GOLive GIF animators