SlideShare une entreprise Scribd logo
1  sur  29
 Animation is process of adding motion to
  static images by applying various
  techniques.
 Basically animation provides
  motion/movement to still images and
  can provide virtual life to an object.



                                     SL
                                     1.2
SL
1.3
   Animation can be created in various
    techniques:
    › Animation can be generated by a series of
        images that been drawn sequentially.
    ›   Moving a miniature/sculpted model then record
        the movement.
    ›   Cutting a small particle of paper that contains
        various shapes then records the movement of
        the shapes.
    ›   Process of taking a series of photos then
        represents it sequentially.
    ›   Digital animation or computerized animation.
                                                  SL
                                                  1.4
   Several factors that makes animation
    widely accepted in human life:
    › A dynamic nature of the animation
      compared to other media which is static.
    › A complex concept can be represented in
      simpler method and easy to understand.
    › Emphasis more in media presentation to
      attract user’s or viewer’s interest.
    › Can make the media presentation looks
      more interesting.

                                          SL
                                          1.5
 In general, animation is a process that
  makes static image seems to move.
 Persistence of vision is an illusion of
  continuous movement.
 The theory states that any object watched
  by human eyes will be mapped on retina
  for a short period of time.




                                       SL
                                       1.6
 The visual imprint remains in the brain for a
  short period after the object is withdrawn
  from view.
 Based on the theory, when human eyes
  watch a sequence of static images at a
  fast rate, the static images will be assumed
  as an animation; images that move.
 Each image that static in nature will be
  recorded in sequence. The sequence will
  be represented at a fast rate


                                           SL
                                           1.7
SL 1.8




   The use of flip-book
    to create
    persistence of vision
SL
1.9
SL
1.10
SL
1.11
Thaumatrope (1825)
 A disc that displaying different images
   on both sides.
 Thaumatrope means magic disc.
 A string is tied through the disc which is
   used to revolve the disc.
 The disc revolution will produce
   animation effect that creates both
   images seems to combine.
                                         SL
                                        1.12
SL
1.13
SL
1.14
Phenakistiscope (1830)
 A disc that displaying series of images in
   sequence.
 Comes from Greek roots meaning
   deceptive view.
 A steel rod is set at the center of
   phenakistiscope. It is used to rotate the
   disc.
 Viewer will see through the holes on the
   disc which will be reflected on a mirror.
                                           SL
                                          1.15
SL
1.16
SL
1.17
SL
1.18
Zeotrope (1834)
  A series of images that been assembled
   inside a drum.
  Zeotrope means wheel of life.
  Based on the same concept of
   phenakistiscope. Drum will be rotated and
   viewer will see the animation effect
   through holes around the drum.
  The faster the rotation goes, the clearer
   effect will be produced.
                                        SL
                                       1.19
SL
1.20
SL
1.21
   Praxinoscope (1877)
   A series of pictures placed inside a drum which
    will be reflected by the mirrors outside a cylinder.
   Comes from Greek roots meaning action viewer.
   The number of mirrors is equal to the number of
    pictures, and the images of the pictures are
    viewed on the mirrors.
   When the drum rotates, the quick succession of
    reflected pictures gives the illusion of a moving
    picture.


                                                    SL
                                                   1.22
SL
1.23
SL
1.24
Zoopraxiscope (1877)
 A series of photos is placed sequentially
   on a rotated glass.
 Photo images are used to produce the
   animation effect, compared to the
   usage of drawn images before.



                                       SL
                                      1.25
SL
1.26
Several example of animation application
in various fields:
Education
Engineering
Entertainment
Training




                                     SL
                                    1.27
 Production manager
 Instructional designer
 Script writer
 Graphic artist
 Audio & video specialist
 Programmers
 Animator


                              SL
                             1.28
SL
1.29

Contenu connexe

Tendances

Diseño editorial y diagramación
Diseño editorial y diagramaciónDiseño editorial y diagramación
Diseño editorial y diagramación
CeciliaSz
 
Bloque 4 La Lectura De Imágenes (I)
Bloque 4 La Lectura De Imágenes (I)Bloque 4 La Lectura De Imágenes (I)
Bloque 4 La Lectura De Imágenes (I)
Fernando Roman
 
