《遮罩动画》参考教案.doc
PAGE
第7课遮罩动画
课题
第1课时
课时
初二(*)班
授课班级
了解遮罩动画的基本原理。
知识目标
在操作过程中使用遮罩作用制作各种吸引人的优美动画。
智能目标
提高学生的团队协作意识。
提高学生Flash的兴趣。
感情德育
掌握遮罩层和被遮罩层的区别。
学会在实践上正确利用遮罩操作步骤进行操作。
难点重点
教材、电脑。
教学用品
播放一段“用放大镜查看文字”的flash动画,导入新课。
导入新课
教学过程
Flash中还有一种特殊的图层——遮罩层。灵活运用遮罩层,可以产生一些特殊的动画效果。这一课将从制作一个简单的遮罩层动画开始,逐步了解遮罩动画的基本原理,学习有关的制作方法。
一、简单的遮罩动画
最简单的遮罩动画只需要两个图层。下面以制作一行文字自左向右出现的动画为例,初步学习和了解遮罩动画的基本知识。下图是文字出现的最后一帧画面。
制作“让我们荡起双桨”遮罩动画。
第1步:启动Flash,新建一个600px×100px的文档,把文档以文件名“文字出现.fla”保存在自己的文件夹里。
第2步:把“时间轴”面板中的“图层1”改名为“矩形”。
第3步:选定工具箱中的“矩形”工具,笔触颜色设为无色,把填充颜色设为七彩的线性渐变色,然后在舞台中画一个高度与舞台相当的矩形。
第4步:把矩形转换为元件,把矩形转换成名为“矩形”的图形元件。这时,舞台中的矩形就是“矩形”元件的实例。
第5步:在“矩形”图层上面插入一个图层,把它改名为“文字”。
第6步:选定“文字”图层的第1帧,利用“插入文字”工具,在舞台的中间位置输入文字“让我们荡起双桨”并设定适当的格式。最后在该图层的第25帧处插入一般帧,使文字延续到第25帧。
第7步:单击“矩形”图层的第1帧,利用“选择”工具,把舞台中的矩形拖动到文字的最左侧。
第8步:在“矩形”图层的第25帧处插入一个关键帧。利用“任意变形”工具把矩形拉长,使它覆盖整行文字。
第9步:“矩形”图层的第1帧到底25帧之间生成一段动作补间动画。敲回车键,就可以看到矩形移动的过程。
第10步:右击“文字”图层,在弹出的快捷菜单中单击“遮罩层”命令。这时,“时间轴”面板上的“文字”图层时遮罩层,“矩形”图层时被遮罩层。
被遮罩层遮罩层
被遮罩层
遮罩层
板书设计
第7课遮罩动画
一、简单的遮罩动画
教学反思
在这节课的任务驱动下,通过创设情境激发学生兴趣,提出问题,学生自主探究,让学生在学习中感受制作动画的趣味性,在完成任务过程中掌握重点知识,完成了难点任务。
作业
制作一个简单的遮罩动画。
第7课遮罩动画
课题
第2课时
课时
初二(*)班
授课班级
了解遮罩动画的基本原理。
知识目标
在操作过程中使用遮罩作用制作各种吸引人的优美动画。
智能目标
提高学生的团队协作意识。
提高学生Flash的兴趣。
感情德育
掌握遮罩层和被遮罩层的区别。
学会在实践上正确利用遮罩操作步骤进行操作。
难点重点
教材、电脑。
教学用品
播放一段“用放大镜查看文字”的flash动画,导入新课。
导入新课
教学过程
二、较复杂的遮罩动画
在前面的操作中,我们学习了制作遮罩动画的基本方法。下面以制作用放大镜查看文字的动画为例,介绍灵活运用遮罩曾制作较复杂动画的基本思路。
开始时的画面结束时的画面
1.制作文字图层
要制作这个动画,可以把放大前和放大后的文字分别放在两个图层中,使对应文字的位置大体重叠,然后为放大后的文字制作一个遮罩层,使放大后的文字逐一显示出来。
制作“小字”和“放大字”图层。
第1步:单击工具栏中的“新建”按钮,新建一个文档。适当设定舞台的大小和背景色,然后以“放大镜.fla”为文件名保存在自己的文件夹里。
第2步:把“时间轴”面板中的“图层1”改名为“小字”,然后在舞台中输入字号较小的文字“中华人民共和国”。
第3步:新建一个图层,把图层名改为“放大字”,然后再舞台中输入字号较大、字体与小字相同的文字“中华人民共和国”。
第4步:选定“选择”工具,单击“小字”图层的第1帧,小字会处于选定状态。执行“修改→分离”命令,7个小字就会从一个文本框中分离出来。
第5步:仿照第4步,把“放大字“图层中的文字分离。
第6步:利用“选择”工具拖动哥哥文本框,调整他们的位置,使两个图层中的文字大体重叠(在一个图层中操作时可先锁定另一个图层)。
第7步:敲F5键,分别在“小字”图层和“放大字”图层的第50帧处插入一般帧,然后锁定这两个图层。
2.制作遮罩层
从上面可以看出,遮罩层中表示放大镜的“孔”应该是一个圆,透过这个“孔”看到的是放大的文字。
制作