Fireworks 8第08章制作动画效果.pptVIP

第8章 制作动画效果 动画是网页的常用元素，使用它可以为网页增加生动活泼和复杂多变的外观，从而引起人们的注意。在Fireworks中创建动画时，其原理是通过动画元件在多个帧之间不断改变形状、位移、角度等方面来实现动画效果。此外，可以采用补间的处理过程，自动创建关键帧之间动画元件的位置、变换或效果 。 通过本章的理论学习和上机实训，读者应了解和掌握以下内容: 规划动画的步骤 操作动画中的帧 制作动画的各种方法 使用元件和实例 制作补间动画 导出动画的步骤 本章章节内容安排如下: 8.1 规 划 动 画 8.2 操 作 帧 8.3 制作动画的基本方法 8.4 利用元件和实例制作动画 8.5 导 出 动 画 8.6 实 例 制 作 8.7 思考与练习 8.1 规 划 动 画 在创建动画之前，必须首先设计动画中发生的各种事件。只有经过良好的设计，才能形成连续而生动的动画。创建动画一般包括以下5个步骤，这些步骤并不是固定的，它们会因个人的工作流程和对动画的设计而异。 创建动画对象 设置帧延时 规划帧 利用层规划动画 8.2 操 作 帧 在Fireworks中，可以把动画的时间长度切割成多个帧，每个帧运行一定的时间，用户所要做的工作就是将这些单独的帧组合起来 。 帧的添加、移动、复制和删除 跨帧共享层 查看相邻的帧 设定帧延时 设定播放动画的次数 8.3 制作动画的基本方法 前面介绍了如何规划动画和操作帧这些基础知识，本节介绍如何在Fireworks中制作动画。 利用文件制作动画 制作逐帧动画 通过分散到帧制作动画 利用文件制作动画 在Fireworks中，可以创建一个基于一组文件的动画。例如制作用于宣传的广告，可以打开一些图形文件，然后分别将这些图形文件放入到单独的帧中，即可形成动画。 制作逐帧动画 制作逐帧动画就是一次制作动画的每1帧，然后对每一帧进行编辑。首先编辑第1帧的内容，编辑完成后，在第1帧的后面新建第2帧，然后编辑第2帧中的内容，依次类推。特殊情况是，如果第2帧中的对象是由改变第1帧中的对象得到的，则可以将第1帧的内容直接复制到第2帧中，然后进行编辑。编辑完所有帧后，就可以预览动画的效果。下面通过一个实训来说明如何制作逐帧动画 。 通过分散到帧制作动画 对于在同一个帧中绘制的多个对象，可以利用分散到帧的操作将指定对象分散到指定的帧中。可以在一个帧中预先绘制物体运动过程中的多个对象，并且按照其运动轨迹排列，然后将这些对象分散到帧，从而完成制作动画的工作。下面通过一个实训来说明如何利用分散到帧的方法制作动画 。 8.4 利用元件和实例制作动画 在Fireworks中，元件是库中存放的一些对象，可以在文件中多次引用元件，而只调用一个对象。实例是元件在文件中的具体引用。当改变元件时，文件中的所有相关实例也会有相应的改变。这样就可以提高工作效率，同时保存文件所占用的磁盘空间也会相应较少。 8.5 导 出 动 画 在制作完动画后，可以将动画导出供以后使用。在导出动画之前，必须先进行一些设置，从而使导出的动画更容易在网页中下载和观看。下面通过一个实训来具体说明如何导出动画 。 8.6 实 例 制 作 本节将利用动画元件来创建动态文字，通过练习该实例，用户可以进一步熟悉利用元件制作动画的基本步骤 。 8.7 思考与练习 填空题 1. 创建动画一般分为5个步骤，其中第3步是____。 2. 在动画中， ____是动画的基本元素。 3. 使用____技术，可以查看与当前帧相邻的帧。 4. 对于在同一个帧中绘制的多个对象，可以利用____将指定对象分散到指定的帧中。 5. 在Fireworks中，元件是____ ，可以在文件中多次引用元件，而只调用一个对象。 8.7 思考与练习 选择题 6. 在如图8-13所示的洋葱皮菜单中，选择( )命令可显示当前帧和前后相邻帧的 内容。 A. “显示下一帧” B. “之前和之后” C. “显示所有帧” D. “自定义” 7. 在如图8-4所示的“添加帧”对话框中，用于将插入的帧放置在所有帧的最后面的选项是( )。 A. “在开始”单选按钮 B. “当前帧之前”单选按钮 C. “当前帧之后”单选按钮 D. “在结尾”单选按钮 8.7 思考与练习 选择题 8. 在制作补间动画时，由计算机自动生成的帧是(