Adobe After Effects
Adobe After EffectsAdobe After Effects
Adobe After Effects
Kat350
 
My proposal for my 2D animation
My proposal for my 2D animationMy proposal for my 2D animation
My proposal for my 2D animation
Emily Hales
 

Tendances (20)

Photoshop Guide
Photoshop GuidePhotoshop Guide
Photoshop Guide
 
How to use canva
How to use canvaHow to use canva
How to use canva
 
Intro to Adobe Illustrator
Intro to Adobe IllustratorIntro to Adobe Illustrator
Intro to Adobe Illustrator
 
Diseño editorial y diagramación
Diseño editorial y diagramaciónDiseño editorial y diagramación
Diseño editorial y diagramación
 
Bloque 4 La Lectura De Imágenes (I)
Bloque 4 La Lectura De Imágenes (I)Bloque 4 La Lectura De Imágenes (I)
Bloque 4 La Lectura De Imágenes (I)
 
Adobe Illustrator for beginners
Adobe Illustrator for beginners Adobe Illustrator for beginners
Adobe Illustrator for beginners
 
Adobe After Effects
Adobe After EffectsAdobe After Effects
Adobe After Effects
 
Graphic and Web Design Principles
Graphic and Web Design Principles                      Graphic and Web Design Principles
Graphic and Web Design Principles
 
Adobe photoshop cc - session1
Adobe photoshop cc - session1Adobe photoshop cc - session1
Adobe photoshop cc - session1
 
About Motion graphics by Karriem A muhammad
About Motion graphics  by Karriem A muhammadAbout Motion graphics  by Karriem A muhammad
About Motion graphics by Karriem A muhammad
 
Comupter grahpic presentation
Comupter grahpic presentationComupter grahpic presentation
Comupter grahpic presentation
 
How To Use Canva
How To Use CanvaHow To Use Canva
How To Use Canva
 
Texture and typography
Texture and typographyTexture and typography
Texture and typography
 
Basic techniques of image manipulation
Basic techniques of image manipulationBasic techniques of image manipulation
Basic techniques of image manipulation
 
LANGUAGE OF DESIGN (Intro to GD, Wk 2)
LANGUAGE OF DESIGN (Intro to GD, Wk 2)LANGUAGE OF DESIGN (Intro to GD, Wk 2)
LANGUAGE OF DESIGN (Intro to GD, Wk 2)
 
Adobe Illustrator Basics
Adobe Illustrator BasicsAdobe Illustrator Basics
Adobe Illustrator Basics
 
My proposal for my 2D animation
My proposal for my 2D animationMy proposal for my 2D animation
My proposal for my 2D animation
 
How to Use Canva for Beginners
How to Use Canva for Beginners How to Use Canva for Beginners
How to Use Canva for Beginners
 
Canva Turorial
Canva TurorialCanva Turorial
Canva Turorial
 
Graphic design for marketing professionals
Graphic design for marketing professionalsGraphic design for marketing professionals
Graphic design for marketing professionals
 

Similaire à TMD2063 | Digital Animation — Chapter 1

It413 animation
It413 animationIt413 animation
It413 animation
Meg Yodnad
 
1) history of animation timeline
1) history of animation timeline1) history of animation timeline
1) history of animation timeline
olivia_rose_97
 
The animated GUI: lessons from Disney
The animated GUI: lessons from DisneyThe animated GUI: lessons from Disney
The animated GUI: lessons from Disney
David Geerts
 

Similaire à TMD2063 | Digital Animation — Chapter 1 (20)

animation
animationanimation
animation
 
Persistence of vision
Persistence of visionPersistence of vision
Persistence of vision
 
It413 animation
It413 animationIt413 animation
It413 animation
 
MANNAVJIT SINGH.pptx
MANNAVJIT SINGH.pptxMANNAVJIT SINGH.pptx
MANNAVJIT SINGH.pptx
 
ICT_2D_Animation_Module.pdf
ICT_2D_Animation_Module.pdfICT_2D_Animation_Module.pdf
ICT_2D_Animation_Module.pdf
 
The animated mobile NUI: lessons from Disney
The animated mobile NUI: lessons from DisneyThe animated mobile NUI: lessons from Disney
The animated mobile NUI: lessons from Disney
 
Unit vi
Unit viUnit vi
Unit vi
 
