遮罩动画的原理与制作

遮罩动画的原理与制作（教学设计）

-----《FlashMX案例教程》

湖北谷城职教中心蒋红艳

【课题】遮罩动画的原理与制作

【使用教材】《FlashMX案例教程》第二版沈大林沈昕主编电子工业出版社出版

【授课时间】2课时（90分钟）

【课程类型】多媒体讲授+实训课

【教学目的及要求】

1.理解遮罩动画的原理；

2.理解遮罩动画的特点；

3.掌握设置遮罩层的方法；

4.学会根据预期的效果恰当的选择遮罩层与被遮罩层；

5.培养学生动手操作能力和善于思考的习惯，激发他们的创造性思维，使学生在融会

贯通地掌握知识与技能的同时，充分发展自己的创造性能力与创造性人格。

【教学重点】

遮罩图层的设置和遮罩效果的实现方法

【教学难点】

1.遮罩动画形成的原理；

2.确定遮罩层与被遮罩层

【教学方法】

教师教法：展示激趣、分析解惑、演示探究、归纳梳理(把讲授与演示相结合)

学生学法：欣赏激趣、探究顿悟、观看模仿、实践创新（从入门到提高）

【教学准备（教具）】

动画实例、挖孔纸、图片素材、PPt电子教案、多媒体机房

【教学过程】

一、导入新课（5分钟）

展示遮罩动画实例效果，如毛笔写字效果、滚动字幕、放大镜效果、世界杯logo等，让学生了解遮罩动画的应用范围，激发学习兴趣。

二、讲授新课（15分钟）

1.遮罩动画的形成原理（10分钟）

用一张纸遮住一幅画，学生什么也看不见（图1-1）；然后把

纸上挖一个洞，透个这个洞，就能看到画面的一部分了（图1-2）。

（图1-1）（图1-2）

总结遮罩的原理：遮罩就是透过遮挡物来看被挡住的对象。（PPt展示文字）

和现实生活中隔窗观景类似（展示PPt隔窗观景画

面），窗——遮罩，景——被遮住的物体。（图1-3）

再让学生想想，日常生活中，有哪些现象类似遮罩原

理呢？

2.遮罩动画的特点（3分钟）

由遮罩动画的原理总结其特点：遮罩动画至少有两个

图层组成，即遮罩层与被遮罩层，上面的图层是遮罩层，

提供动画效果的形状，下面的图层是被遮罩层，提供动画

效果的内容。（图1-３）

3.设置遮罩层的方法（2分钟）

实例演示设置遮罩的方法，做一个静态遮罩效果。

总结设置遮罩的两种方法（PPt展示文字）：

鼠标：右键快捷菜单；

菜单：修改／图层属性

三、实践提高（60分钟）

1.入门任务（遮罩层的基本应用，学生应掌握。）

滚动字幕（师先分析后演示）（15分钟）

师分析：这是一个动态遮罩效果，看见文字在一个矩形框内

由下向上移动。那么根据遮罩动画的特点，遮罩层提供形状，遮

罩层应该放一个矩形；被遮层提供看见的内容，那么被遮层应该

是文字由下向上移动的渐变动画。

师演示，学生实训。

放大镜（师引导生分析生尝试）（15分钟）

师引导生分析：这是一个动态遮罩动画，放大镜（用圆代替）

经过的地方文字被放大。那么遮罩层是什么？（运动的圆即放大镜）

被遮罩层是什么？（放大的文字）原文字怎么显示？（最底层）

学生尝试操作。

2.进阶任务（30分钟）（动画难度加大，部分学生完成效果）

旋转的地球

范例展示，让学生分组讨论探究，确定遮罩层与被遮罩层，然后根据讨论的不同结果选派几名代表分别制作动画。根据不同的动画效果，教师进行点评，让学生进一步理解遮罩的原理和遮罩动画的制作方法。

根据实例，总结遮罩动画更多的特点（PPt展示文字）：遮罩层只有一个，被遮罩层可有多个；遮罩层可以运动，被遮层也可以运动，还可以同时运动。

四、欣赏作业（8分钟）（教师提供做好的动画效果，让学生欣赏动画分析遮罩层与被遮

罩层）

五、课堂小结（2分钟）（PPt展示要点）

遮罩动画的形成原理

遮罩动画的特点

遮罩动画的实现方法

六、助学资源

在学校局域网上共享助学资源，如：教师录制的视频教程、制作步骤等，给学生提供课后自学的助学资源，方便学生研究学习；并给学生留下联系方式，如电子邮箱、ＱＱ号，方便与学生交流。

教学反思

通过多年的Flash教学，我认为：软件是机械的，人是灵活的；菜单命令是有限的，创作灵感是无限的。要想制作眩目神奇的动画，只靠掌握机械的操作方法是不行的，而应该给学生提供尽量多的学习资源或学习机会，让学生开拓视野，激发创作灵感，真正体现心有多大，舞台就有多大；只有想不到的，没有做不到的。