《制作遮罩层动画》教学设计

卞朋海

摘要：在《制作遮罩层动画》教学中进行任务驱动教学的实践与探索，通过对比生活现象，将复杂抽象问题简单直观化，充分发掘学生的创造潜能，锻炼学生掌握工作思路与方法。在教学过程中体现教师的主导性和学生的主体性，充分地展示了现代教育的价值取向，使课堂教学的质量和效益得到更大幅度的提高。

关键词：遮罩；任务驱动；直观演示教学法；小组合作学习

中图分类号：TP3 文献标识码：A 文章编号：1009-3044（2013）07-1582-03

1 教材分析

Flash课程的学习是计算机应用专业的基础必修课，是一门操作性和实践性很强的课程。本节内容选自人民邮电出版社出版的《Flash CS3中文版动画制作基础》。课程的总体目标是通过Flash软件的学习，学生能够领会动画制作的精髓，制作出补间动画、图层动画、交互动画等，从而达到专业学习的基本要求与社会发展的需求。《制作引导层动画》是教材中第6章第1小节的内容，主要是在理清图层关系的基础上，灵活利用遮罩层制作出形象逼真、美轮美奂的动画作品。

2 学情分析

学生已经掌握了Flash动画的基础操作，能够利用图层制作逐帧、补间等多种形式的动画。本堂课会让学生接触到更加新奇更加精彩的动画效果，对学生来说有较大的吸引力。但由于学生的抽象思维和自主学习能力较薄弱，又厌烦枯燥的文字说教，在教学过程中要尽量使用简单直观的演示方式，借助动态演示教程培养学生自主学习的能力。

3 教学目标

3.1知识目标

1）知道遮罩的原理（难点）；

2）归纳整理遮罩效果的动画方式（重点）；

3）掌握创建遮罩动画的方法（重点）。

3.2能力目标

1）学会作品分析，能够模仿实例制作各种形式的遮罩动画（基本目标）；

2）举一反三，将遮罩动画配合其他动画元素制作出丰富的动画效果，并且能将遮罩灵活的应用于综合实例中（总体目标）；

3）学会在动画制作过程中表达自己的喜好和个性特点。

3.3情感目标

1）感受运用Flash软件创作作品的乐趣，形成并保持对本课程的热爱；

2）逐步养成协作意识，认识取长补短的重要性。

4 教学重、难点

4.1教学重点

1）遮罩动画的创建方法；2）遮罩效果的动画方式。

解决措施：

录制与课堂实例对应的动态演示教程，引导学生自主学习，教师有针对性地进行演示讲解，“先练后讲”，让每个学生都动手尝试，以此巩固学生理解与记忆。再通过由易到难的三个巩固练习，促使学生循序渐进地牢固掌握制作遮罩动画的方法。

4.2教学难点

遮罩原理的理解：

解决措施：

借助于自制的纸质教具，使得抽象、复杂的遮罩概念变得直观、简单，让学生对遮罩有感官上的认识，真正理解遮罩图层的特点。

5 教法、学法

教法设计：情境导入法、任务驱动法、直观演示法；学法指导：小组合作学习法、探究性学习。

6 教学准备

1）教学环境：多媒体网络机房；

2）学生分组：综合考察全班学生特点，将学生分为学习小组，每组4～6人，便于开展分组活动；

3）教学资源：

①通过教材配套光盘、网络资源等手段搜集各种素材，构思制作了遮罩动画的效果实例；

②制作了用于讲述遮罩原理的演示教具；

③录制了与课堂实例对应的电子演示教程。

7 教学过程

7.1导入新课（5min）

教师活动：创设情境，以任务的形式向学生展示了三幅遮罩动画的实例：动漫片头效果、文字遮罩效果及放大镜效果。

学生活动：欣赏动画，比较与之前所学动画效果有何不同，发出质疑，引起兴趣。

设计意图：通过演示与学生生活息息相关的作品，激发学生的兴趣与求知欲，在学生的质疑中轻松导入本堂课的内容。

7.2 讲授新知（40min）

教师活动：通过实例演示带领学生回顾“普通图层”的特点：图层是独立的、透明的、有顺序之分、上下图层之间会有“遮挡”的效果。

学生活动：观察动画，在教师的引导下，回顾普通图层的特点。

设计意图：引导学生对普通图层有了较深的理解后，与之作比较，为接下来的知识点作好准备。

任务一：分析遮罩的特点

教师活动：课件展示，并借助自制教具形象直观的分析讲述本堂课第一个知识点：遮罩的特点。

①遮罩图层就像一张不透明的纸，遮挡被遮罩图层的对象

②遮罩图层上的有填充的图形，可以看作是透明的

③遮罩图层上图形的形状是任意的

④遮罩图层只对被遮罩图层起遮挡的作用

学生活动：仔细观察教师的演示，复述遮罩图层的特点。

