1. Uses and Principles of animation
-Rory Foster

2. What is animation?
Animation is simply images that are shown rapidly after one another (frames) which uses persistence of vision (momentarily remembering/still seeing the last image) to trick our eyes and brain into thinking and seeing a moving image.
Animation- The technique of multiple frames, whether digitally made, or photographed being put together to imitate movement.
The human eye starts seeing the images change to animation at around 15 frames per second

3. What is animation? Animation:
- Compromised of individual images or “frames”
- ”Frames per second” is the count of how many frames make up a second of animation
- This is also referred to as the “Frame rate”
- The higher the frame rate, the smoother the animation
- A key frame in animation is a frame that is the starting and ending of any transition.
Inbetweening (or tweening) is the process if generating frames in-between different images to animate the scene.
Onion Skinning is a technique while animating that makes the previous frames appear underneath the current frame.

4. ? History of animation First entirely animated film Zoetrope
Cinémaographe
Toy Story
Thaumatrope
El Apóstol ?
1868
1900
1910’s
Now
1832
1958
1824
1834
1894
1906
1917
1995
First animated sequence
Cartoon Industry Created
Huckleberry Hound
Phenakistiscope
Kineograph
(Flip Book)

5. History of animation Traditional Animation-
Otherwise known as “Cel Shading”
Is an animation technique where each frame is drawn by hand.
Cel Shading is becoming less common due to computer generated animation.
DHTML-
A collection of technologies to create interactive and animated websites
XHTML-
XHTML mirrors or extends versions of the widely used HTML

6. History of animation
There are two kinds of commonly used animation today
Computer Generation
Stop-Motion 2D 3D
Claymation

7. USES OF WEB-ANIMATION Banner Ad Promotion Animated Interface Elements
Entertainment
Instruction

8. In computer animation, the term "raster graphics" refers to animation frames made of pixels rather than scalable components, such as vertices, edges, nodes, paths or vectors.
Digital animation
Vector Animation-
Animation that is controlled by vectors
Vectors are displayed and resized using mathematical values
This often results in cleaner, smoother animation
Raster (Bitmap) Animation-
Animation that is made up of pixels
This usually results in a worse quality animation than Vector

9. Digital animation Compression Download Speed
Every file has a different size, depending on the contents.
Compression
Download Speed
The higher the compression rate, the lower the quality.
The smaller the file size, the quicker it downloads.
Ideally you want a small file size without compromising too much quality.
However, the more compressed the file, the smaller the size

10. Digital Animation
.gif
Graphics Interchange Format is a bitmap image format
.fla
A FLA file is an animation project created by Adobe Animate
.swf
A SWF is a file extension for a Shockwave Flash file format
.mng
Multiple-image Network Graphics (MNG) is a graphics file format
.svg
Scalable Vector Graphics is a XML-based vector image format for 2D graphics with support for animation.

11. Web animation software
Authoring
Players

12. Any questions?