【精品】活动四 创建路径动画和遮罩动画 (教学设计)

【教学目标】
1．了解路径动画的概念及特点。

2．学会创建路径动画。

3．了解遮罩动画的概念及特点。

4．学会创建遮罩动画。

5．掌握变形面板的使用方法。

6．能够举一反三地运用遮罩效果，提高分析解决问题的能力。

7．提升设计与学习的能力，增强对动画制作的热爱。

【教学重点和难点】
1．教学重点。

引导层路径的作用及路径动画创建方法。

速罩层的作用和遮罩动画的创建方法。

2.教学难点。

运用引导层的路径，制作路径动画。

运动对象与引导层上路径的吸附操作。

运用遮罩层，制作遮罩动画。

【教学方法】
1．观察法
2．讲授法
3．任务驱动法
4．交流讨论法
5．边演示边讲解
【教学准备】
多媒体网络教室、互联网环境、转播控制系统。

师生电脑都安装了Flash软件，并提供给学生发布和保存作品的空间。

教学资源：资源包（路径动画和遮罩动画作品、课件、学生作品范例等）。

【教学过程】
第一课时路径动画
〖新课导入〗（创设情景、激发兴趣）
同学们，今天我们一起学习Flash动画制作中的两种很有趣技术，请同学们先阅读教材的活动背景了解下这两种技术。

1．请看路径动画：我们来欣赏一下用Flash制作的小鸟飞翔的动画。

大家在看完后有什么感想？大家仔细观察这只小鸟和我们上一节课制作的运动渐变的小鸟有什么区别？（展示路径动画的动画作品，如叶子飘落、小鸟飞翔、月亮绕地球转等，组织学生观察、体验运动轨迹不规则的动画。

）
2．提问：哪些动画效果是按直线运动，哪些是曲线运动，哪些是不规则的运动？我们可以用什么方法做出动画元素曲线或者不规则运动的效果呢？组织学生交流讨论并请学生代表发言。

3．倾听学生的回答，加以肯定、补充，并提出今天上课研究的内容，通过路径动画让运动对象按照特定路径运动。

4．课件显示课题：活动四创建路径动画和遮罩动画
〖传授新知〗（自主探究、归纳总结、讨论交流）
(1)建立概念、举例验证
1．提问：什么是路径动画？用它可以实现哪些动画效果？
2．引导学生阅读教材第38页内容，从中归纳总结出路径动画的概念和特点。

3．课件显示：路径动画指运动的对象从起点沿着给定的路径走到终点。

制作一个路径动画至少需要两个图层，上面的图层是引导层，下面的图层是被引导层。

4．结合实例提问：引导层和被引导层的对象内容是什么，哪一个是放路径的，哪一个是放运动对象的？
(2)演示讲解、制作范例
我们一起来制作小鸟飞翔的动画，小鸟运动的要求是:不是沿着直线飞，而沿着不规则的曲线飞。

(3)展示讲演：“创建飞翔的小鸟路径动画”。

任务一：飞翔的小鸟路径动画
1、启动Flash，
2、导入背景图片的图层1，重命名为“背景”，在第40帧插入帧。

3、新建“小鸟”元件。

4、新建被引导层。

5、返回“场景1”，新建一个名称为“小鸟”的图层，即为被引导层。

将小鸟元件拖到舞台上，在第40帧插入关键帧，
6、创建“小鸟”图层的引导层，在引导层中用铅笔工具绘制一条光滑曲线。

7、在“小鸟”图层上选取第1帧，拖动“小鸟”元件到路径起点位置，让元件中心点自动吸附到起点处。

同样单击“小鸟”图层第40帧处，拖动“小鸟”元件到路径终点并让中心点吸附到终点上。

8、在小鸟图层的第1帧到第40帧之间创建动作补间动画，
9、测试并保存动画。

(5)学生练习。

任务驱动、协作探究、
(6)提问、组织学生交流讨论：如果模拟绕月飞行路径动设置路径？展示模拟绕月飞行的动画，并请学生代表发言。

倾听学生发言，提示运动轨迹为一个封闭的椭圆形。

任务二：模拟绕月飞行路径动画
(6)展示讲演：“模拟绕月飞行路径动画”。

一是用橡皮擦工具将椭圆引导线擦除一小段,这样就有了起点和终点。

虽然这样可以很容易把动画做出来,但是,明显与实际情况不符
二是确定一个点为椭圆的起点(同时也是终点),这样,由于对象会沿着最短的路径运动,因此对象就不会沿引导线运动。

