Flash动画——引导路径动画

主备人:     邵秀英                                 初备时间：20181115

一、教学目标

（一）知识与技能：

     1）理解 引导路径动画的原理；

     2）了解“铅笔工具”“任意变形工具”的作用；

     3）理解引导层和被引导层2个图层的位置关系。

（二）过程与方法：

     1）会使用“铅笔”“任意变形” 工具，会移动中心点

     2）掌握引导路径动画制作步骤

（三）过情感态度与价值观：

     培养学生的多媒体审美、制作素养。

二、教学过程

（一） 情景导入：

小明在某网站上，看到蝴蝶飞舞的Flash动画，恰好他们最近也在学习Flash动画，于是他想模仿制作一个。但是发现他自己做的动画效果和网站上的动画效果不一样。如何才能做出像网站上的效果？

“蝴蝶飞（直线运动）”（小明做的）和“蝴蝶飞（曲线运动）”（网站上的）。

（二） 师生分析

网站上的“蝴蝶飞”效果更逼真，对比发现蝴蝶飞的路线不是直线，而是曲线。那么如何制作出“曲线运动”的蝴蝶飞舞效果呢？

（三） 学生自主探究

教师下发素材，学生小组合作尝试研究图层的属性类型，并尝试制作蝴蝶沿着某一曲线运动的动画。可以先试着用以前学过的知识（逐帧动画、动作补间动画）。教师巡视观察学生操作情况。

（四）“我引导你”小小活动

    “我引导你”小小活动：A学生指挥B学生按照某一线路在教室里走，A学生说，B学生行动，B学生只能听从A学生的指令。

教室总结概念：刚才我们做的小活动就是一个引导路径动画。A同学就是引导层B同学就是被引导层。在Flash当中，让某一运动对象按照预期的运动轨迹来运动就是引导路径动画。它由引导层和被引导层，两个图层构成。相当于我们的A同学和B同学。

教师发微视频、演示点拨

——此处录制小视频（教师提前录制）

强调将运动对象的中心点一定要压着引导线（或看起来感觉引导线穿着中心点）的原因，是让运动对象不要脱离轨道，即沿着你所画的引导线。

（1）教师引导类比Flash：

引导层：用来指示元件运行路径的，所以“引导层”中的内容可以是用钢笔、铅笔、线条、椭圆工具、矩形工具或画笔工具等绘制的线段。

被引导层：对象是跟着引导线走的，可以使用影片剪辑、图形元件、按钮、文字等，但不能应用形状。

简单理解即：

引导层：用来指示元件运行路径的图层

被引导层：真正运动的动画补间动画图层

教师引导类比：“我引导你”活动成功的关键是：1）A同学要告诉B同学起点和终点位置，且线路和指令要明确；2）B同学能行动，并且只能听从A同学的指令来行动。同样Flash中的引导路径动画的关键：1）要有一个图层专门来引导（放线路）即A同学；2）要有一个被引导图层，且是能运动的动作补间动画；3）被引导层的第一帧和最后一帧关键帧中的运动对象的中心点必须在引导线上即B同学要知道起点位置与终点位置。

（2）教师操作点拨：图层的属性修改：选中图层——右击——属性——选择“引导层”或“被引导层”

从图层的位置关系看，被引导层在引导层的下面：

操作步骤：

（1）先做一个蝴蝶从左移动到右边的动作补间动画（复习）——抽学生操作演示；

（2）在动作补间图层的上一个图层插入一个引导层图层图标如图所示。

  在引导层图层中用铅笔画一条曲线即引导线；或插入一个普通图层，再将此图层的属性改为“引导层”；

（3）将补间动画的第1帧和最后一帧（两个关键帧）的元件的两个中心点（选择变形工具才可以看见中心点）对准引导线

涉及的新知识点：铅笔工具、插入引导层、变形工具

有些操作学生记不住的可以自己重复观看微视频。

（五）学生模仿操作（时长：10分钟）：

学生模仿教师的操作制作一个类似的蝴蝶曲线飞行的引导路径动画——教师巡视，总结问题——个别学生演示——教师评价总结。

（五）学生思考、创作

思考：如果被引导层的动画不是动作补间而是形状补间动画可以吗？

自己创作一个应用到引导路径的动画。

教师巡视——个别指导——总结问题。

（六）课堂小结

引导层：用来指示元件运行路径的，所以“引导层”中的内容可以是用钢笔、铅笔、线条、椭圆工具、矩形工具或画笔工具等绘制的线段。

并且把背景图层拖到最底层。

被引导层：对象是跟着引导线走的，可以使用影片剪辑、图形元件、按钮、文字等，但不能应用形状。

教学反思：

引导路径动画任务单

（1）做一个蝴蝶从左边移到右边的动作补间动画（被引导层），并锁定。

（2）插入一个引导图层，用铅笔画一条曲线（引导层）

（3）把动作补间的图层拖到引导图层下面

（4）保证动作补间图层的两个关键帧的对象的中心点压在引导层的线上

（5）保存源文件，并命名成“班级+姓名”提交

注意：如果引导层下面没有被引导的对象，那么引导层的图标会变成一个锤子：，而下面有被引导对象的图标（正确图标）