Flash遮罩动画制作 信息技术教学课件

1 “FLASH动画制作——遮罩效果”教学设计

教学目标：

1.知识与技能

（1）掌握遮罩动画的工作原理，理解遮罩层与被遮罩层之间的关系；

（2）掌握探照灯效果的制作方法；

（3）能够灵活运用所学动画制作技巧，创作动画作品。

2.过程与方法

（1）通过师生共同分析遮罩的实例，加深学生对于遮罩原理的理解；

（2）让学生自主实践，去完成探照灯效果的动画，使学生能够迅速掌握遮罩效果的制作方法；

（3）培养学生自主学习能力、探索创新能力和综合运用知识的能力。

3.情感态度与价值观

（1）感受运用Flash动画软件创造作品的乐趣；

（2）体验信息技术蕴含的文化内涵，形成和保持对信息技术的求知欲；

（3）能辩证地认识信息技术对社会发展、科技进步和日常生活学习的影响；

（4）通过信息技术手段，增进师与生、生与生之间的情感交流；

（5）体验作品创作成功的喜悦和成就感，激发学习flash的兴趣。

教学重点：

遮罩的含义，遮罩与被遮罩的关系，遮罩效果的制作

教学难点：

哪层遮罩，哪层被遮罩，是遮罩层运动还是被遮罩层运动

教学方法与教学手段：

讲授法、演示法、任务驱动法。

教学准备：

硬件：多媒体网络教室；

软件：教学课件、学件。

教学过程：

学习

过程 教师活动 学生活动 设计意图

激

发

兴 【新课导入】游戏：你猜你猜猜猜猜

展示Flash游戏——“小孔探物”，介绍游戏的玩法：通过移动屏幕布上的小孔，显示出部学生亲自体验，积极参与，观察游戏中的激发学生的学习兴趣，引导学生思考，导出本课

2 趣

情

境

导

入 份图像，能够看出小孔后面的内容。

讨论：“小孔探物”游戏所采用的动画效果就叫做“遮罩”，运用这种效果可以制作出许多美妙的动画。

导入本节课的内容：用Flash软件制作出遮罩效果。 动画效果。

明确本节课目标 教学内容。

探究

新知 【知识讲解】采用一张遮罩动画的层次解析图，说明遮罩动画的原理：遮罩就是透过一种图形来看被挡住的内容。

Flash-8-遮罩动画详解及实例

2 Flash 8 遮罩动画详解及实例

在Flash8.0的作品中，我们常常看到很多眩目神奇的效果，而其中不少就是用最简单的“遮罩”完成的，如水波、万花筒、百页窗、放大镜、望远镜……等等。

那么，“遮罩”如何能产生这些效果呢？

在本节，我们除了给大家介绍“遮罩”的基本知识，还结合我们的实际经验介绍一些“遮罩”的应用技巧，最后，提供二个很实用的范例，以加深对“遮罩”原理的理解。

在Flash8.0中实现“遮罩”效果有二种做法，一种是用补间动画的方法，一种是用actions指令的方法，在本节中，我们只介绍第一种做法。

1．遮罩动画的概念

（1）什么是遮罩

“遮罩”，顾名思义就是遮挡住下面的对象。

3 在Flash8.0中，“遮罩动画”也确实是通过“遮罩层”来达到有选择地显示位于其下方的“被遮罩层”中的内容的目地，在一个遮罩动画中，“遮罩层”只有一个，“被遮罩层”可以有任意个。

（2）遮罩有什么用

在Flash8.0动画中，“遮罩”主要有2种用途，一个作用是用在整个场景或一个特定区域，使场景外的对象或特定区域外的对象不可见，另一个作用是用来遮罩住某一元件的一部分，从而实现一些特殊的效果。

2．创建遮罩的方法

（1）创建遮罩

在Flash8.0中没有一个专门的按钮来创建遮罩层，遮罩层其实是由普通图层转化的。你只要在要某个图层上单击右键，在弹出菜单中把“遮罩”前打个勾，该图层就会生成遮罩层，“层图标”就会从普通层图标变为遮罩层图标，系统会自动把遮罩层下面的一层关联为“被遮罩层”,在缩进的同时图标变为，如果你想关联更多层被遮罩，只要

4 把这些层拖到被遮罩层下面就行了，如图3-5-1所示。

