《掀开窗帘看风景——遮罩层动画》教学设计

张翠勤

教材分析

《动画设计与制作》是江苏省八年级信息技术教材第1章的内容。遮罩层是Flash图层中一个重要的概念，运用遮罩层能制作出丰富多样的动画效果。学生掌握了动画的基本原理、元件、补间、层等基础知识后，再学习好本节课内容——遮罩层动画，不仅可以把所学的动画知识融会贯通，而且其动画制作技术将会进一步提升，能够制作出更加精美的动画。

学情分析

教学对象是初二学生，他们对信息技术有着较浓厚的学习兴趣，但是其信息技术基础参差不齐，信息技术的接受能力也不尽相同。可喜的是，通过Flash的前期学习，学生已经初步掌握了Flash的基础知识与基本技能，能够制作简单的补间动画、引导层动画等，为本节课的学习奠定了基础。

教學目标

知识与技能目标：通过生活中的实例，理解遮罩层的含义和原理;理解遮罩层与被遮罩层之间的关系;能够利用遮罩层设计、制作一些动画效果。

过程与方法目标：通过观察、类比实例，理解遮罩层的含义;通过模仿、分析学会创造性地利用遮罩层制作一些特殊的动画效果;通过自我总结培养学生的分析、归纳能力。

情感态度与价值观目标：在遮罩层动画的魅力感召下，对Flash动画制作产生更大的学习兴趣;通过小组合作学习，培养学生的团队合作意识;通过成功制作一个个动画，培养学生深入学习Flash动画的兴趣，体验动画制作的乐趣和成就感。

教学重点与难点

重点：理解、制作和运用遮罩层。

难点：理解遮罩层的原理，灵活运用遮罩制作特殊效果。

教学方法与手段

直观展示、演示讲解、自主探究、个别辅导、小组合作。

教学过程

1.温故知新

教师请学生欣赏一个形状补间动画，该动画有两个图层组成，图层1的内容是一幅校园图片，图层2是一个形状补间动画，内容是一个与舞台同高的窄小红色长方形逐渐变成完全覆盖舞台的同高同宽图形。（舞台背景设置成墨绿色，同机房窗帘颜色）

学生观看后制作同样的作品并小组内交流展示。

师：请同学们思考，从这个作品中我们可以看出Flash中的图层具有什么样的特点呢？

生：图层相当于透明的纸，长方形的红色色块和校园图片分别放在不同的图层，上面图层中的红色色块会完全遮挡下面图层的校园风景图片。

师：说得非常好。图层相当于透明纸，不同的对象放在不同的图层，既方便独立操作，又可以协调组合，因为上面的图层内容会遮挡下面图层的内容，所以要注意舞台上不同对象的摆放顺序。

设计意图：①带领学生复习形状补间动画，并用这个实例来引入遮罩层的学习。②复习图层相当于透明纸的含义，来对比呈现将要学习的特殊的不透明遮罩层。③把舞台背景设置成同机房窗帘的颜色以同步接下来的实物模拟。

2.观察类比

师：请同学们仔细观察老师的操作，注意观察时间轴面板上图层发生了什么变化，舞台上的内容发生了什么改变。

教师在刚才演示的形状补间动画上，鼠标右击图层2，将图层属性设置为“遮罩层”。

生：图层名称前的标志形状和颜色发生了变化，两个图层的层级关系也发生了改变。舞台上第一帧处红色长方形和校园风景图片都不见了，仅剩下墨绿色背景。

师：观察得很仔细。遮罩层是不透明的特殊图层。特殊在哪儿？下面的被遮罩层内容完全消失了，只能看见背景色。请同学们先模仿操作然后进行“测试影片”，观察动画效果，并思考以下几个问题：①你看到了怎样的动画效果？②图层2的内容去哪儿了？在这个动画中它起到了什么作用？

学生自主操作，教师巡视。学生完成操作后组内交流讨论。

生：我先看到了墨绿色的背景，然后逐渐出现了校园风景，看到的是图层1的内容逐步变大。图层2的内容看不见了，不知道去哪儿了……

教师走到旁边的窗前，缓缓地拉开墨绿色的窗帘，看向窗外的校园风景。

师：我拉开窗帘看风景的情形，像不像我们制作的动画效果？这个动画中什么相当于窗帘？什么相当于拉开窗帘的动作？

生：拉开窗帘看风景的动作与我们刚刚制作的动画非常相似。上面的图层相当于窗帘，缓慢变宽的长方形红色块相当于拉开窗帘的动作。

师：刚刚我们学习的内容是遮罩层动画。遮罩层是Flash中特殊的不透明图层，它就好比我们的窗帘（上面的图层），要想看到外部（下面图层的内容）的风景，就得把窗帘拉开（就是遮罩层中的内容：缓缓变宽的长方形红色块）。基本的遮罩层动画至少需要两个图层，上面的是遮罩层（用来控制显示的范围和位置），下面的是被遮罩层（提供显示的内容）。

