Fireworks动画教程：简单制作轮子滚动动画效果

在Fireworks中轻松打造滚动轮子动画——让你的Web Design瞬间生动起来！

一直以来，Fireworks都是我钟爱的设计软件之一。当我最近尝试Fireworks MX的试用版时，其中的动画体验让我眼前一亮。相较于其他同类软件，Fireworks MX在Web的GIF动画方面，无论是体积还是质量，都表现出卓越的优化效果。其丰富的操作和面板与MX系列无缝融合，让Web设计师能够以最创意的方式、最快的速度以及最优化的Web输出创建网站。

以我为狼蚁网站所做的SEO优化动画为例，我们将探讨如何使用Fireworks MX使Web设计更加轻松。

新建一个450x116的文件。利用Fireworks的矢量绘图工具，如圆形、线条和钢笔，创建一个车轮的图案。车轮的绘制方法多种多样，但Fireworks MX中的矢量绘图功能大大简化了这一过程。别忘了绘制车轮中心的红点，它在后续的动画制作中将起到关键作用。

接下来，选中绘制的图形，按F8键将其转换为动画元素。你可以在库面板中看到它，过程有点像制作Flash动画。

然后，选中这个动画元素，在属性面板的frame栏中输入数值，如10。这个数值根据你的动画长度而定。按下回车后，会出现一个警告窗口，告知将自动添加到帧上。点击确定后，你可以在车轮中心看到一个小红点。这个红点代表着动画运动的一个图形。通过拖动这个红点，你可以调整动画的关键帧。

现在，你已经看到了车轮移动的动画效果。为了实现滚动效果，我们需要进一步调整。打开frame面板，按住Shift键选择所有的frame，然后双击，将默认的动画间隔时间调整为18。

要使车轮沿着特定的路径滚动，如波浪线，需要在属性面板中进行一些高级设置。你可以调整scaling来控制动画大小的变化，使用rotation来调整车轮的旋转角度，以及通过opacity设置让动画具有淡入淡出的效果。

如果你希望车轮沿着复杂的路径滚动，如波浪线，这可能需要在Fireworks MX中进行一些额外的工作。一种方法是将动画导出为一个系列的小GIFs，然后在Fireworks MX中重新导入每个画面并手动调整其位置。虽然这种方法比较麻烦，但仍然可以实现想要的效果。

Fireworks MX为创建滚动轮子动画提供了丰富的工具和功能。通过本教程的介绍，希望你对Fireworks MX在Web设计中的应用有了更深入的了解。如果你有任何疑问或需要进一步的指导，请随时提问。感谢观看本教程！希望你在Web设计的道路上越走越远！