tmd2063 | digital animation — chapter 1
TRANSCRIPT
![Page 1: TMD2063 | Digital Animation — Chapter 1](https://reader030.vdocuments.mx/reader030/viewer/2022020116/55a223b71a28ab6a7a8b46b9/html5/thumbnails/1.jpg)
![Page 2: TMD2063 | Digital Animation — Chapter 1](https://reader030.vdocuments.mx/reader030/viewer/2022020116/55a223b71a28ab6a7a8b46b9/html5/thumbnails/2.jpg)
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
![Page 3: TMD2063 | Digital Animation — Chapter 1](https://reader030.vdocuments.mx/reader030/viewer/2022020116/55a223b71a28ab6a7a8b46b9/html5/thumbnails/3.jpg)
SL 1.3
![Page 4: TMD2063 | Digital Animation — Chapter 1](https://reader030.vdocuments.mx/reader030/viewer/2022020116/55a223b71a28ab6a7a8b46b9/html5/thumbnails/4.jpg)
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
![Page 5: TMD2063 | Digital Animation — Chapter 1](https://reader030.vdocuments.mx/reader030/viewer/2022020116/55a223b71a28ab6a7a8b46b9/html5/thumbnails/5.jpg)
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
![Page 6: TMD2063 | Digital Animation — Chapter 1](https://reader030.vdocuments.mx/reader030/viewer/2022020116/55a223b71a28ab6a7a8b46b9/html5/thumbnails/6.jpg)
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
![Page 7: TMD2063 | Digital Animation — Chapter 1](https://reader030.vdocuments.mx/reader030/viewer/2022020116/55a223b71a28ab6a7a8b46b9/html5/thumbnails/7.jpg)
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
![Page 8: TMD2063 | Digital Animation — Chapter 1](https://reader030.vdocuments.mx/reader030/viewer/2022020116/55a223b71a28ab6a7a8b46b9/html5/thumbnails/8.jpg)
The use of flip-book
to create
persistence of vision
SL 1.8
![Page 9: TMD2063 | Digital Animation — Chapter 1](https://reader030.vdocuments.mx/reader030/viewer/2022020116/55a223b71a28ab6a7a8b46b9/html5/thumbnails/9.jpg)
SL 1.9
![Page 10: TMD2063 | Digital Animation — Chapter 1](https://reader030.vdocuments.mx/reader030/viewer/2022020116/55a223b71a28ab6a7a8b46b9/html5/thumbnails/10.jpg)
SL 1.10
![Page 11: TMD2063 | Digital Animation — Chapter 1](https://reader030.vdocuments.mx/reader030/viewer/2022020116/55a223b71a28ab6a7a8b46b9/html5/thumbnails/11.jpg)
SL 1.11
![Page 12: TMD2063 | Digital Animation — Chapter 1](https://reader030.vdocuments.mx/reader030/viewer/2022020116/55a223b71a28ab6a7a8b46b9/html5/thumbnails/12.jpg)
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
![Page 13: TMD2063 | Digital Animation — Chapter 1](https://reader030.vdocuments.mx/reader030/viewer/2022020116/55a223b71a28ab6a7a8b46b9/html5/thumbnails/13.jpg)
SL 1.13
![Page 14: TMD2063 | Digital Animation — Chapter 1](https://reader030.vdocuments.mx/reader030/viewer/2022020116/55a223b71a28ab6a7a8b46b9/html5/thumbnails/14.jpg)
SL 1.14
![Page 15: TMD2063 | Digital Animation — Chapter 1](https://reader030.vdocuments.mx/reader030/viewer/2022020116/55a223b71a28ab6a7a8b46b9/html5/thumbnails/15.jpg)
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
![Page 16: TMD2063 | Digital Animation — Chapter 1](https://reader030.vdocuments.mx/reader030/viewer/2022020116/55a223b71a28ab6a7a8b46b9/html5/thumbnails/16.jpg)
SL 1.16
![Page 17: TMD2063 | Digital Animation — Chapter 1](https://reader030.vdocuments.mx/reader030/viewer/2022020116/55a223b71a28ab6a7a8b46b9/html5/thumbnails/17.jpg)
SL 1.17
![Page 18: TMD2063 | Digital Animation — Chapter 1](https://reader030.vdocuments.mx/reader030/viewer/2022020116/55a223b71a28ab6a7a8b46b9/html5/thumbnails/18.jpg)
SL 1.18
![Page 19: TMD2063 | Digital Animation — Chapter 1](https://reader030.vdocuments.mx/reader030/viewer/2022020116/55a223b71a28ab6a7a8b46b9/html5/thumbnails/19.jpg)
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
![Page 20: TMD2063 | Digital Animation — Chapter 1](https://reader030.vdocuments.mx/reader030/viewer/2022020116/55a223b71a28ab6a7a8b46b9/html5/thumbnails/20.jpg)
SL 1.20
![Page 21: TMD2063 | Digital Animation — Chapter 1](https://reader030.vdocuments.mx/reader030/viewer/2022020116/55a223b71a28ab6a7a8b46b9/html5/thumbnails/21.jpg)
SL 1.21
![Page 22: TMD2063 | Digital Animation — Chapter 1](https://reader030.vdocuments.mx/reader030/viewer/2022020116/55a223b71a28ab6a7a8b46b9/html5/thumbnails/22.jpg)
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
![Page 23: TMD2063 | Digital Animation — Chapter 1](https://reader030.vdocuments.mx/reader030/viewer/2022020116/55a223b71a28ab6a7a8b46b9/html5/thumbnails/23.jpg)
SL 1.23
![Page 24: TMD2063 | Digital Animation — Chapter 1](https://reader030.vdocuments.mx/reader030/viewer/2022020116/55a223b71a28ab6a7a8b46b9/html5/thumbnails/24.jpg)
SL 1.24
![Page 25: TMD2063 | Digital Animation — Chapter 1](https://reader030.vdocuments.mx/reader030/viewer/2022020116/55a223b71a28ab6a7a8b46b9/html5/thumbnails/25.jpg)
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
![Page 26: TMD2063 | Digital Animation — Chapter 1](https://reader030.vdocuments.mx/reader030/viewer/2022020116/55a223b71a28ab6a7a8b46b9/html5/thumbnails/26.jpg)
SL 1.26
![Page 27: TMD2063 | Digital Animation — Chapter 1](https://reader030.vdocuments.mx/reader030/viewer/2022020116/55a223b71a28ab6a7a8b46b9/html5/thumbnails/27.jpg)
Several example of animation application
in various fields:
Education
Engineering
Entertainment
Training
SL 1.27
![Page 28: TMD2063 | Digital Animation — Chapter 1](https://reader030.vdocuments.mx/reader030/viewer/2022020116/55a223b71a28ab6a7a8b46b9/html5/thumbnails/28.jpg)
Production manager
Instructional designer
Script writer
Graphic artist
Audio & video specialist
Programmers
Animator
SL 1.28
![Page 29: TMD2063 | Digital Animation — Chapter 1](https://reader030.vdocuments.mx/reader030/viewer/2022020116/55a223b71a28ab6a7a8b46b9/html5/thumbnails/29.jpg)
SL 1.29