Fireworks MX 2004 make small clock animation with shape Gallery

Clock | shape

In Fireworks MX 2004, a new shape gallery is added, and we can see the new graphics in the style panel, as shown in Figure 2-1.

Figure 2-1

Below we use the clock graphics to make a dynamic small clock, as shown in Figure 2-2.

Figure 2-2

First add the clock graphic to the edit area, then see the clock has various nodes, the mouse clicks in the middle of the node position, will pop up a JavaScript settings window, such as Figure 2-3, in the window to enter the appropriate time, the clock figure on the graph will be arranged according to the time position, indicating the set time.

Figure 2-3

According to this principle, in the first frame position setting time is 13:00, we can add 5 frames, then set the position of the pointer every 10 minutes, and then set the frame time interval of 30/100 seconds. As shown in Figure 2-4, finally play the animation to see.

Figure 2-4