图3-5-1 多层遮罩动画

（2）构成遮罩和被遮罩层的元素

遮罩层中的图形对象在播放时是看不到的，遮罩层中的内容可以是按钮、影片剪辑、图形、位图、文字等，但不能使用线条，如果一定要用线条，可以将线条转化为“填充”。

一、制作卷轴

1、首先新建一flash文档，修改文档尺寸为，宽550，高600，设背景颜色为＃006666。然后制作所需的元件：

2、制作卷轴： 点击插入菜单—选择“新建元件”，在弹出的对话框上名称：填上“轴”，行为：选择“图形”然后确定

使用矩形工具，关闭颜色工具的边框，选择油漆筒，打开右边的混色器将颜色状态设置成线性，将线性渐变设置成如图所示：

3、用矩形工具画出卷轴主要部分，使用任意变形工具调整其形状并将中心小圆与小十字对齐，再用同样方法在上下两端画出黑色的轴心。

4、毛笔的制作：

制作不同毛笔尖的笔，新建元件，第一枝笔命名“土黄色笔”，行为：图形。方法同卷轴的制作方法相似，下端用任意变形工具，按住ctrl键调整出上宽下窄，笔尖使用圆形工具填充线性渐变，然后使用实心选择工具（箭头）调整出毛笔尖形状。

5、回到场景，制作卷轴展开。打开—窗口—库，将库中元件“轴”拖入场景，将该层命名为：上轴。新建一层，命名：下轴。将元件轴再拖入该层，调整两个层中的轴为并列并位于上方位置如图。

6、点击下轴层的第一帧，右键—选择创建补间动画，在第15帧处点击右键—插入关键帧，选择场景中的卷轴，将其移动到文档的下面。将上轴层的第15帧处插入帧。

7、制作纸张铺开。在最下面新建一图层，命名：纸。按照卷轴展开的位置画出浅黄色的纸，再在黄色纸上画出白纸芯，位置大小适当。（对象绘制）

在图层纸上新建一层，命名：遮罩。画一很窄的矩形，一定要与纸相同宽，在第15帧处点击右键 —插入关键帧，使用自由变换工具，将其高度修改成文档高度，右键点击遮罩层—选择遮罩。创建补间动画。

8、制作荷花。在画荷花之前先在白色纸张上绘制底色，新建“底色”层，用渐变色绘制一个矩形，笔触颜色设置无，填充颜色用渐变色：#FFE7C4，#FFFFFF，然后新建一层“荷花”层，用直线和颜料桶工具画出荷花的轮廓，并填充渐变色：#FFcccc，#FFFFFF。花茎用深棕色刷子画出。

第9课遮罩动画初练成

邹城市鲍店煤矿学校 沈玉新

教学目标：

1、理解遮罩动画的原理。

2、学会渐变色的填充设置

3、能够正确地制作出简单的遮罩动画。

教学重难点：遮罩动画的原理、遮罩动画的表现形式

教学过程：

引入新课：

皮影戏——原理；被遮挡的显示在幕布上

Flash能做到被遮住的图像显示，没有被遮住不显示的效果吗？

先学习制作前的准备知识——基础——工具的使用

活动探究：

活动一：渐变颜色

1、探究：渐变变形工具进行填充，有哪些控制柄？分别能对物体颜色填充做怎样的调整？如何对文字和图片进行颜色填充？

2、练习：制作一个渐变色的球，并放射点等进行调整。

3、任务：在“火箭升空”最后一帧的后面插入关键帧，输入文字：“热烈祝贺中国载人火箭发射升空”字体填充颜色为“彩虹”样式。

活动二：制作遮罩动画

1、阅读了解：什么是遮罩动画？遮罩动画的原理是怎样的？

2、自主探究：制作遮罩动画的一般步骤。遮罩动画的形式有哪些？打开“遮罩动画形式”动画，了解动画形式。

3、练习：制作一种形式的展开“国画”的遮罩动画（展开方式有多种）。

4、任务：制作“火箭升空”中文字遮罩动画。

实践创新

制作一个用“望远镜”（两个镜头）观察远方风景效果的遮罩动画。

知识拓展：制作“邹城市鲍店煤矿学校九年级比赛大舞台”彩色文字的遮罩动画。