Flash 教案8水波荡漾-“遮罩层”动画

四、保存文件
将动画源文件以“水波荡漾”为文件名保存到自己文件夹中的“作业”文件夹中，并测试生成swf格式的文件。
【知识着陆】
遮罩是Flash中的一个常用功能，在遮罩层中，可以使用“绘图工具”绘制各种图形作为遮罩，透过这些图形能够看到被遮罩层的内容，而遮罩层图形以外的内容将遮蔽。利用遮罩层的特点，可以制作各种文字变幻、水波纹、百叶窗切换等特效。
学生上机制作有水中倒影效果的背景。
二、制作乘伞落下的小熊
师先做演示操作，然后学生上机操作。
具体演示操作步骤：
1、新建图形元件“落水的小熊”，使用“线条工具”、“椭圆工具”等绘制小熊图案，如教材P67图10.5所示。
2、回到“场景1”的编辑状态，新建图层，重命名为“小熊”，将图形元件“落水的小熊”拖放到舞台上方。在第50帧插入关键帧，移动小熊位置，使其位于有倒影的水中。
4、测试影片，观看效果。
师引导分析：实例1以由小变大的椭圆图形作为遮罩，使下面一层的文字通过镂空的椭圆显示出来，椭圆以外的文字被遮蔽。由于椭圆是遮罩层，所以椭圆的颜色不影响画面效果。
实例2以文本作为遮罩层，通过镂空的文字线条将下一层的椭圆图形显示出来，文字线条以外的图形被遮蔽。由于文字是遮罩层，所以文字的颜色将不影响画面效果，而椭圆的色彩透过文字线条显示出来。
3、在图层“小熊”上添加运动引导层，绘制小熊落下的轨迹。
4、将图层“小熊”上第1帧和第50帧位置的实例“落水的小熊”分别锁定在路径的两端。
5、在图层“小熊”上第1至第50帧之间创建动画补间动画，完成小熊落下的引导层动画，如教材P67图10.6所示。
学生上机制作乘伞落下的小熊。
第2课时：
三、利用遮罩层制作水中倒影特效
【视野拓展】网页制作三剑客
学生阅读了解。
第4课时：
【创作天地】
使用遮罩效果制作绽放的礼花。
制作提示：
将彩球作为被遮罩层，将刷子工具绘制的线条作为遮罩层。
教学
后记
本节教学实例、DIY制作的两个实例及创作天地内容多，需要学生制作也很多，因此，为了保障教学质量，需用三个课时完成。
学生上机往库导入图片。
、制作有水中倒影效果的背景
师先做演示操作，然后学生上机操作。
具体演示操作步骤：
1、执行“插入”→“新建元件”命令，新建图形元件“背景图”。
2、打开“库”面板，将图像bk10.bmp拖放到舞台。
3、回到场景1的编辑状态，重命名“图层1”为“背景”，将图形元件“背景图”拖放到舞台上，在“属性”面板中调整X、Y 的坐标值为0、0，如教材P66图10.2所示。
4、在“图层1”上复制图形元件“背景图”的另一个实例，在属性面板中调整其X、Y坐标值为0、300，颜色透明度设置为40%，如教材P66图10.3所示。
5、使用“选择工具”单击舞台下方位置的“背景图”，执行“修改”→“变形”→“垂直翻转”命令，制作出水中倒影的物效，如教材P66图10.4所示。
6、在“背景”层第50帧插入帧。
师：导入外部图片用于制作动画作品的背景，并利用影片剪辑元件的颜色透明度设置制作出水中倒影效果。
、导入图片
师先做演示操作，然后学生上机操作。
具体演示操作步骤：
1、新建动画文件。修改文档“属性”的大小为“800*600像素”，背景色为“蓝色”。
2、执行“文件”→“导入”→“导入到库”命令，将素材图片bk10.bmp导入到库中。
、制作倒影层
师：观察生活中的水中倒影可以看出，水波波动时，水里物体的影像会向外扩散，产生比真实物体放大的效果。
师先做演示操作，然后学生上机操作。
具体演示操作步骤：
1、在图层“背景”和图层“小熊”的第80帧插入帧。
2、新建图层，重命名为“水中倒影”，在第50帧插入关键帧。
3、复制“背景”层上的倒影图案，粘贴在“水中倒影”层的第50帧位置，使用“任意变形工具”将图像适当放大，如教材P68图10.7所示。
课题
水波荡漾----“遮罩层”动画
课型
实作
教学
目标
1、复习各类型元件的制作方法，熟练掌握元件的位置、颜色等属性的更改。
2、复习巩固引导层动画的制作方法。
3、学习遮罩层动画的制作。
重点
遮罩层动画
难点
遮罩层动画的创建
教学
方法
演示和学生上机
教学
媒体
课件
多媒体网络教室
教学
课时
4课时
教学过程与方法
教师活动
学生活动
4、在“水波”层的第50至80帧之间创建形状补间动画。
5、右击图层“水波”，在弹出的快捷菜单中选择“遮罩层”命令，则水波荡漾的效果就制作完成了，如教材P69图10.10所示。
学生上机制作水波遮罩。
【智多星】遮罩
师：遮罩动画是Flash中常用的一种技巧。遮罩动画就像是一张纸上镂空了一个形状，透过这个形状可以看到下面的图层。用于遮罩的对象可以是任意形状的图形、文字或元件等。遮罩下面的图层（被遮罩层）可以透过遮罩层中的对象显示出来，对象以外的部分将被遮蔽。
4、右击图层“圆”，在弹出的快捷菜单中选择“遮罩层”命令，如教材P70图10.11所示。
5、测试影片，观看效果。
第3课时：
实例2：以文字作为遮罩层
学生上机制作体会。
制作步骤：
1、重复实例1中的第1—3步。
2、调整图层顺序，使”，在弹出的快捷菜单中选择“遮罩层”命令，如教材P71图10.12所示。
学生上机制作倒影层。
、制作水波遮罩
师先做演示操作，然后学生上机操作。
具体演示操作步骤：
1、新建图层，重命名为“水波”。
2、在第50帧插入关键帧，使用“刷子工具”绘制如教材P68图10.8所示的圆环图案。
3、在“水波”层的第80帧插入关键帧，使用“任意变形工具”将水波图案放大，如教材P69图10.9所示。
第1课时：
新课的引入：
师引入课题：教师演示本课范例、创作天地范例、百叶窗特效、放大镜特效等具有遮罩层特效的动画，让学生观察用所学的知识能否完成这些动画效果的制作？以此引入本课学习的重点——遮罩层动画。
新课的教学：
一、制作背景
师引入第8课完成的作品实例，添加图形元件“鲜花”来丰富画面，为飞舞的蝴蝶设置情境。
【DIY】遮罩
师：比较下面两个实例的不同，体会遮罩动画的神奇效果。
实例1：以渐变的图形作为遮罩层
学生上机制作体会。
制作步骤：
1、新建文件，修改文档“属性”的大小为“300*180像素”。
2、将图层1重命名为“文字”，使用“文本工具”写入静态文字GELLO，在该图层第25帧插入帧。
3、新建图层，重命名为“圆”，在第1帧绘制“七彩线形填充”的图形；在第25帧插入关键帧，使用“任意变形工具”放大圆形图案使其覆盖住文字，并在该层创建形状补间动画。