Stop motion production
Stop motion productionStop motion production
Stop motion production
 
Stop motion production
Stop motion productionStop motion production
Stop motion production
 
1) history of animation timeline
1) history of animation timeline1) history of animation timeline
1) history of animation timeline
 
Animation Course in Delhi
Animation Course in DelhiAnimation Course in Delhi
Animation Course in Delhi
 
Animation
AnimationAnimation
Animation
 
Animation
AnimationAnimation
Animation
 
Lecture 1 History of Animation.pptx
Lecture 1 History of Animation.pptxLecture 1 History of Animation.pptx
Lecture 1 History of Animation.pptx
 
Animation basics: The optical illusion of motion
Animation basics: The optical illusion of motionAnimation basics: The optical illusion of motion
Animation basics: The optical illusion of motion
 
Stop motion production
Stop motion productionStop motion production
Stop motion production
 
Beginner's Guide to Animation Technique
Beginner's Guide to Animation TechniqueBeginner's Guide to Animation Technique
Beginner's Guide to Animation Technique
 
The animated GUI: lessons from Disney
The animated GUI: lessons from DisneyThe animated GUI: lessons from Disney
The animated GUI: lessons from Disney
 
Stop motion powerpoint
Stop motion powerpointStop motion powerpoint
Stop motion powerpoint
 
Screen art 1.pptx
Screen art 1.pptxScreen art 1.pptx
Screen art 1.pptx
 

Dernier

Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...
Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...
Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...
ZurliaSoop
 
The basics of sentences session 3pptx.pptx
The basics of sentences session 3pptx.pptxThe basics of sentences session 3pptx.pptx
The basics of sentences session 3pptx.pptx
heathfieldcps1
 

Dernier (20)

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
 
FSB Advising Checklist - Orientation 2024
FSB Advising Checklist - Orientation 2024FSB Advising Checklist - Orientation 2024
FSB Advising Checklist - Orientation 2024
 
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Ă...
 
Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...
Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...
Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...
 
HMCS Vancouver Pre-Deployment Brief - May 2024 (Web Version).pptx
HMCS Vancouver Pre-Deployment Brief - May 2024 (Web Version).pptxHMCS Vancouver Pre-Deployment Brief - May 2024 (Web Version).pptx
HMCS Vancouver Pre-Deployment Brief - May 2024 (Web Version).pptx
 
UGC NET Paper 1 Mathematical Reasoning & Aptitude.pdf
UGC NET Paper 1 Mathematical Reasoning & Aptitude.pdfUGC NET Paper 1 Mathematical Reasoning & Aptitude.pdf
UGC NET Paper 1 Mathematical Reasoning & Aptitude.pdf
 
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
 
How to setup Pycharm environment for Odoo 17.pptx
How to setup Pycharm environment for Odoo 17.pptxHow to setup Pycharm environment for Odoo 17.pptx
How to setup Pycharm environment for Odoo 17.pptx
 
The basics of sentences session 3pptx.pptx
The basics of sentences session 3pptx.pptxThe basics of sentences session 3pptx.pptx
The basics of sentences session 3pptx.pptx
 
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.
 
OSCM Unit 2_Operations Processes & Systems
OSCM Unit 2_Operations Processes & SystemsOSCM Unit 2_Operations Processes & Systems
OSCM Unit 2_Operations Processes & Systems
 
