Technical data

Preparing Web Graphics 83
The Show/Hide Captions button should be up (captions
hidden) so that each frame’s image content is easier to see.
q Working in the image window,
choose the “Ellipse” Shape tool
and Ctrl-drag to draw a small,
dark circle at the left side of the
square canvas. (The color doesn’t
matter, as long as it shows up.)
q Now click the New Frame button on the Animation tab three
times to add three clones of Frame 1.
q On the Animation tab, click on the second dot (Frame 2) to select
it. In the image window, choose the Move tool and (with nothing
selected) drag the whole layer so the ball is now at the top of the
canvas. When you release the mouse, you’ll see Frame 2 on the
Animation tab update to show the new “state” of the image.
q Click Frame 3 and drag the layer so the ball is at the right of the
window, and finally in Frame 4 put the ball at the bottom of the
window. The Animation tab will show the four frames like this:
q Click the Play button. Not bad for a few minutes’ work!
q If the animation runs too fast, you can increase the frame delay.
Each frame has its own delay factor, but here’s how to set one
factor for all frames. Just click all four frames while holding down
the Shift key (that selects them all), then enter the new number in
the Frame Delay box. Try playing the animation again.