今天我们来学习用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 使用套索去掉背景 |
 |
|
图 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 每帧的时间设置 |
 |
|
图 7 添加新层设置 |
 |
|
图 8 在层面板中锁定旧层 |
 |
 |
|
图 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 完成后的整个动画 |
| Word教程网 | Excel教程网 | Dreamweaver教程网 | Fireworks教程网 | PPT教程网 | FLASH教程网 | PS教程网 |
| HTML教程网 | DIV CSS教程网 | FLASH AS教程网 | ACCESS教程网 | SQL SERVER教程网 | C语言教程网 | JAVASCRIPT教程网 |
| ASP教程网 | ASP.NET教程网 | CorelDraw教程网 |
QQ：2693987339(点击联系)购买教程光盘
:
