USES AND PRINCIPLES OF ANIMATION Rory Foster WHAT

USES AND PRINCIPLES OF ANIMATION -Rory Foster

WHAT IS ANIMATION? Animation- The technique of multiple frames, whether digitally made, or photographed being put together to imitate movement. 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. The human eye starts seeing the images change to animation at around 15 frames per second

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. Onion Skinning is a technique while animating that makes the previous frames appear underneath the current frame. Inbetweening (or tweening) is the process if generating frames inbetween different images to animate the scene.

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

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

HISTORY OF ANIMATION There are two kinds of commonly used animation today Stop-Motion Computer Generation 2 D 3 D Claymation

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

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

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

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 2 D graphics with support for animation.

WEB ANIMATION SOFTWARE Authoring Players

ANY QUESTIONS?