1、第第 8 课课 光辉掠过的文字光辉掠过的文字 教案教案 教学目标教学目标 1通过实例教学使学生理解 Flash 中遮罩的含义及原理; 2通过实例教学使学生学会遮罩图层的建立和遮罩效果的实现方法; 3学会分析他人的 Flash 作品并学习其中使用的技术、技巧 4利用遮罩图层实现文字特效,独立完成一个动画制作。 教学内容教学内容 1FLASH 中遮罩动画效果; 2FLASH 中遮罩动画的原理; 3遮罩层的定义; 4遮罩动画的实现过程。 教学重点及难点教学重点及难点 1遮罩原理; 2遮罩动画的制作步骤。 教学方法教学方法 1利用多媒体课件教学; 2以实例演示为设计思想; 3通过实例教学,使学生掌握设
2、计方法。 课时安排:课时安排:45 分钟 教学过程教学过程 一、教学引入:一、教学引入: 展示遮罩动画作品。1、探照灯效果。2、电影文字。3、MTV字幕 。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)遮罩是需要通过两层实现的,上一层叫遮罩层,下一层叫被遮罩层。 (2)遮罩
4、结果显示的是二层的叠加部分,上一层决定看到的形状,下一层决定看 到的内容。我们通常也把遮罩层叫做“透通区”,即透过上一层看下一层的内容。 (3)遮罩显示结果的色彩由被遮罩层的色彩决定,即可通过辩别色彩的来源来确 定哪一层为被遮罩层。 3提出问题:(1)在刚才的动画中,如果改变两层的顺序,再利用“遮罩”效果, 制作出的动画会有什么改变? 4给出 5 分钟时间由学生动手仿照老师完成探照灯效果。 5选择优秀作品展示并回答所提出的问题。 (二)(二) “电影文字”动画的实现“电影文字”动画的实现 1电影文字的操作步骤: 步骤一:新建“FLASH 文档”,按 CTRL+J 电影幕布属性修改为长条形。宽为
5、 400 像素、高为 100 像素; 步骤二: 单击矩形工具在舞台中画一个无边框的矩形,并填充线性渐变色。如图 所示。 步骤三:单击工具栏里面的【填充变形工具】巴举行的垂直填充改变为水平填充。 如图所示。 步骤四:新建一个新图层,命名为“文字层”,在第 1 帧键入静态文本“古典主义创作 方法产生于十七世纪的法国,随后风靡于整个欧洲,十七世纪的法国,资本主义有了相 当的发展。 当时, 法王路易十四压制了政治上的反对派, 实行中央集权的君主专制统治, 同封建割据状态作斗争”文本颜色随意,并转化为图形元件。如图所示。 步骤五:在“文字层”的第 60 帧插入关键帧,并创建补间动画。 步骤六:单击 “文
6、字层”第 1 帧,把“文字”图形元件移动到舞台的下方。如图所示。 步骤七:在第 60 帧把“文字”图形元件移动到舞台的上方。把图层 1 延长至第 60 帧。 步骤八:选中“文字层”,单击右键【遮罩层】命令,创建遮罩效果。如图所示。 步骤九:保存测试,完成。参看源文件电影字幕效果 1提出问题:只有遮罩层才能设置动画吗? 2遮罩原理的补充:遮罩层与被遮罩层都可以设置动画。 (三)遮罩效果(三)遮罩效果-“MTVMTV 字幕”字幕” 1演示MTV 字幕效果。 2分析MTV字幕的形成。MTV字幕的实现需要三个层,分别为静态的文字层,动态的文 字层和遮罩层。 3操作步骤: 步骤一:新建“FLASH 文档
7、”,按 CTRL+J 电影幕布属性修改为长条形。宽为 400 像素、高为 100 像素; 步骤二:选择文字工具 ,并在属性面板,设置文字的属性,输入文字内容,如图8 所示; 图 8 步骤三:新建图层2,复制图层1的文字内容到图层2,与图层出不穷文字内容对齐,更 改图层2 文字颜色为红色; 步骤四:新建图层,命名为“遮罩层”,在这一层,选择矩形工具,画一个无边线的, 和图层2 一个汉字大小一样的蓝色矩形,如图9 所示; 图 9 步骤五:图层1、图层2第30 帧按F5 键(插入帧); 步骤六:在图层3第15帧处,插入关键帧,并将矩形变形为覆盖“宁静的夏天”五个字 的矩形条,如图10 所示; 图 1
8、0 步骤七:点击图层3 第1帧处在属性面板设置补间动画为形状动画; 步骤八:在图层3第20帧处,插入关键帧,画一个矩形,覆盖“天”字,如图11所示; 图 11 步骤九:在图层3第20帧处,插入关键帧,将覆盖“天”字的矩形变形为覆盖“天空中 繁星点点”的矩形条,如图12所示; 图 12 步骤十:图层3 设置为遮罩层; 步骤十一:保存FLASH文档,测试、导出影片。 三、总结三、总结: 本节课主要讲解如何利用 Flash 中的遮罩来制作动画。通过这节课的学习,同学要 掌握以下的几个概念: 1要产生遮罩,至少要有两层:遮罩层和被遮罩层。 2遮罩层决定看到的形状,被遮罩层决定看到的内容。即用遮罩层的可
9、显示区域 (即通透区)来显示被遮罩层的内容。 3遮罩层与被遮罩层的设置及取消方法。 四、课后作业四、课后作业: 1请将你在本节课中制作好的动画,颠倒遮罩层和被遮层的位置,看一看有什么 效果? 2仿照老师的实例,自己动手完成遮罩效果:电影文字和 MTV 字幕。 3参考提供学习网站的遮罩动画实例,选做一两个具有遮罩效果的复杂动画实例。 学习参考网站:学习参考网站: 1flash mx 2004 教程: 2洪恩在线: 板书设计:板书设计: 遮罩动画效果 复习: 一、遮罩的原理 1两层 遮罩层在上层,被遮罩层在下层。 2遮罩层:形状 被遮罩层:色彩 二、遮罩层的设置方法 1、右键菜单遮罩层 2、属性菜单项 三、遮罩效果 1、探照灯效果 2、电影文字 3、MTV 字幕 4、百叶窗 效果等。 补间动画:动作动 画和形状动画。 层.:普通层、导向 层和遮罩层 教学思考教学思考: Flash 的教学中我没有反复地讲工具栏中各个菜单的用法,而是每节课 演示不同的 Flash 实例,学生通过亲自动手制作这些 Flash 实例,逐渐发现并掌握了许 多工具及菜单的用法。这样的学习方式,既有趣,又可以让同学们学到知识。更重要的 是同学们可以参与到老师的教学中,体会到了动脑筋的乐趣。
侵权处理QQ:3464097650--上传资料QQ:3464097650
【声明】本站为“文档C2C交易模式”,即用户上传的文档直接卖给(下载)用户,本站只是网络空间服务平台,本站所有原创文档下载所得归上传人所有,如您发现上传作品侵犯了您的版权,请立刻联系我们并提供证据,我们将在3个工作日内予以改正。