复杂的Flash动画.doc

《复杂的Flash动画.doc》由会员上传分享，免费在线阅读，更多相关内容在学术论文-天天文库。

1、第4章复杂的Flash动画本章要点u层的概念、基本操作及引导层、屏蔽层的应用u素材的导入及使用u常用脚本语句的使用完成作品u1、翩翩起舞的蝴蝶u2、探照灯效果u3、交互动画一个u4、滴水效果4.1层的使用上一章中我们做的都是单个对象的简单运动，如果有多个对象同时做不同运动，肯定要对它们分别设置运动方式，这时候就要用到层的帮助了。4.1.1层的概念图4.1.1图层区图层区“插入图层”按钮“添加运动引导层”按钮图层是动画中一个画面或一个动作的展示平台，做不同运动的对象应将它们放在不同的层上。在Flash动画中，可以将图层看作一张透明的玻璃纸，一般而言，上一图层内容会遮住下一图层相同位置的

2、内容，但若上一图层的某个位置没有内容，透过这个位置就可以看到下一图层相同位置的内容。不同图层的内容相互迭加在一起就构成了一幅比较复杂的画面。所有对图层的操作几乎都可以通过时间轴的图层区来完成，如上图4.1.1所示。【例1】制作一个“蝴蝶在草地上飞舞”的动画，并导出为影片。素材准备：蝴蝶图片、400*300的草地图片各一个制作步骤：1）新建一个空白文档，并保存为“fly.fla”；2）执行菜单“修改”—>“文档”，设置文档大小为“400px*300px”：3）素材的导入执行菜单“文件”—>“导入”—>“导入到库”，在出现的“导入到库”对话框中，选择事先准备好的草地素材“grasslan

3、d.jpg”，然后单击“打开”按钮，如图4.1.2所示，完成背景草地的导入；用同样的方法导入蝴蝶素材“Butterfly.gif”；。图4.1.2导入素材到库4）执行菜单“窗口”—>“库”，打开库面板，鼠标单击选中上一步导入的图片“grassland.jpg”，拖动到场景区，并使图片与背景刚好对齐，此时系统自动为“图层1”创建了第一关键帧，表现形式是黑色的小圆圈，内容是导入的草地图片；5）在时间轴的第30帧单击，按“F5”插入普通帧，此时可以看到，自动生成的2-30帧为普通帧，内容自动与第一关键帧相同；6）新建“图层2”单击图层底部的插入图层按钮，在图层区新建一个图层，系统自动命名为

4、“图层2”。鼠标单击选中图层2，然后在时间轴上单击图层2的第一帧，如图4.1.3所示；图4.1.3新建图层插入图层7）将前面导入到“库面板”中的素材“Butterfly.gif拷贝”（注意类型为“影片剪辑”）拖到场景区的左下角，此时可以看到上层“图层2”的内容蝴蝶迭加在下层“图层1”的草地上，如图4.1.4所示；8）旋转蝴蝶的角度：执行菜单“修改”—>“变形”—>“缩放和旋转…”，在出现的“缩放和旋转”对话框的“旋转”文本框中输入旋转角度：60度，如图4.1.5所示；图4.1.5“缩放和旋转”对话框图4.1.4图层内容的迭加9）在图层2的第30帧按“F6”插入关键帧，并在该帧将蝴蝶拖

5、动到场景区的右上角；10）选中图层2的第一帧，在“属性面板”的“补间”下拉列表框中选择“动作”选项；11）用快捷键“Ctrl+Enter”测试影片，查看效果；12）保存文档。执行菜单“文件”—>“导出”—>“导出影片”为“fly.swf”。提示：其实层的操作除了上例中提及的外，还有很多，主要包括：u层的重命名：在图层默认名称如“图层1”上快速双击，图层名称呈反白显示，此时输入新的文件名（如“背景”）即可，如图4.1.6所示。u层的隐藏和显示：在图层区有一只外形为“眼睛”的按钮，它的作用是“显示/隐藏所有图层”，可通过单击它来显示或隐藏所有图层；若只想隐藏某一图层，只需在该图层上“眼睛

6、”对应的位置上单击一下，则单击处出现一个红色的X，代表该层不可见，再单击一下，该层又显示出来。u层的锁定：当一个层被锁定，可以看见该层上的元素，但是无法对其中内容进行编辑。聪明的你想必已经猜到了，“眼睛”旁边的小锁的作用就是用来“锁定/解除锁定所有图层”的，具体操作方法与层的隐藏和显示雷同，就不再多说了。u层的删除：鼠标单击选中要删除的图层，鼠标右击，在出现的快捷菜单中选择子菜单“删除图层”。怎么样，都明白了吗？还是赶快去试一试吧！图4.1.6层的操作图层名称名称显示/隐藏图层4.1.2使用运动引导层上一章中曾经用“逐帧动画”和“动作补间动画”两种方式创建了“小球从左往右运动”的动画

7、，它们和上例中的蝴蝶一样做的都是直线运动。事实上，也常常会遇到做曲线运动的情况，如飞机做俯冲运动，蝴蝶在草丛里飞来飞去等。那么，如何实现对象的曲线运动呢？这就需要添加“运动引导层”了。“运动引导层”用来存放对象的任意运动轨迹，“运动引导层”的内容在测试影片及导出时不会显示。【例1】制作一个“蝴蝶翩翩起舞”的动画，并导出为影片。制作步骤：1）执行“文件”菜单—>“打开”，在出现的“打开文件”对话框中选择上例所做动画“fly.fla”；2）用鼠标在默认图层名称