07_制作引导层动画解读.ppt

（5）返回主场景，按Ctrl+Enter快捷键测试观察影片，一个美丽的蜓桥效果就完成了 。 图7-45 制作蜓桥 4、制作牛郎织女动画。 （1）在“蜓桥”图层上面新建图层并重命名图层，在所有图层的第320帧处插入帧，得到如图7-46所示的效果。 （2）在“人物路径”图层上绘制一条和“蜓桥”曲线相似的引导线如图7-47所示 。 （3）在“牛郎”和“织女”图层上的第220帧处插入关键帧，将【库】面板中的“牛郎”和“织女”元件分别拖入到“牛郎”和“织女”图层上，并设置其位置如图7-48所示 。 图7-46 图层效果二 图7-47 绘制人物路径 图7-48 设置“牛郎”和“织女”第220帧的位置 （4）在图层的第320帧处插入关键帧，并设置“牛郎”和“织女”在该帧的位置如图7-49所示 。 图7-49 设置“牛郎”和“织女”第320帧的位置 （5）在“牛郎”和“织女”图层上的第220帧～第320帧之间创建动作补间动画，再将“人物路径”图层转化为引导层，将“牛郎”和“织女”图层转化为其被引导层。 （6）选中“牛郎”图层的第320帧，按F9快捷键打开【动作—帧】面板，输入代码“stop();”。 （7）测试观看影片，一个“蜓桥相会”的美丽动画就制作完成了。 7.2.3 课堂练习──制作“鱼儿荷间戏 ” 请同学们跟随本例使用多层引导动画来创造一副“鱼儿荷间戏”的动人画面，动画效果如图7-50所示。 1、新建一个Flash文档，设置文档【尺寸】为“520px×740px”，【帧频】为“30fps”，其他属性保持默认参数 。 图7-50 最终设计效果 （2）执行【文件】/【导入】/【打开外部库】命令将教学资源中的“素材\第7讲\鱼儿荷间戏\鱼儿荷间戏-素材.fla”文件打开，如图7-51所示。并将其中的影片剪辑元件“鳍”、“身”、“头”以及图片“荷塘-背景.jpg”、“荷塘-前景.jpg”复制粘贴到当前的【库】面板中。 （3）将“荷塘-背景.jpg”拖入到舞台中，设置图片大小为“520px×740px”，相对舞台居中对齐，效果如图7-52所示。 （4）绘制如图7-53所示的路径 。 结束端 起始端 图7-51 打开外部库 图7-52 导入背景 图7-53 引导路径 5、利用【库】面板中的“鳍”、“身”“、头”3个元件在引导线的起始端，制作出鱼的效果如图7-54所示。 鱼儿的身体由18个“身”元件和3个“鳍”元件构成，元件的【宽度】和【长度】以及【Alpha】值都有个递减的效果，读者可以按照自己的观点来进行变化，制作出自己喜欢的“鱼儿”。 整体观察 放大观察 图7-54 起始位置 6、鱼儿制作完成后，将构成鱼儿的元件全部分散到图层。 7、在第600帧处插入关键帧，并将“鱼儿”移动到引导线的末端，效果如图7-55所示。 整体观察 放大观察 图7-55 结束位置 8、为组成“鱼儿”的元件添加引导层动画，图层效果如图7-56所示 。 图7-56 图层效果三 9、为组成鱼儿的元件设置“调整到路径”，效果如图7-57所示。 调整前 调整后 图7-57 动画效果 10、利用【库】中的“荷塘-前景.png”图片来添加前景。 11、保存测试影片，一个鱼儿穿梭于荷间的动画就制作完成了。 7.3 课后作业 一、操作题 1、制作如图7-58所示的沿路经不断跳动的小球动画 。 2、请同学们根据范例讲解——制作“街头篮球”的制作思路，制作发射炮弹的效果，如图7-59所示 。 图7-58 跳动的效果 图7-59 大炮效果 二、思考题 1、引导层动画的原理是什么？ 2、制作引导层动画至少需要几个图层？ 3、勾选【调整到路径】选项对引导层动画有什么影响？ 3、制作秋天黄叶被风吹落的动画，如图7-60所示 。 图7-60 秋天黄叶被风吹落的动画效果 * 学习目标 第7讲 制作引导层动画 掌握引导层动画模拟篮球运动的效果 。 掌握引导层动画制作气泡飘动的效果 。 掌握使用引导层动画表达艺术创意的方法 。 掌握使用多层引导动画模拟鱼儿游动的效果 。 7.1 引导层动画原理 7.2 引导层动画提高 7.3 课后作业 本章大纲 7.1 引导层动画原理 7.1.1 知识点讲解 引导层动画的创建方法和原理都是十分简单的，只要通过下面的学习，读者可以轻松掌握 。 图7-1 两个图层的引 导 一、创建引导层和被引导层。 图7-2 创建引导层 图7-3 多层被引导 二、引导层动画原理。 图7-4所示为被引导层上小球在第1帧和第50帧处的位置。图7-5所示为小球的全部运动轨迹，通过观察可以很清晰地发现引