Suppose an animation displays two consecutive images like those below.
RED.gif BLUE.gif
The only difference between these two images is the light portions in the UFOs. So, only the data for the light portions is needed to redraw the entire image. Taking this approach greatly reduces the file size.
You can create an animation like this as follows:
1. Using WebArt Designer, read the second image (BLUE.gif) and cut out only that portion corresponding to the light (that portion indicated with the red arrow.)
2. Using Web Animator, read the first image (RED.gif) as the first frame. Drag the light - the second frame - and drop it into the first frame (compare this procedure with Inserting an image.)
3. In the properties for the first frame, set [Disposal Method] to "Leave the Image As Is." Thus, the second frame will overwrite the first frame (compare this to the "Image properties" dialog box .)
4. Adjust the position of the second frame so that it fits over the corresponding portion of the first frame (compare this with Adjusting the position and size of an image.)
Related Items