![Page 1: Text Audio Image/Graphics Movie Animation A nimation · Animation Definition from Wikipedia: Animation is the rapid display of a sequence of images of 2-D artwork or model positions](https://reader030.vdocument.in/reader030/viewer/2022041116/5f2906f46efd9021044ba5a4/html5/thumbnails/1.jpg)
Image/Graphics Movie AnimationText Audio
Animation1
![Page 2: Text Audio Image/Graphics Movie Animation A nimation · Animation Definition from Wikipedia: Animation is the rapid display of a sequence of images of 2-D artwork or model positions](https://reader030.vdocument.in/reader030/viewer/2022041116/5f2906f46efd9021044ba5a4/html5/thumbnails/2.jpg)
Animation
Definition from Wikipedia:
Animation is the rapid display of a sequence of images of 2-D artwork or model positions in order to create an illusion of movement. It is an optical illusion of motion due to the phenomenon of persistence of vision.
This animation moves at 10 frames per second.
The bouncing ball animation (above) consists of these 6 frames.
2
![Page 3: Text Audio Image/Graphics Movie Animation A nimation · Animation Definition from Wikipedia: Animation is the rapid display of a sequence of images of 2-D artwork or model positions](https://reader030.vdocument.in/reader030/viewer/2022041116/5f2906f46efd9021044ba5a4/html5/thumbnails/3.jpg)
Traditional Animation
• Cel animation
• ‘Cel’ comes from ‘Celluloid’ - transparent acetate sheet
• traditionally hand-drawn
• many techniques (read further on Wiki)
3
![Page 4: Text Audio Image/Graphics Movie Animation A nimation · Animation Definition from Wikipedia: Animation is the rapid display of a sequence of images of 2-D artwork or model positions](https://reader030.vdocument.in/reader030/viewer/2022041116/5f2906f46efd9021044ba5a4/html5/thumbnails/4.jpg)
It’s all digital nowadays.
4
![Page 5: Text Audio Image/Graphics Movie Animation A nimation · Animation Definition from Wikipedia: Animation is the rapid display of a sequence of images of 2-D artwork or model positions](https://reader030.vdocument.in/reader030/viewer/2022041116/5f2906f46efd9021044ba5a4/html5/thumbnails/5.jpg)
Computer Animation
2D Animation 3D Animation
5
![Page 6: Text Audio Image/Graphics Movie Animation A nimation · Animation Definition from Wikipedia: Animation is the rapid display of a sequence of images of 2-D artwork or model positions](https://reader030.vdocument.in/reader030/viewer/2022041116/5f2906f46efd9021044ba5a4/html5/thumbnails/6.jpg)
2D Animation
• Several techniques to produce an animation
• You can use MS-PowerPoint to make one
• Macromedia Flash is very common
• It’s Frame/Time-Based animation
6
![Page 7: Text Audio Image/Graphics Movie Animation A nimation · Animation Definition from Wikipedia: Animation is the rapid display of a sequence of images of 2-D artwork or model positions](https://reader030.vdocument.in/reader030/viewer/2022041116/5f2906f46efd9021044ba5a4/html5/thumbnails/7.jpg)
Terminology
• Sprites - the objects that move during the animation
• Tweening - the automatic creation of the necessary motion of the sprite between the start and end locations (keyframes)
• Motion tweening
• Shape tweening
7
![Page 8: Text Audio Image/Graphics Movie Animation A nimation · Animation Definition from Wikipedia: Animation is the rapid display of a sequence of images of 2-D artwork or model positions](https://reader030.vdocument.in/reader030/viewer/2022041116/5f2906f46efd9021044ba5a4/html5/thumbnails/8.jpg)
3D Animation
8
![Page 9: Text Audio Image/Graphics Movie Animation A nimation · Animation Definition from Wikipedia: Animation is the rapid display of a sequence of images of 2-D artwork or model positions](https://reader030.vdocument.in/reader030/viewer/2022041116/5f2906f46efd9021044ba5a4/html5/thumbnails/9.jpg)
Making 3D Animation
• Modeling - create/model 3D objects then add color, texture, and material
• Animating - establish how many frames and decide on the specific animation that will take place (using keyframe & tweening)
• Rendering - each frame is rendered one at a time
9