1 Flash 中的遮罩动画效果 《Flash 中的遮罩动画效果》教案 授课题目 遮罩动画 教学目标 1.通过实例教学使学生理解Flash 中遮罩的含义及原理; 2.通过实例教学使学生学会遮罩图层的建立和遮罩效果的实现方法; 3.使学生学会在排序面板中对对象进行排序; 4.学会分析他人的Flash 作品并学习其中使用的技术、技巧 5.通过整个教学过程,培养学生的自学能力与小组合作、创新精神。 教学内容 1.FLASH 中遮罩动画效果; 2.FLASH 中遮罩动画的原理; 3.遮罩层的定义; 4.遮罩动画的实现过程。 教学重点及难点 1.遮罩原理; 2 2.遮罩动画的制作步骤。 教学方法 1.利用多媒体课件教学; 2.以实例演示为设计思想; 3.通过实例教学,使学生掌握设计方法。 教材 《中文版Flash MX2004 标准教程》张继皇等编著,海洋出版社。 教学参考书 《中文版Flash MX2004 基础教程与操作实录》金超编著,清华大学出版社。 课时安排:45 分钟 教学过程 一、教学引入: 展示遮罩动画作品。1、探照灯效果。2、电影文字。3、鼠标拖曳效果。4、百叶窗效果。 二、教学内容: (一)“探照灯效果”的实现 1.“探照灯效果”的实现步骤 步骤一:先启动FLASH MX 2004,在启动界面中选择“创建新项目”→“FLASH文档”; 步骤二:点击“修改”→“文档”(或 CTRL+J),设置文档属性如图 1 所示; 图 1 3 步骤三:选择文字工具 ,并在属性面板,设置文字的属性,如图2 所示; 图 2 步骤四:新建一个层,在这一层用画圆工具 绘制一个不带边线的圆形做为遮罩,颜色可任选;并将绘制好的圆转换成“图形类图符”; 步骤五:设置新建层的属性为“遮罩层”,并改图层名称为“遮罩层”; 注:在此处注意观察遮罩效果,解释遮罩原理。 步骤六:把实例圆拖到文字的左面,如图3所示; 图 3 步骤七:在文字层的第 25帧单击鼠标右键插入帧(或按 F5键),如图4所示; 图 4 步骤八:在遮罩层的第 25帧单击鼠标右键插入关键帧(或按 F6键),并将圆拖至文字的右端; 步骤九:“遮罩层”设置补间动画(动作动画),如图5所示; 4 图 5 步骤十:保存FLASH文档,测试、导出影片。 2.遮罩的原理: (1)遮罩是需要通过两层实现的,上一层叫遮罩层,下一层叫被遮罩层。 (2)遮罩结果显示的是二层的叠加部分,上一层决定看到的形状,下一层决定看到的内容。我们通常也把遮罩层叫做“透通区”,即透过...