TỔNG ÔN TẬP THI VÀO LỚP 10 MÔN TIẾNG ANH NĂM HỌC 2023 - 2024 CÓ ĐÁP ÁN (NGỮ Â...
TỔNG ÔN TẬP THI VÀO LỚP 10 MÔN TIẾNG ANH NĂM HỌC 2023 - 2024 CÓ ĐÁP ÁN (NGỮ Â...TỔNG ÔN TẬP THI VÀO LỚP 10 MÔN TIẾNG ANH NĂM HỌC 2023 - 2024 CÓ ĐÁP ÁN (NGỮ Â...
TỔNG ÔN TẬP THI VÀO LỚP 10 MÔN TIẾNG ANH NĂM HỌC 2023 - 2024 CÓ ĐÁP ÁN (NGỮ Â...
 
ICT role in 21st century education and it's challenges.
ICT role in 21st century education and it's challenges.ICT role in 21st century education and it's challenges.
ICT role in 21st century education and it's challenges.
 
ICT Role in 21st Century Education & its Challenges.pptx
ICT Role in 21st Century Education & its Challenges.pptxICT Role in 21st Century Education & its Challenges.pptx
ICT Role in 21st Century Education & its Challenges.pptx
 
Graduate Outcomes Presentation Slides - English
Graduate Outcomes Presentation Slides - EnglishGraduate Outcomes Presentation Slides - English
Graduate Outcomes Presentation Slides - English
 
Single or Multiple melodic lines structure
Single or Multiple melodic lines structureSingle or Multiple melodic lines structure
Single or Multiple melodic lines structure
 
Wellbeing inclusion and digital dystopias.pptx
Wellbeing inclusion and digital dystopias.pptxWellbeing inclusion and digital dystopias.pptx
Wellbeing inclusion and digital dystopias.pptx
 
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
 
HMCS Max Bernays Pre-Deployment Brief (May 2024).pptx
HMCS Max Bernays Pre-Deployment Brief (May 2024).pptxHMCS Max Bernays Pre-Deployment Brief (May 2024).pptx
HMCS Max Bernays Pre-Deployment Brief (May 2024).pptx
 
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)
 

TMD2063 | Digital Animation — Chapter 1

  • 1.
  • 2.  Animation is process of adding motion to static images by applying various techniques.  Basically animation provides motion/movement to still images and can provide virtual life to an object. SL 1.2
  • 4. Animation can be created in various techniques: › Animation can be generated by a series of images that been drawn sequentially. › Moving a miniature/sculpted model then record the movement. › Cutting a small particle of paper that contains various shapes then records the movement of the shapes. › Process of taking a series of photos then represents it sequentially. › Digital animation or computerized animation. SL 1.4
  • 5. Several factors that makes animation widely accepted in human life: › A dynamic nature of the animation compared to other media which is static. › A complex concept can be represented in simpler method and easy to understand. › Emphasis more in media presentation to attract user’s or viewer’s interest. › Can make the media presentation looks more interesting. SL 1.5
  • 6.  In general, animation is a process that makes static image seems to move.  Persistence of vision is an illusion of continuous movement.  The theory states that any object watched by human eyes will be mapped on retina for a short period of time. SL 1.6
  • 7.  The visual imprint remains in the brain for a short period after the object is withdrawn from view.  Based on the theory, when human eyes watch a sequence of static images at a fast rate, the static images will be assumed as an animation; images that move.  Each image that static in nature will be recorded in sequence. The sequence will be represented at a fast rate SL 1.7
  • 8. SL 1.8  The use of flip-book to create persistence of vision
  • 12. Thaumatrope (1825)  A disc that displaying different images on both sides.  Thaumatrope means magic disc.  A string is tied through the disc which is used to revolve the disc.  The disc revolution will produce animation effect that creates both images seems to combine. SL 1.12
  • 15. Phenakistiscope (1830)  A disc that displaying series of images in sequence.  Comes from Greek roots meaning deceptive view.  A steel rod is set at the center of phenakistiscope. It is used to rotate the disc.  Viewer will see through the holes on the disc which will be reflected on a mirror. SL 1.15
  • 19. Zeotrope (1834)  A series of images that been assembled inside a drum.  Zeotrope means wheel of life.  Based on the same concept of phenakistiscope. Drum will be rotated and viewer will see the animation effect through holes around the drum.  The faster the rotation goes, the clearer effect will be produced. SL 1.19
  • 22. Praxinoscope (1877)  A series of pictures placed inside a drum which will be reflected by the mirrors outside a cylinder.  Comes from Greek roots meaning action viewer.  The number of mirrors is equal to the number of pictures, and the images of the pictures are viewed on the mirrors.  When the drum rotates, the quick succession of reflected pictures gives the illusion of a moving picture. SL 1.22
  • 25. Zoopraxiscope (1877)  A series of photos is placed sequentially on a rotated glass.  Photo images are used to produce the animation effect, compared to the usage of drawn images before. SL 1.25
  • 27. Several example of animation application in various fields: Education Engineering Entertainment Training SL 1.27
  • 28.  Production manager  Instructional designer  Script writer  Graphic artist  Audio & video specialist  Programmers  Animator SL 1.28