Foundation Fireworks CS4

7.2. Building an animation

In this first example, we will build an Ajax-style loading spinner. Figure 7-4 shows what the first state of the finished animation will look like.

Figure 7-4. The first state of the finished animation example zoomed to 800%

1. Create a new 32×32 px (pixel) document with a white canvas color, as shown in Figure 7-5.

   Figure 7-5. Creating a new document

   

   We'll be building this animation using vector objects, so if we need to scale it up to a larger size, we can do so without image degradation.

2. Using the Rectangle tool, create ...