设计意图：①在复习的基础上自然而然地引出新内容。②在实例分析和组内相互讨论的基础上认识遮罩层，理解遮罩层，理解遮罩层与被遮罩层的关系。③在知识的学习上突出学生的主体性，教师只需做好引导、铺垫，不需要灌输，学生可通过观察、类比、“做中学”和驱动任务进行自主构建，从而达成学习目标。

3.深入探究

师：窗外的风景很优美，请你制作一个拉开窗帘欣赏窗外风景的动画，带领大家去欣赏一下吧。请同学们通过实践回答以下三个问题：①如果长方形红色块变成其他颜色，会有什么变化？②如果长方形中没有填充色，会有什么变化？③如果长方形色块变成其他形状，试一试工具箱中的其他绘图工具，又会出现怎样的动画效果？

学生自主实践操作，教师巡视并个别辅导。

学生作品交流展示并回答上面三个问题。

师：遮罩层中有颜色的图形会变成透明，与颜色无关，如果图形只有形状没有颜色，就不会变成透明。图形的大小、形状以及变化会决定被遮罩层中内容出现的效果。线条工具和铅笔工具绘制的线条不会变成透明，刷子工具绘制的线条会变成透明。我们可以归纳出遮罩层动画的基本原理，遮罩层动画至少需要两个图层——上层（遮罩层）和下层（被遮罩层），遮罩层中的色块大小、形状和变化决定显示内容的范围和形式，被遮罩层决定显示的内容。

设计意图：在理解的基础上，再次制作范例作品，既能容易上手，又可以让学生再次细细体会遮罩动画的原理和操作步骤。但是，如果不通过问题引导学生深入实践思考，学生对遮罩层的理解也只停留在表面，只会简单模仿。这个环节不仅仅是及时反刍，更重要的是让学生带着问题在尝试实践中发现遮罩层动画的真正含义，学会从现象看到本质的解决问题的方法。

4.觸类旁通

教师展示几个实例：探照灯、彩虹字、百叶窗。

学生自选一个实例小组内讨论、分析其制作步骤。

每个范例邀请一位学生进行制作分析交流。

学生自主尝试制作所选作品，教师巡视，选取小老师进行“兵教兵”。

学生针对制作心得、注意事项、作品效果等进行交流展示。

设计意图：在深刻理解遮罩层的基础上，通过分析遮罩效果就可以制作出相同原理不同效果的动画作品，这既是对动画制作基础和遮罩层动画制作的知识和能力的考验，也是一种综合应用。为了减少难度，教师不仅安排学生进行制作交流和“兵教兵”互助学习，同时也提供了制作的参考微课视频。

5.生活应用

师：请同学们想一想，生活中还有哪些场景可以用遮罩层动画来表现呢？

生：有放大镜、波光粼粼、望远镜……

小组讨论并班内交流。

设计意图：遮罩层应用的拓展、提升。学生之间再次从遮罩层的内涵上进行思维碰撞。此时可以不在乎能不能给出一些切实可行的方案，只是激发学生进一步拓展思维，与生活实际相联系。

6.学习反思

学生填写课堂学习小结记录单（如上表），记录自己这节课上学到了什么，还有哪些疑惑，学习感受是什么。

教学反思

学生能在“循循善诱”的教学设计下收获“润物细无声”的成长。我曾经很喜欢那种有跌宕起伏情感、有扣人心弦情景的教学设计，但此时，我更崇尚这种“水到渠成”的无痕教育理念，并努力在自己的教学中实践。本课教学设计遵循建构主义学习理论，学生在教师的引导下，参与教学活动，在活动中自主获取、分析、加工处理教学活动所传递的信息，并在内心反思、归纳、整理，从而形成自己的认知经验。

这节课学生的学习活动由六个递进环节组成：我复习、我模仿、我探究、我拓展、我应用、我反思。在整个教学过程中，学生呈现了了解、尝试、理解、探究、明朗、沉淀六种思维状态，这是一场有生命力成长的教学活动。尤其是在探究环节，看似非常简单的尝试实践活动，其实里面有着很大的思考和创作空间，学生作品也能很好地诠释这一点，有的从方向，有的从大小，有的从位置，有的从形状等变化呈现遮罩层的动画效果，也有的把被遮罩层内容处理得非常精彩。遮罩效果的精彩离不开一些补间动画的辅助，这个环节中可以多展示几个典型学生作品，也可以为下个环节打下基础。

但课堂也反映出了一些设计不足，在“生活应用”环节，学生交流后如果能展示一些具体的实例效果会更好些，因为学生毕竟还是初次接触遮罩，认识上还是有些局限，同时一些实例展示也可以激发学生进一步探究的兴趣和动力。