FLASH遮罩动画教学设计.doc

FLASH遮罩动画教学设计
■教材分析
遮罩动画是Flash动画中比较重要的动画之一。本节课的教学内容是FLASH的遮罩动画制作，着重于学生对遮罩动画的原理理解以及制作简单的遮罩效果动画，进一步提升学生动画制作技能水平。
■学情分析
学生已学习过Flash最基本动画原理，能制作出形状动画和动作补间动画，并对帧、图层已有了解。本课学生通过实践、探究，掌握Flash遮罩动画的制作原理和方法，培养学生的想像力和创新力，培养学生的自主学习能力和探究学习能力。
■教学目标
1.知识与技能
（1）掌握遮罩动画的基本原理；
（2）理解遮罩层与被遮罩层之间的关系；
（3）利用遮罩知识，学会探照灯、卷轴动画效果的制作；
2.过程与方法
（1）通过师生共同分析遮罩的实例，加深学生对于遮罩原理的理解；
（2）让学生自主实践，完成动画，使学生能够掌握遮罩效果的制作方法；
3.情感态度与价值观
（1）培养学生深入学习FLASH的兴趣，体验作品创作成功的喜悦和成就感；
（2）通过知识点的迁移，培养学生创新精神和应变能力；
■教学重点与难点
1．教学重点：遮罩的含义和遮罩效果的制作方法。
2．教学难点：理解遮罩层与被遮罩层的关系。
■教学方法
讲授法、演示法、分层任务驱动法、自主探究学习法。
■教学过程

教学
环节教学活动学生活动设计意图情
景
导
入【新课导入】
请同学们回忆我们已经学过哪几种类型的Flash动画？（逐帧、动作补间、形状补间和引导动画）
展示“探照灯”动画。
导入本节课的内容：Flash遮罩动画。
回顾知识
学生欣赏作品
激发学习兴趣

明确本节课目标
通过实例，激发学生的学习兴趣，引导学生思考，导出本课教学内容。探
究
新
知【原理讲解】
学生打开素材库中“遮罩原理解析图.swf”文件，说明遮罩动画的原理：透过“遮罩层”中的对象看到“被遮罩层”中的对象及其属性。
如图：

遮罩层
被遮罩层

引出遮罩层与被遮罩层的概念
（两者的位置：遮罩层在上，被遮罩层在下）
遮罩效果的实现，需要两层：
1.遮罩层——提供了形状；
2.被遮罩层——提供了被挡住的内容（文字、图片等）

理解遮罩动画的基本原理。

结合形象化的事物，帮助学生理解遮罩动画的原理，从而帮助学生记忆。

实
例
初
探【任务一】
打开“探照灯.fla”文件，从下面三个方面分析：
1、先做哪个层？再做哪层（遮罩层/被遮罩层）？
2、再分析谁是遮罩层，谁是被遮罩层？
3、最后分析谁在移动？做哪种移动？

【方法指导】演示动画的制作过程：
1、先做被遮罩层，再做遮罩层
2、文字背景是被遮罩，圆形是遮罩
3、圆在做动作补间动画移动
（指导学生将图形所在的层设置为“遮罩层”，完成透过图形看到文字的遮罩效果，从而达到探照灯效果）

展示学生作品进行评价

结合具体实例，进一步加深对遮罩层与被遮罩层的理解

通过实例的展示以及师生共同分析，使学生对遮罩动画产生浓厚兴趣，进一步加深学生对遮罩的理解。

自
主
实
践
【任务二】
打开“探照灯.fla”文件，请学生将图层中的圆形改成方形，测试效果。

【注意事项】
1、要在场景中显示遮罩效果，可以锁定遮罩层和被遮罩层。
2、对遮罩层和被遮罩层进行编辑或修改，必须解锁

通过更改遮罩层中对象的形状帮助学生更进一步认识遮罩层图标

提高学生观察和解决问题的能力巩
固
新
知【任务三】
利用遮罩原理，学会分析“卷轴动画”的操作步骤，
完成该动画。

学生跟着教师做活动：用自己的左手挡住左轴，右手
挡住右轴并随着轴移动，让学生回答看到什么现象？（展开的纸张）

【方法指导】演示动画的制作过程：
1、先做被遮罩层，再做遮罩层
2、纸是被遮罩，矩形是遮罩
3、矩形在做形状补间动画移动

在活动的基础上，我们还需要制作静止的左轴和运动的右轴，请同学们添加两层完成最终动画效果。

教师巡视辅导，及时集中纠正学生易错问题

学生跟着教师做活动，分析出是遮罩层在运动，还是被遮罩层在运动。

遮罩动画的实战训练

通过实例巩固新知，帮助学生进一步理解遮罩原理。
任
务
拓
展

展示不同效果的“卷轴动画”，要求基本任务完成的同学思考并动手制作。
分层教学，让基础薄弱的学生有时间完成基本任务，基础好的学生能更上一个台阶
拓展任务是进阶任务的延伸，引导学生运用所学，举一反三，主动探究问题。培养学生自学的能力。总
结
反
馈【评价】
展示优秀学生完成的作品
学生自我评价，反馈不足

【小结】
总结遮罩动画知识要点

1、遮罩层在被遮罩层的上方
2、遮罩层决定看到的形状
3、被遮罩层决定看到的内容

归纳总结所学知识要点，根据所学情况，交流反馈

加深学生对于遮罩效果的理解，进行知识的梳理。