文档详情

《遮罩动画》参考教案.doc

发布:2025-02-23约3.55千字共6页下载文档
文本预览下载声明

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.制作遮罩层

从上面可以看出,遮罩层中表示放大镜的“孔”应该是一个圆,透过这个“孔”看到的是放大的文字。

制作

显示全部
相似文档