《遮罩动画.docx》由会员分享，可在线阅读，更多相关《遮罩动画.docx（7页珍藏版）》请在三一文库上搜索。
1、 Flash 中的遮罩动画效果教案教学目标1通过实例教学使学生理解Flash 中遮罩的含义及原理；2通过实例教学使学生学会遮罩图层的建立和遮罩效果的实现方法；3使学生学会在排序面板中对对象进行排序；4学会分析他人的Flash 作品并学习其中使用的技术、技巧5通过整个教学过程，培养学生的自学能力与小组合作、创新精神。教学内容1FLASH 中遮罩动画效果；2FLASH 中遮罩动画的原理；3遮罩层的定义；4遮罩动画的实现过程。教学重点及难点1遮罩原理；2遮罩动画的制作步骤。教学方法1利用多媒体课件教学；2以实例演示为设计思想；3通过实例教学，使学生掌握设计方法。教材中文版 Flash MX2004
2、标准教程张继皇等编著，海洋出版社。教学参考书中文版 Flash MX2004 基础教程与操作实录 金超编著，清华大学出版社。课时安排： 45 分钟教学过程一、教学引入：展示遮罩动画作品。 1、探照灯效果。 2、电影文字。 3、鼠标拖曳效果。 4、百叶窗效果。二、教学内容：（一）“探照灯效果”的实现1“探照灯效果”的实现步骤步骤一：先启动 FLASH cs3，在启动界面中选择“创建新项目”“FLASH 文档”；步骤二：点击“修改”“文档”（或 CTRL+J），设置文档属性如图 1 所示；图 1步骤三：选择文字工具，并在属性面板，设置文字的属性，如图 2 所示；图 2步骤四：新建一个层，在这一层用
3、画圆工具 绘制一个不带边线的圆形做为遮罩，颜色可任选；并将绘制好的圆转换成“图形类图符”；步骤五：设置新建层的属性为“遮罩层”，并改图层名称为“遮罩层”；注：在此处注意观察遮罩效果，解释遮罩原理。步骤六：把实例圆拖到文字的左面，如图 3 所示；图 3步骤七：在文字层的第 25 帧单击鼠标右键插入帧（或按 F5 键），如图 4 所示；图 4步骤八：在遮罩层的第 25 帧单击鼠标右键插入关键帧（或按 F6键），并将圆拖至文字的右端；步骤九：“遮罩层”设置补间动画（动作动画），如图 5 所示；图 5步骤十：保存 FLASH文档，测试、导出影片。2遮罩的原理：（1）遮罩是需要通过两层实现的，上一层叫遮
4、罩层，下一层叫被遮罩层。（2）遮罩结果显示的是二层的叠加部分，上一层决定看到的形状，下一层决定看到的内容。 我们通常也把遮罩层叫做“透通区”，即透过上一层看下一层的内容。（3）遮罩显示结果的色彩由被遮罩层的色彩决定，即可通过辩别色彩的来源来确定哪一层为被遮罩层。3提出问题：（1）在刚才的动画中，如果改变两层的顺序，再利用“遮罩”效果，制作出的动画会有什么改变？4给出 5 分钟时间由学生动手仿照老师完成探照灯效果。5选择优秀作品展示并回答所提出的问题。（二）“电影文字”动画的实现1电影文字的操作步骤：步骤一：新建“ FLASH 文档”，按 CTRL+J 电影幕布属性修改为长条形。宽为 400 像
5、素、高为 100 像素；步骤二：选择文字工具 ，并在属性面板，设置文字的属性，输入文字内容；步骤三：新建图层 2，导入一幅图画，“文件”“导入”“导入到舞台”；步骤四：把图层 2 拖至图层 1 下方；步骤五：图层 1 第 30 帧按 F5 键（插入帧），并将图层 1 设置为遮罩层；步骤六：图层 2 导入的图像如图 6 所示，将图像的下边界与文字的下边界对齐；图 6步骤七：在图层 2 第 30 帧处按 F6 键（插入关键帧），将图像的上边界与文字的上边界对齐，并创建运动动画，如图 7 所示；图 7步骤八：保存 FLASH文档，测试、导出影片。2提出问题：（2）只有遮罩层才能设置动画吗？3遮罩原理
6、的补充：遮罩层与被遮罩层都可以设置动画。（三）遮罩效果- “MTV字幕”1演示 MTV字幕效果。2分析 MTV字幕的形成。MTV字幕的实现需要三个层，分别为静态的文字层，动态的文字层和遮罩层。3操作步骤：步骤一：新建“ FLASH 文档”，按 CTRL+J 电影幕布属性修改为长条形。宽为 400 像素、高为 100 像素；步骤二：选择文字工具，并在属性面板，设置文字的属性，输入文字内容，如图 8 所示；图 8步骤三：新建图层 2，复制图层 1 的文字内容到图层 2，与图层出不穷文字内容对齐，更改图层 2 文字颜色为红色；步骤四：新建图层，命名为“遮罩层”，在这一层，选择矩形工具，画一个无边线的
7、，和图层 2 一个汉字大小一样的蓝色矩形，如图 9 所示；图 9步骤五：图层 1、图层 2 第 30 帧按 F5 键（插入帧）；步骤六：在图层 3 第 15 帧处，插入关键帧，并将矩形变形为覆盖“宁静的夏天”五个字的矩形条，如图 10 所示；图 10步骤七：点击图层 3 第 1 帧处在属性面板设置补间动画为形状动画；步骤八：在图层 3 第 20 帧处，插入关键帧，画一个矩形，覆盖“天”字，如图11 所示；图 11步骤九：在图层 3 第 20 帧处，插入关键帧，将覆盖“天”字的矩形变形为覆盖“天空中繁星点点”的矩形条，如图 12 所示；图 12步骤十：图层 3 设置为遮罩层；步骤十一：保存 FLASH文档，测试、导出影片。三、总结 ：本节课主要讲解如何利用 Flash 中的遮罩来制作动画。通过这节课的学习，同学要掌握以下的几个概念：1要产生遮罩，至少要有两层：遮罩层和被遮罩层。2遮罩层决定看到的形状，被遮罩层决定看到的内容。即用遮罩层的可显示区域（即通透区）来显示被遮罩层的内容。3遮罩层与被遮罩层的设置及取消方法。