逐帧动画与渐变动画教学创新设计

《FLASH中的遮罩效果》教学设计

石家庄市第十五中学

尹静

一、

教材分析

采用教材：中国地图出版社选修2《多媒体技术应用》。内容选自：第三单元《音频视频与动画处理》。

1．在flash学习中我共设计了五节课（逐帧动画、形状补间动画、动作补间动画、引导线动画、遮罩动画），本节课是“平面动画制作”的最后一节，所涉及的实例也是较之前更复杂，更难，尤其是用来分析的几个FLASH源文件，其中涉及了动作渐变、多物体运动等知识，可以看作是对之前所学内容的一个总结、串联和回顾，学生在课后能够对FLASH动画创作有一个整体、全面的认识。

2. 遮罩（MASK）是多媒体创作软件中的一种普遍应用。遮罩（MASK）这种效果几乎出现在所有的多媒体创作软件中，例如PHOTOSHOP、ILLUSTRATOR、PAINTER、会声会影等都有“遮罩（MASK）”的应用。但在教学中只在FLASH部分涉及遮罩，所以本节课对于理解遮罩效果这一普遍概念非常重要，可以帮助学生在接触到其他软件的遮罩应用时，理解其概念并触类旁通，很快掌握操作要领。

二、

学情分析

1. 熟悉Flash环境，理解平面动画创作软件的一些基本概念，例如：帧、元件、图层、源文件等；

2. 掌握了制作简单的形状、动作渐变动画，沿路径动作渐变的方法；

3. 对Flash动画制作抱有浓厚的热情，且具有一定的探究问题的能力，但

缺少规范的方法，热情有余，方法不足；

4. 学生在以往的实践中较为突出的问题：过于关注某一个软件的具体操作，而忽视总结共性的方法及理念。

三、教学目标：

1. 知识与技能

1

(1) 理解“遮罩效果”形成的原理；

(2) 掌握FLASH中实现简单遮罩效果的操作要领。

2. 过程与方法

(1) 学生通过阅读教程（微课）独立完成任务，在这个过程中培养学生的自主学习的能力和意识；

(2) 分组合作，尝试对导入环节所展示动画的源作品文件进行剖析，发现实现特效的原理，总结规律。在这个过程中培养学生分析问题的能力。

3. 情感态度价值观

(1) 通过欣赏生动的flash影片，经历自主制作作品，形成积极主动地学习和使用多媒体技术、参与信息活动的态度。

(2) 通过协作交流，对较为复杂的源文件进行剖析，消除学生对高难技术的畏惧心理，激发学生勇于探索的勇气和信心。

四、教学重难点

1. 教学重点

(1) 理解“遮罩效果”的原理；

(2) 掌握FLASH中“遮罩效果”的操作要领；

(3) 对FLASH动画创作建立一个完整、全面的认识。

2. 教学难点

(1) 理解从设置效果之前，遮罩与被遮罩层之间的遮挡关系，到之后变为“镂空”关系，这样一个变化的过程及操作要领；

(2) 培养分析问题的能力：在分析源文件的过程中，在纷繁复杂的各种因素中，善于把握问题的关键，找到形成特殊效果的原因。

五、教学方法

教法：任务驱动、自主探究、协作学习。

学法：让学生在看中学—用优秀作品导入，让学生自主探索；动中学—学生动手制作，加深印象；思中学—提供给学生思考分析的空间；论中学—学生讨论交流分享观点，互相弥补。

六、教学过程

2

1.导入新课。通过展示多个优秀案例引起学生学习兴趣。

展示多个使用了遮罩效果的FLASH动画，通过这些优秀案例引起学生浓厚兴趣，进入本节主题。并强调：所举的实例，我们要在稍后对其进行进一步分析，发现形成特效的原理。

设计意图：激发学生的学习兴趣。

2.自主学习。

学生观看微课教程，自主完成“探照灯效果”，同时兼顾学生的差异性，提供“半成品”。学生在“半成品”的基础上，进一步完成遮罩效果。

