flash动画制作之—制作引导层动画07演示课件.pptVIP

学习目标 第7讲 制作引导层动画 掌握引导层动画模拟篮球运动的效果 。 掌握引导层动画制作气泡飘动的效果 。 掌握使用引导层动画表达艺术创意的方法 。 掌握使用多层引导动画模拟鱼儿游动的效果 。 7.1 引导层动画原理 7.2 引导层动画提高 7.3 课后作业 本章大纲 7.1 引导层动画原理 7.1.1 知识点讲解 引导层动画的创建方法和原理都是十分简单的，只要通过下面的学习，读者可以轻松掌握 。 图7-1 两个图层的引 一、创建引导层和被引导层。 图7-2 创建引导层 图7-3 多层被引导 二、引导层动画原理。 图7-4所示为被引导层上小球在第1帧和第50帧处的位置。图7-5所示为小球的全部运动轨迹，通过观察可以很清晰地发现引导层的引导功能 小球在第1帧的位置 小球在第50帧的位置 图7-4 设置小球起始位置 图7-5 小球的运动 引导层上的路径在发布后，并不会显示出来，只是作为被引导元素的运动轨迹。在被引导层上被引导的图形必须是元件，而且必须创建动作补间动画，同时还需要将元件在关键帧处的“变形中心”设置到引导层上的路径上，才能成功创建引导层动画。 7.1.2 范例解析（一）──创建引导层动画练习 请同学们在老师的带领下进行创建引导层动画练习，并完成以下操作 。 1、打开教学资源中的“素材\第7讲\创建引导层动画练习\赛车.fla”文件。 2、在默认“图层1”中绘制如图7-6所示的路径。 图7-6 绘制路径 3、在“图层1”的第80帧处插入帧。 4、新建图层并重名为“图层2”，并将其拖到“图层1”的下面。 5、将【库】面板中的“汽车1”元件拖动到舞台中，并设置其位置如图7-7所示 。 变形中心 整体效果 放大图 图7-7 放置汽车元件 6、在“图层2”的第80帧处插入关键帧，设置第80帧处汽车元件的位置如图7-8所示。 变形中心 图7-8 放置汽车位置 7、在“图层2”的第1帧～第80帧之间创建动作补间动画。 8、用鼠标右键单击“图层1”，在弹出的快捷菜单中选择【引导层】命令，将“图层1”转化为引导层，然后将“图层2”拖到“图层1”的下面，将其转化为被引导层，此时图层效果如图7-9所示。 图7-9 创建引导层动画 9、按Ctrl+Enter快捷键，测试播放影片，发现汽车的运动效果是错误的。 10、关闭测试播放器，然后选中“图层2”的第1帧，在【属性】面板中勾选【调整到路径】选项，如图7-10所示。再测试播放影片，发现汽车的运动效果正确 。 图7-10 勾选【调整到路径】选项 7.1.3 范例解析（二）──制作“街头篮球” 篮球是目前世界上最受欢迎的体育项目之一，相信读者对其也十分熟悉。利用动画来制作投篮效果就需要使用引导层动画来完成，其设计思路及效果如图7-11所示 。 图7-11 设计思路及效果 1、打开模板进行分析。 （1）由于本案例讲解的重点是引导层动画，所以该动画中的场景、道具、人物等都由本书提供，并给出制作模板，读者只需完成引导层动画的相关部分。打开教学资源中的“素材\第7讲\街头篮球\街头篮球.fla”文件，效果如图7-12所示 。 图7-12 打开模板 双击场景中的“男孩”元件进入其元件内部，观察前5帧的动画，如图7-13所示。可以发现，当在第4帧时，男孩手中的篮球消失了，在第5帧处，男孩做出了一个投篮的动作，从而可以推断出，引导层动画应该从第4帧开始，并且篮球的位置要根据第4帧男孩的手的位置来确定 。 第1帧 第2帧 第3帧 第4帧 第5帧 图7-13 男孩元件的前5帧动画 （2）返回主场景，观察整个舞台如图7-14所示，可以发现篮球在运动过程中，要经过“男孩的手”、“篮筐”、“球网”这3个图形。所以根据视角分析，可以判定引导层应该创建在“男孩”、“篮筐前沿”、“球网”这3个元件所在图层的下面，而在“篮板”、“地板”、“篮筐后沿”这3个元件所在图层的上面 。 男孩的手 篮筐前沿 球网 篮板 篮筐后沿 图7-14 图层分析 2、制作引导层动画。 （1）将所有图层锁定，在“篮板”图层之上新建图层并重命名为“引导层”，根据前面的分析，在时间轴的第4帧处插入关键帧，如图7-15所示。 （2）在“引导层”的第4帧处，利用【直线】工具和【选择】工具绘制出篮球运动的轨迹如图7-16所示。 读者在绘制篮球路径曲线时，应尽量发挥想象，将篮球的真实飞行轨迹描绘出来。 图7-15 新建引导层 图7-16 绘制引导线 （3）在“引导层”图层下面新建图层并重命名为“篮球”层，在第4帧处插入关键帧，然后将“篮球”元件从【库】面板中拖动到