《遮罩动画》参考教案

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.制作遮罩层从上面可以看出，遮罩层中表示放大镜的“孔”应该是一个圆，透过这个“孔”看到的是放大的文字。制作“放大字”遮罩层第1步：选定“放大字”图层，在上面插入一个图层，并改名为“放大字遮罩”。第2步：选定“椭圆”工具，把笔触颜色设为无色。按住Shift键的同时，在舞台中拖动鼠标画一个圆。第3步：利用“箭头”工具，把圆拖到舞台“中”字的上面。利用“属性”面板调整圆的宽和高，使宽和高的值相同，并盖住“中”字。选定这个圆，把它转换成名为“圆形”的图形元件。第4步：在“放大字遮罩”图层的第50帧处插入一个关键帧。把舞台中的圆拖到“国”字上面。第5步：右击“放大字遮罩”图层的第1帧，在弹出的快捷菜单中单击“创建补间动画”命令，在1～50帧之间生成一段圆从左向右移动的动画。第6步：右击图层名称“放大字遮罩”，弹出快捷菜单时，选定“遮罩层”命令。这时，舞台上的“华”“人”“民”“共”“和”“国”这6个大字就被遮罩起来了。制作“小字”遮罩层第1步：在“小字”图层上面插入一个图层，改名为“小字遮罩”。第2步：选定“矩形”工具，在舞台中画一个无边界颜色的黑色矩形。调整它的大小，使它高于“圆形”元件，宽度是整行小字所占宽度的两倍。第3步：敲F11键打开“库”面板，把“图形”元件拖到舞台中矩形的中间位置。执行“修改→分离”命令，把这个“圆形”实例分离。第4步：选定“箭头”工具，单击矩形中圆形以外的区域，取消圆形的选定状态。再单击圆形所在的位置，使它重新处于选定状态。第5步：敲一下Delete键，选定的圆形区域就删掉了，这时，矩形上相当于被挖了一个孔。第6步：选定矩形，利用“插入→转换为元件”命令，把它转换成名为“带圆孔的矩形幕布”的图形元件。第7步：把矩形一道文字上面，使矩形中的圆“孔”恰好显示在“中”字上面。第8步：在“小字遮罩”图层的第50帧处插入关键正，拖动矩形，使矩形中的“孔”恰好显示在“国”字上。第9步：在1～50帧之间生成一段动作补间动画。第10步：把“小字遮罩”图层设为遮罩层。3.制作放大镜移动的动画为了使放大的效果更佳逼真，可以再添加一个图层，制作一个移动的放大镜动画，使之与“放大字遮罩”图层中的圆同步移动。制作放大镜移动的动画。第1步：执行“插入→新建元件”命令，在对话框中输入名称“放大镜”，选定“图形”选项，单击确定按钮进入元件编辑区。第2步：选定工具箱中的“椭圆”工具，在“属性”面板中把笔触颜色设为深灰色，填充颜色设为无色。第3步：按住Shift键的同时拖动鼠标，在编辑区中画一个空心圆，然后再“属性”面板中把这个圆的宽和高设成与“圆形”元件中的圆相同。第4步：按住Shift键并拖动鼠标，在画一个稍大一点的空心圆。第5步：执行“窗口→对齐”命令，打开“对齐”面板，选定“箭头”工具，然后单击小一点的圆，在单击“对齐”面板右侧的按钮，以及对齐栏中的按钮和按钮，这个小圆就会编辑区里剧中对齐。第6步：仿照第5步，把大圆也设为剧中对齐。选定“填充”工具，把填充颜色设为黑色，然后再两个圆之间的区域单击，使这个区域填上黑色，形成一个圆环。第7步：选定“矩形”工具，在“属性”面板中把笔触颜色设为无色，把填充颜色设为由白到黑的线性渐变色，然后在编辑区画一个矩形。第8步：选定“箭头”工具，把指针移到矩形的右边缘，指针变成形时往右拖动，适当改变