《商务网站规划与网页制作》07-05

1、7.5 Fireworks 8动画制作 动画是由若干静态画面快速交替显示而成。因人的眼睛会产生视觉暂留作用而产生动感。每一幅静态画面叫做一帧。 7.5.1合并图像生成动画 合并图像形成动画，顾名思义就是将一系列图片按序排列生成不同帧而形成动画，不过这种排列完全是程序自动执行的，免去了大量的手工操作。 7.5.2使用元件生成动画 动画元件在 Fireworks 文件中表演的动作看起来就像演员在电影中表演。使用元件生成动画，是通过创建元件并不停地改变它们的属性来产生运动的错觉。每个元件的动作都储存在相应的帧中。当按顺序播放所有帧时，就成了动画 创建动画元件有两种方式： 可以新建一个动画元件，也可以

2、将现有的对象转换成动画元件。 “动画”对话框 帧：动画中包含的帧数。尽管滑块限制的最大值为250，但仍可以在“帧”文本框中输入任何想要的数字。默认值为5。移动：每个对象移动的距离，以像素为单位。尽管默认值为72，但仍可以在“移动”文本框中输入任何想要的数字。移动只能是线性的。方向：对象移动的方向，以度为单位。值的范围从0到360。缩放：从开始到完成大小变化的百分比。尽管默认值为100%，但仍可以在“缩放”文本框中输入任何想要的数字。若要将对象从0缩放到100%，原始对象必须非常小；建议使用矢量对象。不透明度：从开始到完成淡入或淡出的度数。值的范围从0到100，默认值为 100%。旋转：从开始到

3、完成元件旋转的数量，以度为单位。值的范围从0到360。 要想让元件旋转不止一圈，可以输入更高的值。默认值为 0。“顺时针”和“逆时针”：表示对象的旋转方向。“顺时针”表示顺时针旋转，“逆时针”表示逆时针旋转。修改帧延时 7.5.3手工分帧动画 制作一个动画，首先要进行策划，然后依照策划方案进行动画构思。需要考虑的内容包括：动画尺寸、颜色和风格、帧数、每页要出现的元素。动画策划完成后，再对动画脚本进行分析和处理： 每一帧中都要出现的元素制作成背景重复使用的元素制作成符号只出现一次的元素直接在帧中绘制。7.5.4动画的导出 在导出文件之前，需要输入一些设置使动画的载入更容易、播放更流畅。可以修改播

4、放设置，如循环和透明度，然后使用优化处理使导出文件更小和更容易下载。 1设置动画循环 “帧”面板中的“循环”设置决定动画重复的次数。此功能可以使帧一遍又一遍地循环，因此可以将制作动画所需要的帧数减到最少。2设置透明度 作为优化处理的一部分，可以使 GIF 动画文件中的一种或多种颜色在 Web 浏览器中显示为透明。这在需要网页背景色或图像透过动画显示时很有用。3优化动画 优化处理可以将文件压缩成最小的包以便快速载入和导出，从而极大地提高了动画下载的速度。4导出动画 创建并优化了动画后，它就可以导出了。可以将动画以“GIF 动画”、“Flash SWF”文件或多个文件的形式导出。本章小结本章介绍了图像处理软件Fireworks 8的功能特点、安装和基本操作。通过网页效果图实例的制作，详细介绍了绘图工具、文字工具的使用。本章小结按钮及导航栏的制作也是十分实用的内容。网页效果图制作完成后，还需要对它进行切图处理，将切好的图片按HTML格式输出，成为HTML效果图，这个效果图是一个HTML文件，