美丽五师遮罩动画.doc

美丽五师 —— 遮罩动画 《开发有地域特色的信息技术校本教材的研究》（编号：BT2013048J） 一、教学目标 知识与技能： 1．通过实例教学使学生理解Flash中遮罩的含义及原理； 2．通过实例教学使学生学会遮罩图层的建立和遮罩效果的实现方法； 3. 通过学习使学生能够举一反三，完成以“美丽五师”为主题的遮罩动画。 过程和方法： 1． 通过实例教学，阐述原理； 2． 准备关于“美丽五师”的图片； 3．学生依据自己准备的素材，完成自己的遮罩动画； 4. 展示和观摩学生作品。 情感态度和价值观 1．使学生获得美的享受； 2．通过学习使学生对第五师的产品品牌和旅游品牌有所理解； 3．通过整个教学过程，培养学生的自学水平与小组合作、创新精神。 二、教学内容分析 1．FLASH中遮罩动画效果； 2．FLASH中遮罩动画的原理； 3．遮罩层的定义； 4．遮罩动画的实现过程。 三、学习者特征分析： 学生对纯理论的讲解不感兴趣； 绝大部分学生要依靠兴趣才能够学习，事实证明强迫学习都没有好的教学效果； 学生之间水平差异较大，授课时要注意这个点。 学生已学习了Flash最基本动画原理，能制作出简单的逐帧动画和动作补间动画，并对帧、图层已有了初步了解。 四、教学重点及难点 1．遮罩原理； 2．遮罩动画的制作步骤。 五、教学资源 以“美丽五师”为主题的图片（第五师北疆红提葡萄、第五师怪石峪风景区等）； 同屏广播系统、网络教室、Flash Mx2004软件。 六、课时安排：45分钟 七、教学过程 （一）、教学引入： 向学生展示遮罩动画作品：1、探照灯效果；2、电影文字。引起学生的注意和兴趣，引导学生思考，导出本课教学内容。 （二）、教学内容： 目标一：简单的Flash遮罩效果动画的实现（文字遮罩） 步骤一：打开Flash软件，新建两个图层，分别命名为“遮罩层”和“被遮罩层” 注意：“遮罩层”位于“被遮罩层”上方。 步骤二：在“遮罩层”输入文字“美丽五师”字体和字号根据实际设置；在“被遮罩层”画一个无边线的矩形填充渐变色，大小正好能够覆盖“美丽五师”这几个字。 步骤三：右键单击“遮罩层”，在菜单中选择“遮罩层”。遮罩动画制作完成。 学生活动：上机完成“文字遮罩”效果，体会遮罩原理。 总结“遮罩的原理”： （1）遮罩是需要通过两层实现的，上一层叫遮罩层，下一层叫被遮罩层。 （2）遮罩结果显示的是二层的叠加部分，上一层决定看到的形状，下一层决定看到的内容。我们通常也把遮罩层叫做“透通区”，即透过上一层看下一层的内容。 （3）遮罩显示结果的色彩由被遮罩层的色彩决定，即可通过辩别色彩的来源来确定哪一层为被遮罩层。 请同学们思考？ 如果改变这两个图层的上下位置，再实现遮罩，效果如何？请先想想，再上机实现，看和你想的一样吗？？ 目标二： 展示“动态遮罩效果”制作过程文字内容。 学生活动：学生通过阅读以下这些内容独立在计算机中操作完成。 意图：培养学生的阅读水平。 1．“动态遮罩效果”的实现步骤 步骤一：先启动Flash MX 2004，在启动界面中选择“创建新项目”→“Flash文档”； 步骤二：点击“修改”→“文档”（或CTRL+J），设置文档属性如图1所示； 图 1 步骤三：选择文字工具 ，并在属性面板，设置文字的属性，并输入文字 “第五师中学欢迎你”如图2所示； 图 2 步骤四：新建一个层，在这个层用画圆工具 绘制一个不带边线的圆形做为遮罩，颜色可任选；并将绘制好的圆转换成“图形类图符”； 步骤五：设置新建层的属性为“遮罩层”，并改图层名称为“遮罩层”； 步骤六：把实例圆拖到文字的左面，如图3所示； 图 3 步骤七：在文字层的第25帧单击鼠标右键插入帧（或按F5键），如图4所示； 图 4 步骤八：在遮罩层的第25帧单击鼠标右键插入关键帧（或按F6键），并将圆拖至文字的右端； 步骤九：“遮罩层”设置补间动画（动作动画），单击鼠标右键，选择“遮罩”如图5所示； 图 5 步骤十：保存FLASH文档，测试、导出影片。 利用“同屏广播”展示学生作品，鼓励学生之间互相交流，最终使得所有学生都能够完成“探照灯效果” 提出问题：（1）在刚才的动画中，如果改变两层的顺序，再利用“遮罩”效果，制作出的动画会有什么改变？ 目标三： 完成今天这堂课的主题“美丽五师”（在同一位置依次显示不同的图片） 教师演示： 步骤一：将素材：第五师北疆红提葡萄、第五师怪石峪风景区、天山美景、赛湖风景等图片，导入到“库”中。 用鼠标点击“文件”“导入”“导入到库…” 步骤二：往被遮罩层第1帧拖入库中刚才导入的图片一张，点击工具箱中的任意变形工具调整图片大小，点击第35帧，插入帧。 步骤三：在遮罩层第1帧绘制一个无边线的矩