《Flash中遮罩层的应用》教案.docVIP

PAGE 6 PAGE 7 《Flash中的遮罩层的应用》教案 授课题目 遮罩动画 教学目标 1．通过实例教学使学生理解Flash中遮罩的含义及原理； 2．通过实例教学使学生学会遮罩图层的建立和遮罩效果的实现方法； 3．学会分析他人的Flash作品并学习其中使用的技术、技巧 4．利用遮罩图层实现文字特效，独立完成一个动画制作。 教学内容 1．FLASH中遮罩动画效果； 2．FLASH中遮罩动画的原理； 3．遮罩层的定义； 4．遮罩动画的实现过程。 教学重点及难点 1．遮罩原理； 2．遮罩动画的制作步骤。 教学方法 利用多媒体课件教学； 以实例演示为设计思想； 通过实例教学，使学生掌握设计方法。 课时安排：2课时 教学过程 一、教学引入： 展示遮罩动画作品。1、探照灯效果。2、电影文字。3、MTV字幕 。4、百叶窗效果。 二、教学内容： （一）“探照灯效果”的实现 1．“探照灯效果”的实现步骤 步骤一：先启动FLASH cs3，在启动界面中选择“创建新项目”→“FLASH文档”； 步骤二：点击“修改”→“文档”（或CTRL+J），设置文档属性如图1所示； 图 1 步骤三：选择文字工具 ，并在属性面板，设置文字的属性，如图2所示； 图 2 步骤四：新建一个层，在这一层用画圆工具 绘制一个不带边线的圆形做为遮罩，颜色可任选；并将绘制好的圆转换成“图形类图符”； 步骤五：设置新建层的属性为“遮罩层”，并改图层名称为“遮罩层”； 注：在此处注意观察遮罩效果，解释遮罩原理。 步骤六：把实例圆拖到文字的左面，如图3所示； 图 3 步骤七：在文字层的第25帧单击鼠标右键插入帧（或按F5键），如图4所示； 图 4 步骤八：在遮罩层的第25帧单击鼠标右键插入关键帧（或按F6键），并将圆拖至文字的右端； 步骤九：“遮罩层”设置补间动画（动作动画），如图5所示； 图 5 步骤十：保存FLASH文档，测试、导出影片。 2．遮罩的原理： （1）遮罩是需要通过两层实现的，上一层叫遮罩层，下一层叫被遮罩层。 （2）遮罩结果显示的是二层的叠加部分，上一层决定看到的形状，下一层决定看到的内容。我们通常也把遮罩层叫做“透通区”，即透过上一层看下一层的内容。 （3）遮罩显示结果的色彩由被遮罩层的色彩决定，即可通过辩别色彩的来源来确定哪一层为被遮罩层。 3．提出问题：（1）在刚才的动画中，如果改变两层的顺序，再利用“遮罩”效果，制作出的动画会有什么改变？ 4．给出5 分钟时间由学生动手仿照老师完成探照灯效果。 5．选择优秀作品展示并回答所提出的问题。 （二） “电影文字”动画的实现 1．电影文字的操作步骤： 步骤一：新建“FLASH文档”，按CTRL+J电影幕布属性修改为长条形。宽为400像素、高为100像素； 步骤二： 单击矩形工具在舞台中画一个无边框的矩形，并填充线性渐变色。如图所示。 步骤三：单击工具栏里面的【填充变形工具】巴举行的垂直填充改变为水平填充。如图所示。 步骤四：新建一个新图层，命名为“文字层”，在第1帧键入静态文本“古典主义创作方法产生于十七世纪的法国，随后风靡于整个欧洲，十七世纪的法国，资本主义有了相当的发展。当时，法王路易十四压制了政治上的反对派，实行中央集权的君主专制统治，同封建割据状态作斗争……”文本颜色随意，并转化为图形元件。如图所示。 步骤五：在“文字层”的第60帧插入关键帧，并创建补间动画。 步骤六：单击?“文字层”第1帧，把“文字”图形元件移动到舞台的下方。如图所示。 步骤七：在第60帧把“文字”图形元件移动到舞台的上方。把图层1延长至第60帧。 步骤八：选中“文字层”，单击右键【遮罩层】命令，创建遮罩效果。如图所示。 步骤九：保存测试，完成。参看源文件电影字幕效果 1．提出问题：只有遮罩层才能设置动画吗？ 2．遮罩原理的补充：遮罩层与被遮罩层都可以设置动画。 作业：学生在课堂上独立完成Flash遮罩层动画的制作。