所以,我们需要在时间轴上,在第1帧与最后1帧之间的1/2、3/4处分别插入关键帧,再在这两个关键帧处拖动对象到相应的位置,利用关键帧来强制改变对象的运动轨迹我们以第二种思路为例,创建卫星绕月飞行的模拟动画。

①新建一个 Flash文档,背景色为“浅蓝色”。

②创建“卫星”元件。

单击菜单栏中的“插入”→“新建元件”命令,新建一个图形元件,元件名称为“卫星”,单击“确定”按钮进入元件编辑状态。

选择“椭圆工具”,将笔触颜色设为“无”,填充色设为“红黑放射状渐变色”,按住 Shift键,在舞台上绘制一个圆。

③创建“月球”元件。

参考步骤②的操作方法,创建一个笔触颜色为“无”、填充色为“蓝黑放射状渐变色”的“月球”元件。

④返回“场景1”,将“图层1”重命名为“卫星”,按F11功能键,打开F库面板,将“卫星”元件拖到舞台上。

⑤创建引导层。

单击图层面板左下角第二个图标“添加引导层”按钮,新建引导层,然后在引导层的第1帧上绘制一个笔触颜色为“黑色”、无填充色的椭圆,再在该图层的第60帧处按F5功能键插入帧。

⑥单击“卫星”图层的第1帧,将“卫星”实例移到椭圆最左端,让实例的中心点(小圆圈)套住椭圆线,在第60帧处,按F6功能键插入关键帧
注:因为终点与起点是重合的,所以不需要移动卫星”实例在第1帧到第60帧之间创建动作补间动画,这时动画是不动的
⑦在“卫星”图层的第30帧处按F6功能键插入关键帧。

理论上,这里的实例位置应该在椭圆的最右端,我们就将实例拖到该位置测试动画,注意观察实例的运动轨迹,如果实例走到最右端后,又从原路返回,则需要在“卫星”图层的第45帧处按F6功能键再插入一个关键帧。

此时实例应该在椭圆上半段的中点上还是下半段的中点上呢?这完全取决于开始走到最右端
时的方向。

如果开始时是从上半段过去的,那么第45帧处的实例就在椭圆的下半段中点上,否则,情况刚好相反。

⑧新建一个图层,命名为“月球”,将“月球”元件从库中拖到舞台适当位置,在第60帧处按F5功能键插入帧。

各个关键帧的舞台状态。

⑨测试并保存动画。

(7)学生练习。

任务驱动、协作探究
2．巡视全班，关注学生的学习情况，注意发现学生主要出现的问题。

(8)归纳小结
小结路径动画。

上面的图层是引导层，用铅笔工具画线条作为路径，下面的图层是被引导层，被引导层上的对象以引导层上的线条作为路径来运动。

(9)拓展学习、课后作业
拓展学习，
(1)根据交流评价意见，修改完善动画作品。

(2)制作一个如图所示引导线动画。

第二课时遮罩动画
(1)设置情景、导入新课
同学们，接下来我们的活动就围绕着“遮罩动画”展开。

1．展示动画作品，如望远镜，暗中观物，探照灯，闪闪红星等，组织学生观察动画。

2．提问：动画中我们看到了什么？一起分析动画特点，想象一下如果自己动手的话都需要准备那些素材，从何处开始着手。

倾听学生代表的讲解，注意适当点评讲解。

3．课件显示课题：任务二探究遮罩动画原理。

(2)建立概念、举例验证
1．提问：什么是遮罩动画？遮罩动画的原理是什么？
2．学生阅读教材第42-43页内容，从中归纳总结出遮罩动画的概念和特点。

在Fash软件中,没有一个专门的按钮来创建遮罩层,遮罩层是由普通图层转化来的。

我们只要在某个图层上单击右键,在弹出的快捷菜单中勾选“遮罩”选项,该图层就会变成遮层,“层图标”就会从普通层图标变为遮罩层图标,系统会自动把遮罩层下面的一个图层关联为“被遮罩层”,如图4-12所示。

遮罩层中的对象在播放时是看不到的,遮罩层中的对象可以是按钮、影片剪辑、图形、位图、文字等,但不能使用线条,如果用到线条,必须通过执行“修改”→“形状”→“将线条转化为填充”命令,将线条转化为形状。

被遮罩层中的对象只能透过遮罩层中的对象被看到。

在被遮罩层,可以使用按钮、影片剪辑、图形、位图、文字、线条等。

可以在遮罩层、被遮罩层中分别或同时使用形状补间动画、动作补间动画、路径动画等动画方式,从而使遮罩动画变成一个可以施展无限想象力的创作空间。

