复杂Flash动画.docVIP

第4章 复杂的Flash动画 本章要点 层的概念、基本操作及引导层、屏蔽层的应用 素材的导入及使用 常用脚本语句的使用 完成作品 1、 翩翩起舞的蝴蝶 2、 探照灯效果 3、 交互动画一个 4、 滴水效果 4.1 层的使用 上一章中我们做的都是单个对象的简单运动，如果有多个对象同时做不同运动，肯定要对它们分别设置运动方式，这时候就要用到层的帮助了。 4.1.1层的图层是动画中一个画面或一个动作的展示平台，做不同运动的对象应将它们放在不同的层上。 在Flash动画中，可以将图层看作一张透明的玻璃纸，一般而言，上一图层内容会遮住下一图层相同位置的内容，但若上一图层的某个位置没有内容，透过这个位置就可以看到下一图层相同位置的内容。不同图层的内容相互迭加在一起就构成了一幅比较复杂的画面。所有对图层的操作几乎都可以通过时间轴的图层区来完成，如上图4.1.1所示。 制作一个“蝴蝶在草地上飞舞”的动画，并导出为影片。 素材准备： 蝴蝶图片、400*300的草地图片各一个 制作步骤： 1）新建一个空白文档，并保存为“fly.fla”； 2）执行菜单“修改”—“文档”，设置文档大小为“400px*300px”： 3）素材的导入 执行菜单“文件”—“导入”—“导入到库”，在出现的“导入到库”对话框中，选择事先准备好的草地素材“grassland.jpg”，然后单击“打开”按钮，如图4.1.2所示，完成背景草地的导入；用同样的方法导入蝴蝶素材“Butterfly.gif”；。 4）执行菜单“窗口”—“库”，打开库面板，鼠标单击选中上一步导入的图片“grassland.jpg”，拖动到场景区，并使图片与背景刚好对齐，此时系统自动为“图层1”创建了第一关键帧，表现形式是黑色的小圆圈，内容是导入的草地图片； 5）在时间轴的第30帧单击，按“F5”插入普通帧，此时可以看到，自动生成的2-30帧为普通帧，内容自动与第一关键帧相同； 6）新建“图层2” 单击图层底部的插入图层按钮 ，在图层区新建一个图层，系统自动命名为“图层2”。鼠标单击选中图层2，然后在时间轴上单击图层2的第一帧，如图4.1.3所示； 7）将前面导入到“库面板”中的素材“Butterfly.gif拷贝”（注意类型为“影片剪辑”）拖到场景区的左下角，此时可以看到上层“图层2”的内容蝴蝶迭加在下层“图层1”的草地上，如图4.1.4所示； 8）旋转蝴蝶的角度：执行菜单“修改”—“变形”—“缩放和旋转…”，在出现的“缩放和旋转”对话框的“旋转”文本框中输入旋转角度：60度，如图4.1.5所示； 9）在图层2的第30帧按“F6”插入关键帧，并在该帧将蝴蝶拖动到场景区的右上角； 10）选中图层2的第一帧，在“属性面板”的“补间”下拉列表框中选择“动作”选项； 11）用快捷键“Ctrl+Enter”测试影片，查看效果； 12）保存文档。执行菜单“文件”—“导出”—“导出影片”为“fly.swf”。 提示： 其实层的操作除了上例中提及的外，还有很多，主要包括： 层的重命名：在图层默认名称如“图层1”上快速双击，图层名称呈反白显示，此时输入新的文件名（如“背景”）即可，如图4.1.6所示。 层的隐藏和显示：在图层区有一只外形为“眼睛”的按钮，它的作用是“显示/隐藏所有图层”，可通过单击它来显示或隐藏所有图层；若只想隐藏某一图层，只需在该图层上“眼睛”对应的位置上单击一下，则单击处出现一个红色的X，代表该层不可见，再单击一下，该层又显示出来。 层的锁定：当一个层被锁定，可以看见该层上的元素，但是无法对其中内容进行编辑。聪明的你想必已经猜到了，“眼睛”旁边的小锁的作用就是用来“锁定/解除锁定所有图层”的，具体操作方法与层的隐藏和显示雷同，就不再多说了。 层的删除：鼠标单击选中要删除的图层，鼠标右击，在出现的快捷菜单中选择子菜单“删除图层”。 怎么样，都明白了吗？还是赶快去试一试吧！ 4.1.2 使用运动引导层1）执行“文件”菜单—“打开”，在出现的“打开文件”对话框中选择上例所做动画“fly.fla”； 2）用鼠标在默认图层名称“图层2”上双击，输入新的图层名“蝴蝶”； 3）为“蝴蝶”层创建运动引导图层 选中“蝴蝶”层，单击图层底部的“添加运动引导层”按钮 ，在“蝴蝶”层上方新建一运动引导层，系统自动命名为“引导层”，如图4.1.7所示； 4）隐藏“背景”层，在引导层的第一帧上单击，用“工具面板”中的“铅笔工具”在场景区画出蝴蝶运动的轨迹，如图4.1.8所示； 5）在“蝴蝶”层的第一帧，利用“选择工具”将蝴蝶中心的小圆圈与运动引导线的起点吻合，在第30帧，将蝴蝶中心的小圆圈与运动引导线的终点吻合，如图4.1.9所示； 6）执行菜单“控制”—“测试影片”去查看结果，就可以看到蝴蝶按照所绘轨迹翩翩起