flash基础教程第七章

《flash基础教程第七章》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、学习目标第7讲制作引导层动画掌握引导层动画模拟篮球运动的效果。掌握引导层动画制作气泡飘动的效果。掌握使用引导层动画表达艺术创意的方法。掌握使用多层引导动画模拟鱼儿游动的效果。7.1引导层动画原理7.2引导层动画提高7.3课后作业本章大纲7.1引导层动画原理7.1.1知识点讲解引导层动画的创建方法和原理都是十分简单的，只要通过下面的学习，读者可以轻松掌握。图7-1两个图层的引一、创建引导层和被引导层。图7-2创建引导层图7-3多层被引导二、引导层动画原理。图7-4所示为被引导层上小球在第1帧和第50帧

2、处的位置。图7-5所示为小球的全部运动轨迹，通过观察可以很清晰地发现引导层的引导功能小球在第1帧的位置小球在第50帧的位置图7-4设置小球起始位置图7-5小球的运动引导层上的路径在发布后，并不会显示出来，只是作为被引导元素的运动轨迹。在被引导层上被引导的图形必须是元件，而且必须创建动作补间动画，同时还需要将元件在关键帧处的“变形中心”设置到引导层上的路径上，才能成功创建引导层动画。7.1.2范例解析（一）──创建引导层动画练习请同学们在老师的带领下进行创建引导层动画练习，并完成以下操作。1、打开教学

3、资源中的“素材第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帧之间创建动作补间

4、动画。8、用鼠标右键单击“图层1”，在弹出的快捷菜单中选择【引导层】命令，将“图层1”转化为引导层，然后将“图层2”拖到“图层1”的下面，将其转化为被引导层，此时图层效果如图7-9所示。图7-9创建引导层动画9、按Ctrl+Enter快捷键，测试播放影片，发现汽车的运动效果是错误的。10、关闭测试播放器，然后选中“图层2”的第1帧，在【属性】面板中勾选【调整到路径】选项，如图7-10所示。再测试播放影片，发现汽车的运动效果正确。图7-10勾选【调整到路径】选项7.1.3范例解析（二）──制作“街头篮

5、球”篮球是目前世界上最受欢迎的体育项目之一，相信读者对其也十分熟悉。利用动画来制作投篮效果就需要使用引导层动画来完成，其设计思路及效果如图7-11所示。图7-11设计思路及效果1、打开模板进行分析。（1）由于本案例讲解的重点是引导层动画，所以该动画中的场景、道具、人物等都由本书提供，并给出制作模板，读者只需完成引导层动画的相关部分。打开教学资源中的“素材第7讲街头篮球街头篮球.fla”文件，效果如图7-12所示。图7-12打开模板双击场景中的“男孩”元件进入其元件内部，观察前5帧的动画，如图7

6、-13所示。可以发现，当在第4帧时，男孩手中的篮球消失了，在第5帧处，男孩做出了一个投篮的动作，从而可以推断出，引导层动画应该从第4帧开始，并且篮球的位置要根据第4帧男孩的手的位置来确定。第1帧第2帧第3帧第4帧第5帧图7-13男孩元件的前5帧动画（2）返回主场景，观察整个舞台如图7-14所示，可以发现篮球在运动过程中，要经过“男孩的手”、“篮筐”、“球网”这3个图形。所以根据视角分析，可以判定引导层应该创建在“男孩”、“篮筐前沿”、“球网”这3个元件所在图层的下面，而在“篮板”、“地板”、“篮筐后

7、沿”这3个元件所在图层的上面。男孩的手篮筐前沿球网篮板篮筐后沿图7-14图层分析2、制作引导层动画。（1）将所有图层锁定，在“篮板”图层之上新建图层并重命名为“引导层”，根据前面的分析，在时间轴的第4帧处插入关键帧，如图7-15所示。（2）在“引导层”的第4帧处，利用【直线】工具和【选择】工具绘制出篮球运动的轨迹如图7-16所示。读者在绘制篮球路径曲线时，应尽量发挥想象，将篮球的真实飞行轨迹描绘出来。图7-15新建引导层图7-16绘制引导线（3）在“引导层”图层下面新建图层并重命名为“篮球”层，在第

8、4帧处插入关键帧，然后将“篮球”元件从【库】面板中拖动到“篮球”图层上，如图7-17所示。篮球图层效果拖入篮球图7-17创建篮球图层（4）在“篮球”图层的第30帧处插入关键帧，在第4帧～第30帧之间创建动作补间动画。（5）将【贴近至对象】按钮按下，利用【选择】工具设置篮球在第4帧的位置到引导线的最左端，设置第30帧的位置到引导线的最右端，并确保“篮球”元件的“变形中心”一定要在引导线上，效果如图7-18所示。（6）用鼠标右键单击“引导层”图层，在弹出的快捷菜单中选择【