(3)演示讲解、制作范例
任务三：探照灯效果遮罩动画。

文字探照灯效果是一种常见的文字特效动画,是指一束光在文字上方扫描,光束内的文字清晰可见,而光束以外的文字则完全被遮挡。

①新建一个 Flash文档,采用默认的文档属性。

②新建“文字”元件。

单击菜单栏中的“插入”→“新建元件”命令,新建一个图形元件,元件命名为“文字”;单击“确定”按钮,进入元件编辑状态;单击工具箱中的“文本工具”,在属性面板设置字体为“黑体”,大小为“40”,颜色为“黑色”;在舞台上输入文字“ Flashmx 遮罩动画演示效果”。

③新建“光束”元件。

参考步骤②的操作方法,单击工具箱中的“椭圆工具”,设置笔触颜色为“无”,填充色为“蓝色”,按住 Shift键,在舞台上绘制一个圆。

④返回“场景1”,将“图层1”重命名为“文字”;按F11功能键打开库面板,把“文字”元件拖到舞台上;在第40帧处按F5功能键插入帧。

⑤在“文字”图层上面新建一个图层,命名为“光束”。

将“光束”元件拖到舞台,调整它的大小和位置,使其直径比文字的高度略大,并位于文字的左侧。

⑥在“光束”图层的第40帧处按F6功能键插入关键帧,把“光束”实例移到文字的右侧,在第1帧和第40帧之间创建动作补间动画,如图4-13所示。

提出问题：在刚才的动画中，如果改变两层的顺序，再利用“遮罩”效果，制作出的动画会有什么改变？
⑦在图层面板上,右键单击“光束”图层,在弹出的快捷菜单中,勾选“遮罩层”选项。

⑧测试并保存动画。

(4)学生练习。

任务驱动、协作探究。

任务四：文字霓虹灯效果动画
我们再制作另一种文字特效动画——霓虹灯效果。

文字作为遮罩层放在上方不动,在被遮罩层做一个多彩的色板,并创建成左右来回移动的动作补间动画。

①新建一个 Flash文档,采用默认的文档属性。

②新建“文字”元件。

单击菜单栏中的“插入”→“新建元件”命令,新建一个图形元件,命名为“文字”;单击“确定”按钮,进入元件编辑状态;单击工具箱中的“文本工具”,属性面板中把字体设置为“黑体”,大小设置为“96”,颜色设置为“黑色”;在舞台上输入文字“中国梦”。

③新建“彩色板”元件。

参考步骤②的操作方法,单击工具箱中的“矩形工具”,设置笔触颜色为“无”,填充色为“彩虹色”;在舞台上绘制一个矩形,然后复制该矩形若干次,把这些矩形连接在一起,
④返回“场景1”,将“图层1”重命名为“文字”;按F11功能键打开库面板,把“文字”元件拖到舞台上,并调整好位置;在第60帧处按F5功能键插入帧。

⑤在“文字”图层下面新建一个图层,命名为“彩色板”。

将彩色板”元件拖到舞台,并调整它的大小和位置,让“彩色板”实例的右边缘与文字的右边缘对齐。

⑥在“彩色板”图层的第30帧和第60帧处分别按F6功能键插入关键帧。

在第30帧处,调整“彩色板”实例的位置,让其左边缘与文字的左边缘对齐。

在第1帧和第30帧之间、第30帧和第60帧之间分别创建动作补间动画。

⑦在图层面板上,右键单击“文字”图层,在弹出的快捷菜单中,勾选“遮罩层”选项。

⑧测试并保存动画
(5)任务探究、上机实践
修改探照灯动画，使得光束在文字上左右来回循环扫描。

利用遮罩动画，设计并制作霓虹灯效果的文字。

巡视全班，观察学生的操作过程和学习情况，总结出学生操作中存在的常见问题，及时点评。

观察发现学生有价值的问题解决的操作方式等。

(6)展示作品、交流评价
1．学生互相交流欣赏作品，请学生代表展示作品，引导学生对自己或别人的作品进行客观评价，重在鼓励学生相互学习和提出改进建议。

2．对学生展示交流过程进行适当点评，强调重点内容，补充不足之处。

(7)归纳总结
(l)了解路径动画的概念和特点。

(2)学习创建路径动画。

(3)了解遮罩动画的概念和特点。

(4)学会创建遮罩动画。

(5)学习变形面板的使用。

(8)拓展学习
(1)根据交流评价意见，修改完善动画作品。

(2)修改“中国梦”文字探照灯效果动画，使光束在文字上左路历来回扫描。