全国中小学信息技术课程教学大赛获奖案例 水波荡漾 ――“遮罩层”动画 教学设计

展示《水波荡漾》动画。

【问题引导】

照片画面是如何显示的？

照片的动画效果，是Flash的一种特殊的动画形式，是这节课要学习的――遮罩动画。

【活动1大胆实验】自主探究，实现静态遮罩效果。

请同学们利用学案，根据小组主题和准备好的照片素材，尝试设置遮罩效果。

水波

荡漾

请一位同学演示制作方法。

【问题引导】

你看到了什么现象？

观察图层图标有变化吗？

教师教具演示。

片”。

操作2：展示纸B，有一个镂空椭圆形窗口。

操作3：将纸B叠放在纸A上。

只看到窗口透出的内容，画面其他部分被遮挡住了，形成遮罩效果。

它相当于FLASH中两个图层。效果见下图：

小结：

1. 遮罩动画的组成：由遮罩

层和被遮罩层组成。

2. 遮罩动画的原理：在遮罩

层上创建一个任意形状的

“窗口”，透过这个窗口可

以看到被遮罩层的内容，

而“窗口”之外的内容将不

再显示。

(1)遮罩层与被遮罩层的

位置及作用：

遮罩层——位置在上，提

供了可见的轮廓范围。

被遮罩层——位置在下，

提供了显示的内容。

(2)对比遮罩前与遮罩后，

时间轴及舞台效果。3．遮罩动画的作用：

3．最后设置遮罩效果。

【活动4一展身手】

尝试创作文字遮罩动画，为你的可爱小熊记忆写一个寄语。

教师教具演示，分析动画实现原理。

操作1：展示纸A，一张文字被挖空的纸。

可爱的小熊宝宝，在雨伞中飘荡

操作2：展示纸B，一张绘制彩色矩形的纸。

操作3：移动纸B。

请同学们观察，你看到了什么？

【问题引导】

文字是遮罩层还是被遮罩层？

文字是遮罩层，文字不动；

矩形是被遮罩层，矩形运动。结论：

遮罩层和被遮罩层都可以动。

任务二选一：

1．请新建一个Flash文档，创作文字遮罩动画。

Hello

2．请在原Flash文档中，继续创作文字遮罩动画。