Fireworks design and production of digital continuous rolling Animation Example tutorial

Free to do nothing, the translation of fireworks (hereinafter referred to as FW) of the basic article, the effect is as shown:

Because of the browser problem, the picture you see may be static, but save the picture as local, we can see that the picture is dynamic

This is a simple animation technique that you might all like, using the "frame-by-step" effect of the FW. You can use the same method to make an animation of the number of seconds to be counted.

Open a new canvas in fireworks, select the Text tool in the toolbar, enter the first number, and set the font, pixel size, and so on.

Open the Frame panel, use the Black and White selection tool, click on the top right corner of the panel, pop down menu, select "Re frame ...".

In the dialog box that pops up, set the following figure:

Select 9 new Frames because the animation contains 0-9 digits (equivalent to 10 frames).

Then select each frame and modify the corresponding number in the canvas.

You can output the file.

The frame panel is shown in the following illustration:

Tip: The right-hand side of the frame panel displays the default frame delay value of 7 milliseconds, or 7/100 seconds. If the animation is playing faster, you can modify the delay value. Select the top frame, hold down SHIFT, click the last frame at the bottom, select all the frames, double-click at the frame delay value, and set a higher value in the dialog box that appears. A higher value slows the animation's playback speed.

In the final step, open the Optimization panel and set the export file format as "GIF animation," as shown in the figure:

You can also set up a GIF animation loop at the bottom of the frame panel, which defaults to the "permanent" option.

OK, use F12 to preview your work, and finally you can output the file.