设计意图：利用自制教具结合展示课件，让学生对遮罩有感官上的认识，导入本堂课第二个知识点。

任务二：制作单层遮罩效果

1）教师活动：操作演示本堂课第二个知识点：单层遮罩效果。

①新建一个文字图层，ctrl+B将文字打散

②在文字层之上，添加一个新图层，并绘制一个椭圆图形

③将椭圆图层设置为“遮罩层”

学生活动：观察教师的操作，借助于动态演示教程，模仿练习。

设计意图：通过“教师演示讲解，学生模仿练习”的方式，让每个学生都动手操作，初步掌握遮罩动画的制作方法。

2）教师活动：引导学生进入“想一想”环节：

①如果将“文字”层跟“圆”层，互换一下位置，会产生何种变化？

②观察示例动画，如何让遮罩层与被遮罩层动起来？

学生活动：主动思考，积极讨论，争相回答问题，并调试动画实例，对自己的答案进行验证。

设计意图：引导学生自己思考、层层深入知识点，同时在教师的引导下进行归纳总结，加深对重点内容的理解与记忆。

任务三：归纳遮罩效果的动画方式

教师活动：简单整理学生在“想一想”环节中的回答，归纳出本堂课第三个知识点，遮罩效果的动画方式：

①遮罩层對象与被遮罩层对象均无变化

②被遮罩层对象变化，遮罩层对象无变化

③遮罩层对象变化，被遮罩层对象无变化

④被遮罩层与遮罩层对象同时变化

学生活动：结合“想一想”环节里的回答，在教师引导下进行归纳总结。

设计意图：由学生自己归纳知识点，既培养学生总结概括知识点的能力，又避免教师枯燥的文字说教。

任务四：制作多层遮罩动画

教师活动：展示动画效果，引导学生分析图层关系：1个遮罩层，2个被遮罩层；文字为遮罩层，红色放射状渐变矩形、灰色放射状渐变矩形分别为2个被遮罩层。

学生活动：尝试分析图层关系，借助动态演示教程，完成自主学习。

设计意图：教师引导学生进行自主学习，培养学生自主学习的能力。

7.3巩固练习（30min）

练习一：动漫片头效果。

（被遮罩层对象变化的动画效果，考察学生对基本“遮罩动画”的掌握）

采用学生指导、教师操作的方式完成。

设计意图：看似教师的实践活动，实际上是学生主动在脑海中建构知识点的过程。

练习二：文字遮罩效果——“声声慢”。

（遮罩层对象变化的动画效果，文字滚动出现，有淡入淡出的效果，考察学生文字和渐变矩形的遮罩关系）

1）采用学生代表演示，其他学生点评、纠错的方式完成。

2）设置学生点评，互相纠错的环节，请不同的学生上台来完善动画，修正不足之处。

设计意图：学生演示、学生点评，可以调动学生的积极性，避免教师枯燥的文字说教。

练习三：放大镜效果。

（考察学生能否在多个图层中找出遮罩与被遮罩的关系）

教师简单分析动画，要求学生分组协作完成。

设计意图：利用小组合作，既能提升学生的集体荣誉感又能提高协作能力。

7.4 评价小结（10min）

教师活动：

1）要求学生上传“练习三”作品，进行自我评价和组内互评。

2）引导学生归纳总结本堂课的知识点：

①遮罩的特点②制作单层遮罩效果③遮罩效果的动画方式④多层遮罩效果

学生活动：

1）自我评价并且相互评价，客观地指出优点与不足之处，并及时更正有问题的部分。

2）在教师的引导下，主动归纳出本堂课的知识点。

设计意图：学生及时修正作品中的不足之处，强化学习效果。取长补短，进一步培养学生分析问题、解决问题的能力。

7.5 布置作业（5min）

教师活动：列出三种遮罩方式，要求学生发挥想像，联系生活实际，完成设计。

①被遮罩层对象变化，遮罩层对象无变化。

②被遮罩层对象无变化，遮罩层对象变化。

③被遮罩层与遮罩层对象同时变化。

学生活动：根据作业要求，构思作品，完成设计。

设计意图：设置比较机动的作业，可以避免“基础好的学生吃不饱，基础差的学生吃不了”的学习现状。

8 教学反思

1）考虑到Flash课程的特点，录制了与课堂实例对应的电子演示教程，有效地提高了学生自主学习的效率。

2）自制了用于说明遮罩与被遮罩关系的演示教具，将复杂抽象的问题变得简单直观，让学生对遮罩有了感官上的认识。

3）在课堂任务的引领下，采用学生演示指导、协作操作方式实现自主探究学习，并取得了较好的教学效果。

参考文献：

[1] 李如超.Flash CS3中文版动画制作基础[M].北京：人民邮电出版社，2009.

[2] 付达杰.Flash动画设计的再思考-技术与艺术的共进[J]. 科教文汇（上旬刊），2008（10）.