Fireworks 4.0 认证教程 第十章 动画设计
【内容提要】
本章介绍Fireworks中的动画制作，讲解制作动画过程中帧的操作：添加、复制帧；复制、移动帧中对象，共享图层，洋葱皮技术，设置帧的延迟、控制动画的播放次数，优化动画文件以及导出。
主要内容：
5. 帧的操作
6. 编辑帧中对象
7. 编辑动画
8. 导出动画
重点与难点：
帧的操作、对帧中对象的编辑、对动画整体的编辑、动画的导出
关键字：
帧、帧中对象、编辑动画、导出
【本课内容】
如今，动画已经成为web中一个突出的，不可缺少的部分，在网页中插入一些不大的gif 动画，对于美化页面起着点睛的作用，在制作动画前，我们首先要理解"频"这个概念，理解了它，制作动画就不再是什么神奇的事了，Fireworks的易用性和强大的图形处理功能使制作gif动画成为很轻松的事情，掌握Fireworks的动画制作是这门课程的重要内容。
10.1 帧的操作
动画是由多幅图像轮流显示生成的。Gif动画也是如此，Fireworks利用"Frames"面板，在每一帧中放置不同的图像进行动画制作的，因此要制作动画，应先来熟悉"Frames"面板。
单击【Window】菜单中的【Frames】命令，打开帧面板，图解如下：
10.1.1 添加帧
一、添加一个空白帧
方法1. 单击"Frames"面板上的"New/Duplicate"按钮
，则新的空白帧添加到目前帧的后面。
方法2. 按住键盘"Alt"键，直接在"Frames"面板的帧列表中单击鼠标左键即可。
方法3. 单击【Insert】菜单中的【Frame】命令，即在文档中加入了一个空白帧。
二、添加多个空白帧
1. 单击"Frames"面板右上角的三角形按钮，弹出一个下拉菜单。
2. 在下拉菜单这点选"Add Frames"命令，打开"Add Frames"对话框。
3. 在对话框中修改新增的帧数目，选择添加的帧插入位置，如图：
点击"Ok"按钮，完成操作。
10.1.2 复制帧
一、 复制一个帧
1. 在帧面板中选中要复制的帧。
2. 单击帧面板上的新建/复制按钮 即可在文档中复制出一个新帧。
二、 复制多个帧
1. 在帧面板中选中要复制的帧。
2. 单击帧面板菜单中的"Duplicate Frame"命令，打开"Duplicate Frame"对话框。如图：
3. 在对话框中填入新增帧数，选择插入位置。
4. 单击"Ok"，即可完成复制。
10.1.3 删除帧
1. 在帧面板中选中要删除的帧。
2. 单击帧面板上的删除按钮
，或者单击帧面板菜单中的"Delete Frame"命令，即可完成删除操作。
10.1.4 改变帧顺序
1. 在帧面板中点选要改变顺序的帧。
2. 按住鼠标左键，拖动该帧到需要位置。
3. 释放鼠标，则改变了帧的位置，也就改变了动画的播放顺序。
编与帧之间的对象是相互独立，互不干扰的。编辑帧中对象和编辑普通文档中的对象操作相同，本节介绍的是帧与帧之间对象的基本操作。
10.2 复制和移动对象
一、在帧之间复制对象
1. 在文档窗口中选中要复制的对象，此时帧面板上可以看到该帧的右方有一个蓝色小框，表示已选中该帧中的对象了。
2. 按住"Alt"键，用鼠标拖动蓝色小框到需要的帧中，鼠标和目标帧都会有相应的提示，如图：
3.释放鼠标，完成帧之间对象的复制。
二、移动帧中对象
在文档窗口点选要移动的对象 ，帧面板中该帧出现蓝色小框后，直接按住鼠标拖动小框即可完成移动操作。
三、 将对象复制到多个帧中
1. 在文档窗口选中要复制的对象。
2. 单击"Frames"面板菜单中的"Copy to Frames"命令，打开"Copy to Frames"对话框。如图：
3. 在对话框中选择复制对象的不同方式，"Range"一项，填入复制对象到帧的有效范围。
4. 单击"Ok"，完成操作。
10.2.１在帧中共享图层
对于动画中可以保持不变的对象，可以采用共享图层的方式简化操作，减小文件大小。设置共享图层，操作如下：
1. 打开图层面板，选中要共享的对象的图层。
2. 单击"Layers"面板上的小三角，在打开的下拉菜单中点击"Share This Layers"命令，命令执行后，会在该层上出现一个标志
表示该层已被共享。如图：
要取消共享，操作同上，取消"Share This Layers"命令的选中状态即可。
10.2.２把对象分配到帧
为了制作的直观，常常在一个帧中制作某个对象用于动画的多个状态，然后将它们分配到各个帧中，操作如下：
1. 在文档窗口中选择要分配的对象。
2. 单击"Frames"面板菜单中的"Distribute to Frames"命令，或者面板上按钮
此时在个帧中都能看到该对象了。
10.2.３ 洋葱皮技术
要在文档窗口中以半透明的方式看到多个帧中图像的差异，制作连贯的动画，就可以使用洋葱皮技术， 单击"Frames"面板左下角的"Onion Skinning"按钮，弹出一个下拉菜单，如图：
菜单中有六个选项：
No width=23> ，打开循环控制菜单如图：
Forever：一直播放；No Looping：播放到最后一帧即停止。其他选项为播放次数。
二、设置帧的延迟时间
1. 在帧面板选中要延迟播放的帧。
2. 单击"Frames"面板菜单中的"Properties"命令，打开"Properties"对话框，如图：
在对话框中填入延迟时间后，按回车键确定，即完成延迟操作。
10.4 导出动画
完成动画的制作和设置以后，必须将它导出成GIF格式，才能在网页中使用它。本节将介绍动画的导出和相关设置。
10.4.1 优化动画图像
优化动画，打开"Optimize"面板，在该面板的"Export File Format"列表框中选择文件格式为"Animated Gif"选项，则文档作为动画导出。
10.4.2 控制帧的导出
导出时，排除无用的帧，精简文件大小。操作如下：
1. 在帧面板中选择要取消导出的帧。
2. 单击"Frames"面板菜单中的"Properties"命令，在对话框中取消"Include When Exporting"复选框的选择。
3. 按回车键后，在帧面板的时间延迟列的时间信息变成红色叉形符号，如图：
10.4.3 减小导出文件的大小
在帧面板菜单中有两个命令，可以较好的减小动画文件导出的尺寸。
"Auto Crop"（自动剪切）：比较各帧中的图像，剪切出各帧中图像的改变区域，导出时，去掉重复的内容。
"Auto Difference"（自动差分）：将自动剪切的区域中未改变的像素转换为透明像素。
10.4.4 通过导出预览对话框导出
1. 单击【File】菜单中的【Export Preview】命令，打开对话框，
2. 在"Options"标签下的"Format"列表框中选择"Animated Gif"，其他设置在前一章（图像优化及输出）中介绍过，操作相同。
3. 单击"Animation"标签，打开了动画设置对话框，设置同帧面板上的操作类似，并且更加方便快捷，如图：
对话框中还多出几个按钮，如：
选择帧的处理方式，有四个选项：
"Unspecified"：Fireworks对帧处理的默认方式。
"None"：对帧不作处理。
"Restore to Background"：生成的图像都是显示在背景之上。
"Restore to Previous"：生成图像时，当前帧的内容显示在前一帧之上。
调出导出向导给用户提供建议。
压缩文件大小设置，点击该按钮后，会弹出一个对话框，如图：
让用户自己填入文件的尺寸大小，Fireworks便按照用户的要求压缩文件，
设置完成 ，在导出前，可以先在"Export Preview"对话框的预览区域预览导出的图像以及动画，若不满意，可重新修改前面所做的设置，直至符合要求。
小 结
本章介绍Fireworks中的动画制作，讲解制作动画过程中帧的操作：添加、复制帧；复制、移动帧中对象，共享图层，洋葱皮技术，设置帧的延迟、控制动画的播放次数，优化动画文件以及动画导出。
- 最新文章
- Fireworks 4.0..[01-10]
- Fireworks 4.0..[01-10]
- Fireworks 4.0..[01-10]
- Fireworks 4.0..[01-10]
- Fireworks 4.0..[01-10]
- Fireworks 4.0..[01-10]
- 相关文章
- Fireworks 4.0..[01-10]
- Fireworks 4.0..[01-10]
- Fireworks 4.0..[01-10]
- Fireworks 4.0..[01-10]
- Fireworks 4.0..[01-10]
- Fireworks 4.0..[01-10]