总结并引出概念。提问：在实现了遮罩效果后，图层之间的关系发生了什么样的变化？学生根据实践体会，尝试描述过程并总结概念。教师引入概念：遮罩是FLASH中的一种特殊效果，这种效果出现在时间轴上紧邻的两个图层之间，遮罩层中是一些手绘的单色的图形图案，在设置了图层之间的遮罩效果后，被遮罩层的内容只能通过遮罩层中图案的轮廓显现出来，遮罩层就像一张纸，上边开了一个小洞，被遮罩层的物体通过小洞显露出来。

设计意图：

（1）照顾不同层次学生，提高课堂效率。

（2）培养学生自主学习的意识和能力。

（3）过程中体验“遮罩”，培养学生总结能力。

3.知识迁移。简要介绍其他软件中的遮罩效果。

“遮罩（MASK）”效果是多媒体创作软件中较为普遍的应用。例如教材中涉及到的：PHOTOSHOP、会声会影、PAINTER等，都有“遮罩（MASK）”效果的应用。展示一些其他软件中遮罩效果的应用实例，在展示的过程中，学生要体会其共性的东西——遮罩层（位于上方）上的图形轮廓形成一个“窗棂格”的效果，被遮罩层（位于下方）上的素材通过“窗棂格”显露出来。

设计意图：

（1）加深知识点的理解。

（2）避免“就技术讲技术”，建立更宏观的知识结构。达到知识的迁移。

4. 合作探究学习。对导入环节所展示优秀案例的源作品文件进行剖析。

以3-4人小组为单位对导入环节所展示动画的flash源文件进行分析。小组

3

成员对不同的源文件进行分析，组长负责协调，组内交流经验，教师随机请同学谈特效形成的原理。（具体操作：给学生下发五个“遮罩”效果的FLASH源文件：闪闪的红星，水面涟漪效果，放大镜效果，卷轴效果，文字下落效果。先挑选一个较为典型的实例进行分析，演示分析的过程，要学生掌握分析时的操作要领：①可以将时间轴上的每个图层反复隐藏、显示，明确每个图层的内容，然后特别关注遮罩层与被遮罩层；②在编辑状态下逐帧播放动画（在时间轴刻度上滑动鼠标），想像遮罩层对被遮罩层的遮挡效果如何变为“镂空”效果；③可以将遮罩层和被遮罩层加锁后在编辑状态看到遮罩效果（逐帧播放）。例如卷轴效果：将卷轴的手柄隐藏掉后，发现遮罩层是一个徐徐右移的矩形，被遮罩的画幅原先是被遮挡的，后来透过这个徐徐右移的矩形“窗口”逐渐显现出来，配合左右两个手柄，便产生卷轴展开的效果。学生分组实践，挑选自己感兴趣的实例，按照刚才老师讲到的分析方法，对源文件进行剖析，发现其中的特效原理。并当堂发言，讲解自己是如何对源文件进行分析的，产生特效的原理是什么。）

设计意图：

（1）在有限的课堂时间内，拓宽学生的视野。

（2）鼓励学生主动参与到复杂问题的分析中，通过交流、分享，找出问题关键，提高学生分析、协作能力。

（3）分析中对知识进行建构，逐渐消除学生对高难技术的畏惧心理。

5. 巩固加深。

学生登陆网址https://ks.wjx.top/jq/19801443.aspx，进行简单测试，以检验理论的理解程度和操作的准确度；问卷星实时反馈答题结果，可帮助学生进一步巩固加深所学知识。同时，教师也可及时准确地了解学生的学习状态。

6. 课堂总结

布置作业。

知识理解、操作要领、分析探究、情感态度的教学目标基本达成。作业为：利用之前学过的图像处理软件帮助完成FLASH中不规则图形的遮罩效果。

七、教学反思

1.

“半成品加工”策略，延用了我日常教学中的分层次教学模式，让不同层次的学生都能跟得上教学进度。

2. 本节课注重合理有效地利用信息化手段，不仅利用技术服务于教学，而

4

且有助于培养学生的数字化学习能力。

3. 避免就技术讲技术，注重知识的迁移，帮助学生建立更宏观的知识结构。

4. 在“复杂实例分析”环节，学生经历了“质疑—分析—解答—总结”的过程，教师引导学生开展深度探究，鼓励学生大胆展示自己的理解和思路，有助于培养学生的计算思维。

5