《网页设计基础教程与上机指导(第2版)》第25章：利用Fireworks制作动画

第25章 利用Fireworks制作动画,教学提示和教学目标 25.1 创建逐帧动画 25.2 创建元件动画 25.3 创建其他动画,教学提示和教学目标,教学提示：在Fireworks中，可以通过称为动画元件的对象分配属性来创建动画。一个元件的动画被分解成多个帧，帧中包含组成每一步动画的图像和对象。一个动画中可以有一个以上的元件，每个元件可以有不同的动作。不同的元件可以包含不同数目的帧。当所有元件的所有动作都完成时，动画就结束了。 教学目标： 掌握创建逐帧动画 掌握创建元件动画 掌握创建其他动画 掌握制作逐字变色动画,25.1 创建逐帧动画,逐帧动画需要用户更改影片每一帧中的舞台内容。简单的逐帧动画并不需要用户定义过多的参数，只需要设置好每一帧，动画即可被播放。逐帧动画最适合于每一帧中的图像都在更改的动画，而不仅仅是简单地在舞台中移动的复杂动画。 25.1.1 关于 25.1.2 编辑帧 25.1.3 帧延时,25.1.1 关于,通过创建多个帧可以生成动画。使用【帧】面板可以看到每个帧的内容。【帧】面板是创建和组织帧的地方。可以命名帧、重新组织帧、手动设置动画的定时以及将对象从一个帧移到另一个帧。 每个帧都有若干相关的属性。通过设置帧延时或隐藏帧，可以在制作和编辑过程中使动画达到自己想要的效果。,25.1.2 编辑帧,可以在【帧】面板中添加、复制、删除帧和更改帧的顺序。 1. 添加帧 2. 添加多帧 3. 复制帧 4. 删除帧,25.1.3 帧延时,对动画中各帧延迟时间进行设置，会影响动画播放的总时间，也可以影响动画的流畅效果以及动画的总体效果。设置帧延时的操作步骤如下。 (1)在【帧】面板中选择需要设置帧延时的帧，按住Shift键可以同时选择多帧。 (2)单击【帧】面板右上角的按钮，在弹出的菜单中选择【属性】命令，弹出【帧属性】对话框。 (3)在【帧延时】文本框中输入需要设置的时间。设置完毕后，单击此对话框以外的区域或按Enter键，即可完成对该帧延迟时间的设置。,25.2 创建元件动画,动画元件可以是创建或导入的任何对象，并且在一个文件中可以有许多元件。每个元件都有它自己的属性并可独立运动。 25.2.1 元件和实例 25.2.2 编辑元件,25.2.1 元件和实例,如果文档中有重复使用的元素，可通过复制和粘贴操作在文档中创建对象。 元件和实例还有一些其他用处，如制作动画。Flash的元件和实例，就是通过创建元件，并不停地改变实例属性，来表示运动的感觉。一个元件就像一个木偶，一举一动都是由操作者完成。 可以随时使用【动画】对话框或【属性】检查器来更改动画元件的属性。还可以在元件编辑器中编辑元件的图片。元件编辑器可以在不影响文档其他部分的情况下编辑元件。也可以通过移动元件的运动路径来更改元件的运动。 因为动画元件被自动放到【库】面板中，所以可以重新使用它们来创建其他动画。,25.2.2 编辑元件,可以处理动画元件的属性，使网站富有生气。可以更改元件动画的速度、不透明度和旋转的各种属性。通过处理各种属性，可以使元件显示为旋转、加速、淡入淡出或者是这些动作的任意组合。 可以通过【动画】对话框或【属性】面板来更改元件的属性，【属性】面板如图25.22所示。 在【属性】面板中可以进行如下设置。 【帧】：在动画中包含的帧数，尽管滑块只允许设置最大值为250，但可以在【帧】文本框中输入任何数字。 【方向】：对象移动的方向(以度为单位)。值的范围是从0度到360度。 【缩放】：从开始到完成的淡入淡出的百分比。值的范围是从0%到250%。默认值是100%。 【不透明度】：从开始到完成的淡入淡出的百分比，值的范围是从0%到100%。默认值是100%。 【旋转】：从开始到完成元件旋转的数量(以度为单位)。值的范围是从0度到360度。要想让元件旋转不只一圈，可以输入更高的值，默认值是0度。 【顺时针】和【逆时针】表示对象的旋转方向。【顺时针】表示顺时针旋转，【逆时针】表示逆时针旋转。,25.3 创建其他动画,Fireworks 8在制作GIF动画上有着强大的功能。动画制作完成之后，就需要对其进行优化以达到最佳的显示效果，并且经过导出设置以及预览等步骤，最终将其导出为GIF动画格式。下面就来介绍GIF动画的制作过程。 25.3.1 打开文件生成动画 25.3.2 导入现有GIF动画,25.3.1 打开文件生成动画,在Fireworks 8中可以通过打开一组图像文件来快速创建动画，这种方式最适合网页横幅广告。打开文件生成动画的具体操作步骤如下。 (1)选择【文件】|【打开】命令，弹出【打开】对话框。 (2)在对话框中如果要选择多个连续的文件，按住Shift键或用鼠标进行框选，此时可以看到选定的文件被添加到【文件名】文本框中。 (3)在对话框中选中【以动画打开】复选框，单击【打开】按钮，Fireworks就会在单个文件中打开所需要的文件。在【帧】面板中可以看到每个文件都按选定的顺序放置在【帧】面板中。,25.3.2 导入现有GIF动画,导入现有GIF动画的具