Introduction to Animation In animation, a series of images are rapidly changed to create an illusion of movement.

The Power of Animation Animation makes static presentation alive. It is visual change over time and can add great power to multimedia project. Animation grabs attention Transitions are simple forms of animation Wipe Zoom Rotate

Principles of animation How Animation Works  Animation is possible because of a biological phenomenon known as persistence of vision.  Persistence of Vision -biological phenomenon - an object seen by the human eye remains mapped on the retina for a brief time after viewing it.  Still images are flashed in sequence and changed very slightly and very rapidly, one after another and blend together into a visual illusion of movement.  Frame rate measures the speed of change or number of frames can be displayed per second.

Principles of Animation Movies are shot at a rate of 24 frames per second and replayed at 48 frames per second Both are used to create motion and animation

Animation Techniques Methods of creating animation (type of animation): Cell animation Path animation Computer animation. Animation process.

Type of Animation: Cell Animation Cell animation is a technique in which a series of progressively different graphics are used on each frame of movie film. Cell animation begins with keyframes.

Type of Animation: Cell Animation Keyframes refer to the first and the last frame of an action. Tweening – the series of frames drawn in between the first and last key frames. Tweening is an action that requires calculating the number of frames between keyframes and the path the action takes. The frames in between the keyframes are drawn in the tweening process. ( 24 frames/sec. * 60 sec/min) = 1440 separate frames needed to produce one minute of a movie

Type of Animation: Path Animation The movement of an object happened along a predetermined path on the screen. The path could be a straight line or any number of curves. The object does not change, although it might be resized or reshape.

Computer Animation  Kinematics is the study of motion of jointed structures

Computer Animation Electronically generated movement of anything on your computer screen. Computer animation is very similar to cell animation. The primary difference is in how much must be drawn by the animator and how much is automatically generated by the software. Kinematics is the study of the movement and motion of structures that have joints.

Animation process (Morphing)  Morphing is the process of transitioning from one image to another

Animation process (Morphing) A special effect in which one image transforms into another Process involves connecting a series of key points, which are mapped from the start image to the end image to make a smooth transition

Animation Animation file formats  Windows Media –.AVI  Apple QuickTime –.QT  Flash –.SWF  Animated GIF –.GIF

Introduction to Flash Workspace

What is Flash? Flash is a multimedia graphics program specially for use on the Web Flash enables you to create interactive "movies" Flash uses vector graphics, which means that the graphics can be scaled to any size without losing clarity/quality Flash does not require programming skills and is easy to learn

Flash File Types What is an.fla file? An.fla file may be: Actionscript 1.0, Actionscript 2.0 or Actionscript 3.0 Actionscript 3.0 : This type of.fla has the potential to utilize the latest, greatest features of Flash An.fla file is the editable, authoring file

Flash File Types What is a.swf file? As you build your.fla, you Publish - Publishing produces a.swf file There are multiple ways to Publish (one way is File > Publish) Another way shows you the result onscreen - from the Menu Bar, go to Control > Test Movie

Menu Bar Toolbar Timeline Stage Properties Panel 6 Work Area

The Stage is the white, rectangular area of the Adobe Flash Professional CS5 workspace. Objects you place on the Stage will appear in your published movie. Objects placed in the pasteboard (the gray area around the Stage) will not appear in the finished movie, but you can place objects there until you want them to appear on the Stage. Stage

Timeline and Layers

The Timeline is where you control the images and sounds in your Flash document. The Timeline is divided into frames. In the Timeline, you work with these frames to organize and control the content of your document. Timeline

The Timeline represents a simple mode of visualization. It consists of two parts: 1) The Frames that are limited by vertical lines (forming rectangles) 2) The Numbers of frames that allow us to know the assigned number of each frame, its duration and when it will appear in the movie. Moreover, there are some tools on the bottom to work with Number of current frame (1 in the image), the frame Speed (24.0 in the image) and the Time of the movie (0.0 in the image).

Layers in the Timeline provide a way to organize the elements of your movie. You can draw and edit objects on one layer without affecting objects on another layer. Layers control the stacking order of objects—the order moves from top to bottom, so objects displayed in front are in the top layer, while objects displayed in back are in the bottom layer. This allows you to place objects in front of or behind one another. To change the order of layers, drag the layer name to a new position. Each layer has an option for hiding or showing the layer, locking it, and displaying its contents as outlines. Layers

Keyframe: Everything on the stage where something changes is a keyframe. Keyframes define changes in the animation. The first frame in every layer is automatically a keyframe. Created Keyframes are displayed in Flash as a solid circle. Empty Keyframes are shown as hollow circles. Playhead: The Playhead on the timeline is a movable beginning and ending point for your total movie. You can click and move the playhead down the timeline at any speed for viewing your movie and helping you identify frame changes for editing. To play your movie at any time during it's creation and editing stages, just hit the 'enter' key.

Frame rate Change frame rate The document’s frame rate determines how fast the playhead moves. A frame rate 12 frames per second (fps) usually gives the best results on the web. You can set the frame rate to any number between 0.01 and 120. QuickTime and AVI movies generally have a frame rate of 12 fps, while the standard motion picture rate is 24 fps. Increasing the frame rate increases the size of your published document.