现在我们来学习用 Fireworks
制作动画，为了使动画看起来更加真实，我们采用飞机和降落伞的照片作为素材，同时还可以学习套索工具的使用和外部图像的输入方法。在本例中，你将要实际接触到动画制作必不可少的概念
--- Layer （层）、 Frame （帧）、 Symbol （符号）和 Instance
（引用），以及如何合理地使用它们。如果你能仔细地按照下面的方法操作，本例的动画十分精彩，近似于一段电影画面。
第一步：导入飞机图片并去掉背景。打开一个新文件， Width=250 ， Hight=120 ，背景色为 #0066FF 。选择
File > Import （导入外部文件），在目录中选择飞机的照片（本例使用的照片已事先调整好大小，为 GIF 格式），如图
1 。在工具箱中选择套索工具的 Polygon Lasso ，用鼠标细心地沿着飞机的外部轮廓一小段连着一小段地选取，
当选取的路径首位相连时，击下鼠标左键，轮廓线变为虚线，如图 2 。然后在主菜单中选择 Edit > Cut
，就把选取的飞机图像剪下并存入剪贴板中，再选择 Edit > Deselect ， Edit > Clear
，清除掉剪下以后剩余不要的照片。
图 1
导入飞机图片
图 2
使用套索去掉背景
第二步：把飞机图像变为 Symbol 。选择主菜单的 Edit > Paste
，就把刚才剪下的飞机图像拷贝到了画板上。点击一下飞机图像，选择 Modify > Group ，再选择 Insert >
Convert To Symbol ，把飞机图像变为一个符号，在出现的对话框中， Name 栏输入一个名字，如 Plane
（不要输入中文名）， Type 选择 Graphic ，如图 3 ，再点击 OK ，就把飞机图像变成了一个 Symbol
（符号）。选择 Edit > Clone ，克隆出一个飞机的 Instance
，把新的飞机拉到上面一些，再选中原来的（第一个）飞机，选择工具箱中的 Trasform
按钮，拖动出现在第一个飞机周围的方框角上的小方块，把它调到较小，再把克隆出的（第二个）飞机拖到左上方画板边沿以外的位置，按着
Shift 键，把两个飞机都选中，如图 4 所示。
图 3
符号属性设置
图 4
同时选中符号和引用
第三步：让飞机飞起来。选择 Modify > Symbol > Tween Instances
，在出现的对话框中， Step 栏改为 20 ，表示飞机从右下方飞到左上方的过程要用到 20 帧，勾上下面的小方框，如图 5 ，点击
OK 。选择 Window > Frames ，打开帧面板，出现了一个有 22 行的帧编辑框，按着 Shift
键把他们全部选中，点击帧面板右上角的小三角形，选择 Properties ，在出现的对话框中把 20 改为 10
，使每一帧的播放时间由 0.2 秒变为 0.1 秒，再勾上下面的小方框，如图 6
。在帧面板的任意位置点一下鼠标，飞机的动画就完成了。按下屏幕右下角的播放键看一看，你会看到飞机由远处飞来，飞得越近就显得越大，最后从画面的左上方飞出。
图 5
动画的帧数设置
图 6
每帧的时间设置
第四步：降落伞的第一阶段。本例的设计思想是，飞机刚要飞出画面以前，有一副降落伞从飞机上降下，降落伞的下降过程分为三个阶段：未张开时快速掉下，未张开到迅速张开，张开以后缓慢摇摆下降。本步骤为它的第一阶段。点击
Frame 面板左边的 Layer （层），打开 Layer 面板，你会看到已经有了 Web Layer 和 Layer1
两个层，而 Layer1 （第一层）上放的就是我们前面做的飞机动画。点击 Layer 面板右上角的小三角形，选择 New Layer
（建立新层），弹出一个对话框，如图 7 ，不必改动它，点 OK ，就会在 Layer 面板上加入 Layer2
（第二层），降落伞就将放到这一层上，如图 8 。点击 Layer 面板上部的 Frame 信息框，选中 Frame18 ，再选中
Layer2 ，选择主菜单 File > Import ，输入降落伞的照片（已经事先做成了 GIF
格式的透明图片），然后仿照以上第二步和第三步的方法，把降落伞图像变为一个 Symbol ，取名 Parash
，并在其下方克隆出第二个降落伞图像，把两个图像都调整到最小，第一个移到紧靠飞机下腹位置，第二个移到它的左下方适当位置，然后选择
Modify > Symbol > Tween > Instaces ，帧数输入 7
，就完成了降落伞的第一阶段制作。编辑这一层时，为了不影响已经做好的第一层，可以把第一层加上锁（点击 Layer 面板中 Layer1
那一行眼睛图标右面的空格），图 8 中已表示出来。
图 7
添加新层设置
图 8
在层面板中锁定旧层
第五步：降落伞的第二阶段。在 Layer 面板中，选择 Frame 26
（即已做好的最后一帧），然后选中图上的小降落伞图像，又克隆出另一个降落伞，并把它调整到较大，移动到紧靠前一个小降落伞的旁边，同时选中这两个降落伞图像的引用，如图
9 。选择 Modify > Symbol > Tween Instances ，帧数改为 2 ，勾上下面方框，如图
10 。
图 9
同时选中两个引用
图
10 第二阶段帧数设置
第六步：降落伞的第三阶段。选定 Layer 面板中的 Frame 29 （第 29
帧），在图中又克隆出另一个降落伞，并把它调整到稍大，同时略微旋转一个角度，拖动它到前一个降落伞左下方，同时选中两个降落伞，如图 11
，再选择 Modify > Symbol > Tween Instances ，帧数改为 6 ，如图 12 。在
Layer 面板中选择 Frame 36 ，重复以上步骤，但第二个引用要移动到前一个的右下方一点。再选择 Frame 43
，再重复以上步骤，但要把把新克隆的降落伞大部分移到画面以外，如图 13 。最后，打开 Frame 面板，同时选中 Frame 29
以后直到最后一帧（按着 Shift 键），点击右上角的小三角形，选择 Properties ，把数字 10 改为 20
，即把降落伞第三阶段的下降速度减慢一倍，如图 14
所示。至此，本实例全部完成，按下屏幕右下角的播放键看看效果，如果你的电脑不太高级的话，可能感觉整个稍慢，但是当你输出成为
Animated GIF （ GIF 格式的动画）后，再播放时速度就可以了，效果不错吧？
|
 |
 |
|
图 11 第三阶段的两个引用 |
图 12 第三阶段的帧数设置 |
|
 |
 |
|
图 13 下面的引用大部移出画面 |
图 14 第三阶段每帧时间调整
|
下面是这个动画中的两帧，最后一副实际上是整个动画，但是如果你不自己动手去做的话，就只有书上的图片，它怎么能动起来呢？
|
 |
 |
|
图 15 完成后的一帧画面 |
图 16 完成后的整个动画
|
上一篇： 无
下一篇： 完
【本站声明】本站刊载的部分内容全部来源互联网,对于此类文章本站仅提供交流平台，不为其版权负责。如涉及侵犯您的知识产权的文章，请联系我们，我们将尽快做出更正。并向您表示感谢！同时特别感谢对本站所有支持的网友。
