2. Chapter 11 ANIMATION  Group Name: Creative Web World  Jose T Barriga  Claudia L. Espinosa  Ranjana Agarwal

3. Animation adds visual impact to your M ultimedia projects and Web Pages  It is possible to animate a whole project or only part of it.  Visual effects are available in most authoroting packages.  Macromedia Director and Adobe Premier have many transition effects.

4. PRINCIPLES OF ANIMATION  Animation is possible because of a biological phenomenon known as persistence of vision and a psychological phenomenon called phi.  When a person sees an object, it remains chemically mapped on the eye’s retina for a brief time after viewing it.  Our mind perceives this action as a visual illusion of movement.

5. PRINCIPLES OF ANIMATION  Television uses 30 frames per second. Meanwhile, movies on film are shot at a rate of 24 frames per second.  If you plan to create an animation, first it is useful to create a written script with a list of activities and required objects. Then you can build your sequences and experiment with effects.

6. CEL ANIMATION  Disney used a series of different graphics on each frame of movie film. A minute of animation may require 1,440 separate frames.  In order to create a movie, they used celluloid sheets for drawing each frame. Today it has been replaced by acetate or plastic.  Cel animation artwork begins with keyframes that are the first and last frame of an action.

7. CEL ANIMATION  The series of frames in between the keyframes are drawn in a process called tweening.  Tweening an action requires calculating the number of frames between keyframes and the path the action takes.  The penciled frames are assembled and filmed to check smoothness, continuity, and timing. If they are satisfactory, they are inked and painted on.

8. COMPUTER ANIMATION  Employs the same procedural concept as cel animation. It uses layer, keyframe, and tweening techniques.  The word inks means special methods for computing RGB pixel values so that the images can mix their colors to produce special transparencies and effects.  The smaller the object, the faster it can move.

9. KINEMATICS  Kinematics is the study of the movement and motion of structures that have joints such as a walking man.  In order to animate a walking step, you need to calculate the position, rotation, velocity, and acceleration of all parts involved.

10. MORPHING  Morphing is an effect in which one image transforms into another. It is possible not only using still images but also using moving images.  Some examples of products that offer morphing features are Avid’s Elastic Reality, Human Software’s Squizz, Image Ware’s Morph Wizard among others.

11. MORPHING  The previous figure illustrates how the images of 16 kindergarten children are dissolved one into the other in a continuous compelling motion video.  These morphed images were built at a rate of eight frames per second, and the number of keypoints was held to a minimum to shorten rendering time.  The point you set in the start image will move to the corresponding point in the end image.

12. ANIMATION FILE FORMATS  The file formats designed to contain animations include Director (.dir,.dcr), Studio Max(.max), Motion Video(.mpeg,.mpg), Compuserve(.gif), and Flash(.swf) among others.

13. MAKING ANIMATIONS THAT WORK  The most widely used tool for creating multimedia animations for Macintosh and Windows environments is Macromedia;s Director.  If you want to create a rolling ball, you can use Photoshop and Kai’s Power Tools’ Spheroid Designer to do that.  First, create a new blank image file that is 100X100 pixels, and fill it with a sphere.

14. A ROLLING BALL  The next step is to create a new layer in Photoshop, and place some text on this layer.  Spherize the text using Photoshop’s distortion filter, and save the results. To animate the sphere you need to make a number of rotated images of the sphere.

15. A ROLLING BALL  Rotate the image in 45- degree increments to create eight images.  You can make a bouncing ball to animate your Web site using GIF89a.  You can also make the ball with a 3-D graphics tool that will shade it as sphere.

16. A BOUNCING BALL  Then duplicate the ball by placing each copy of it in a vertical line at the ten locations 1,4,9,16,25,36,49,64,81,100. Our goal is to create a separate image file for each location of the ball.  You can also do this construction process with Director or Flash.  You can also add a back ground and other art elements. Then export each frame using the export function.

17. A BOUNCING BALL  With applications like GifBuilder for macintosh or Gif Construction Set for Windows, you can turn your collection of images into GIF89a animation.