Flash中的遮罩动画效果.doc

Flash中的遮罩动画效果.doc

ID:28099649

大小:158.50 KB

页数:9页

时间:2018-12-08

Flash中的遮罩动画效果.doc_第1页
Flash中的遮罩动画效果.doc_第2页
Flash中的遮罩动画效果.doc_第3页
Flash中的遮罩动画效果.doc_第4页
Flash中的遮罩动画效果.doc_第5页
资源描述:

《Flash中的遮罩动画效果.doc》由会员上传分享,免费在线阅读,更多相关内容在学术论文-天天文库

1、Flash中的遮罩动画效果《Flash中的遮罩动画效果》教案授课题目遮罩动画教学目标1.通过实例教学使学生理解Flash中遮罩的含义及原理;2.通过实例教学使学生学会遮罩图层的建立和遮罩效果的实现方法;3.使学生学会在排序面板中对对象进行排序;4.学会分析他人的Flash作品并学习其中使用的技术、技巧5.通过整个教学过程,培养学生的自学能力与小组合作、创新精神。教学内容1.FLASH中遮罩动画效果;2.FLASH中遮罩动画的原理;3.遮罩层的定义;4.遮罩动画的实现过程。教学重点及难点1.遮罩原理;2.遮罩动画

2、的制作步骤。教学方法1.利用多媒体课件教学;2.以实例演示为设计思想;3.通过实例教学,使学生掌握设计方法。教材《中文版FlashMX2004标准教程》张继皇等编著,海洋出版社。教学参考书《中文版FlashMX2004基础教程与操作实录》金超编著,清华大学出版社。课时安排:45分钟教学过程一、教学引入:展示遮罩动画作品。1、探照灯效果。2、电影文字。3、鼠标拖曳效果。4、百叶窗效果。二、教学内容:(一)“探照灯效果”的实现1.“探照灯效果”的实现步骤步骤一:先启动FLASHMX2004,在启动界面中选择“创建新

3、项目”→“FLASH文档”;步骤二:点击“修改”→“文档”(或CTRL+J),设置文档属性如图1所示;图1步骤三:选择文字工具,并在属性面板,设置文字的属性,如图2所示;图2步骤四:新建一个层,在这一层用画圆工具绘制一个不带边线的圆形做为遮罩,颜色可任选;并将绘制好的圆转换成“图形类图符”;步骤五:设置新建层的属性为“遮罩层”,并改图层名称为“遮罩层”;注:在此处注意观察遮罩效果,解释遮罩原理。步骤六:把实例圆拖到文字的左面,如图3所示;图3步骤七:在文字层的第25帧单击鼠标右键插入帧(或按F5键),如图4所示

4、;图4步骤八:在遮罩层的第25帧单击鼠标右键插入关键帧(或按F6键),并将圆拖至文字的右端;步骤九:“遮罩层”设置补间动画(动作动画),如图5所示;图5步骤十:保存FLASH文档,测试、导出影片。2.遮罩的原理:(1)遮罩是需要通过两层实现的,上一层叫遮罩层,下一层叫被遮罩层。(2)遮罩结果显示的是二层的叠加部分,上一层决定看到的形状,下一层决定看到的内容。我们通常也把遮罩层叫做“透通区”,即透过上一层看下一层的内容。(3)遮罩显示结果的色彩由被遮罩层的色彩决定,即可通过辩别色彩的来源来确定哪一层为被遮罩层。3

5、.提出问题:(1)在刚才的动画中,如果改变两层的顺序,再利用“遮罩”效果,制作出的动画会有什么改变?4.给出5分钟时间由学生动手仿照老师完成探照灯效果。5.选择优秀作品展示并回答所提出的问题。(二)“电影文字”动画的实现1.电影文字的操作步骤:步骤一:新建“FLASH文档”,按CTRL+J电影幕布属性修改为长条形。宽为400像素、高为100像素;步骤二:选择文字工具,并在属性面板,设置文字的属性,输入文字内容;步骤三:新建图层2,导入一幅图画,“文件”→“导入”→“导入到舞台”;步骤四:把图层2拖至图层1下方;

6、步骤五:图层1第30帧按F5键(插入帧),并将图层1设置为遮罩层;步骤六:图层2导入的图像如图6所示,将图像的下边界与文字的下边界对齐;图6步骤七:在图层2第30帧处按F6键(插入关键帧),将图像的上边界与文字的上边界对齐,并创建运动动画,如图7所示;图7步骤八:保存FLASH文档,测试、导出影片。2.提出问题:(2)只有遮罩层才能设置动画吗?3.遮罩原理的补充:遮罩层与被遮罩层都可以设置动画。(三)遮罩效果--“MTV字幕”1.演示MTV字幕效果。2.分析MTV字幕的形成。MTV字幕的实现需要三个层,分别为静

7、态的文字层,动态的文字层和遮罩层。3.操作步骤:步骤一:新建“FLASH文档”,按CTRL+J电影幕布属性修改为长条形。宽为400像素、高为100像素;步骤二:选择文字工具,并在属性面板,设置文字的属性,输入文字内容,如图8所示;图8步骤三:新建图层2,复制图层1的文字内容到图层2,与图层出不穷文字内容对齐,更改图层2文字颜色为红色;步骤四:新建图层,命名为“遮罩层”,在这一层,选择矩形工具,画一个无边线的,和图层2一个汉字大小一样的蓝色矩形,如图9所示;图9步骤五:图层1、图层2第30帧按F5键(插入帧);步

8、骤六:在图层3第15帧处,插入关键帧,并将矩形变形为覆盖“宁静的夏天”五个字的矩形条,如图10所示;图10步骤七:点击图层3第1帧处在属性面板设置补间动画为形状动画;步骤八:在图层3第20帧处,插入关键帧,画一个矩形,覆盖“天”字,如图11所示;图11步骤九:在图层3第20帧处,插入关键帧,将覆盖“天”字的矩形变形为覆盖“天空中繁星点点”的矩形条,如图12所示;图12步骤十:图层3设置

当前文档最多预览五页,下载文档查看全文

此文档下载收益归作者所有

当前文档最多预览五页,下载文档查看全文
温馨提示:
1. 部分包含数学公式或PPT动画的文件,查看预览时可能会显示错乱或异常,文件下载后无此问题,请放心下载。
2. 本文档由用户上传,版权归属用户,天天文库负责整理代发布。如果您对本文档版权有争议请及时联系客服。
3. 下载前请仔细阅读文档内容,确认文档内容符合您的需求后进行下载,若出现内容与标题不符可向本站投诉处理。
4. 下载文档时可能由于网络波动等原因无法下载或下载错误,付费完成后未能成功下载的用户请联系客服处理。