初中信息技术Flash的遮罩动画教学课件.ppt

1、第十课第十课 遮罩动画遮罩动画探照灯文字教学设探照灯文字教学设计计一、教学目标一、教学目标知识方面知识方面 技能方面技能方面 情感方面情感方面 知识方面知识方面 1、了解遮罩动画的动画效果，掌握遮罩的动画原理。、了解遮罩动画的动画效果，掌握遮罩的动画原理。2、掌握创建遮罩层的方法、掌握创建遮罩层的方法3、理解遮罩与被遮罩的关系、理解遮罩与被遮罩的关系4、掌握遮罩动画的制作要点、掌握遮罩动画的制作要点 技能方面技能方面 培养学生的自学能力。培养学生的自学能力。培养学生创新意识。培养学生创新意识。情感方面情感方面 1、培养学生的创新思维能力。、培养学生的创新思维能力。2、通过实例引导，激发学生的学

2、习兴趣。、通过实例引导，激发学生的学习兴趣。3、理解遮罩与被遮罩的关系、理解遮罩与被遮罩的关系4、掌握遮罩动画的制作要点、掌握遮罩动画的制作要点 二、教学重点二、教学重点1、遮罩动画的制作方法。2、遮罩动画的原理。三、教学难点三、教学难点 1、理解遮罩动画的原理。、理解遮罩动画的原理。四、教学方法四、教学方法观察法、演示法、实践法。五、教学手段与教学媒体五、教学手段与教学媒体1、计算机教室、计算机教室2、教师准备的动画例样（展开画卷、放大镜等动画案例。）、教师准备的动画例样（展开画卷、放大镜等动画案例。）六、课时安排六、课时安排 1课时课时七、教学过程：七、教学过程：一、导入新课教师先播放二个

3、动画（一个上画卷，另一个是放大镱），由此导入课题。A七、教学过程：七、教学过程：一、导入新课教师先播放二个动画（一个上画卷，另一个是放大镱），由此导入课题。B七、教学过程：七、教学过程：一、导入新课教师先播放二个动画（一个上画卷，另一个是放大镱），由此导入课题。c思考思考:这样的动画是怎样制作出来的呢这样的动画是怎样制作出来的呢?画卷的制作方法画卷的制作方法1、新建文件：设置影片属性，大小：300px500px，背景颜色设为白色。2、创建名为“轴”的元件。用矩形工具绘制一个无边线矩形设置如图1，填充渐变颜色。将矩形旋转，水平放置如图2。图1 图2 画卷的制作方法3、创建名为“纸”的元件。绘制一

4、个纸的图形（图3），并将“轴”元件拖到编辑区，调整大小放到纸的上方（图4）。图3图4画卷的制作方法导入画的图片。单击【文件】菜单，选择【导入】命令，弹出导入对话框，导入画的图片。调整画的大小，位置，将画放到纸的中央（如图5）。图5画卷的制作方法4、按ctrl+E键返回主场景。将“图层1”命名为“纸”。单击第1帧，按ctrl+L键打开库窗口，将纸元件拖放到场景中，放在合适的位置。在第70帧处单击鼠标，按F5键，插入帧。如图6。（1）单击“添加图层”按钮，添加一个图层，命名为“遮盖”。单击第一帧，选取矩形工具，在场景中绘制一个矩形，与纸同宽度，或者稍宽，但要比纸长。矩形无边线、填充颜色不限，最好不

5、要与纸同色。（2）选中矩形，按下F8键，将矩形转换为元件。名称栏输入“遮盖”，选中图形项，单击“确定”按钮。画卷的制作方法（3）将矩形放到纸的上方，使其下边缘正好遮住“纸”层的上轴（图7）。在第50帧处插入关键帧，向下移动矩形到正好盖住“纸”层处（图8）。右键单击第1帧，选择创建动画动作命令，在第1帧和第50帧之间创建动画。图7图8画卷的制作方法（4）新建一个图层，命名为“轴”。单击第1帧，将库中的“轴”元件拖到场景中来，调整其大小，放在纸的上方（图9）。单击第50帧，按F6，插入关键，向下移动“轴”元件，放在纸的下方（图10）。在第1帧和第50帧之间创建动画（图11）。图9图10画卷的制作方

6、法（5）右键单击遮罩层，在弹出的菜单中选择遮罩。5、动画制作完成，6、保存文件为“画卷.fla”。效果如右图演示图11小试牛刀（知识拓展环节）学生分组练习。教师播放另外两个动画，让学生观察这个动画，分析这个动画的特点。从而让学生分组完成这个动画制作。遮罩动画通过遮罩层创建。遮罩层是一种特遮罩动画通过遮罩层创建。遮罩层是一种特殊的图层，使用遮罩层后，殊的图层，使用遮罩层后，遮罩层下面的被遮罩遮罩层下面的被遮罩层中的内容就像透过一个窗口显示出来一样，这层中的内容就像透过一个窗口显示出来一样，这个窗口的形状即为遮罩层中的内容形状。个窗口的形状即为遮罩层中的内容形状。当在遮当在遮罩层中绘制对象时，这些

7、对象具有透明效果，可罩层中绘制对象时，这些对象具有透明效果，可以显示出图形位置的背景。以显示出图形位置的背景。小组长推出组代表，进行知识总结。遮罩动画的组成遮罩动画的组成 遮罩动画由遮罩层和被遮罩层组成。遮罩动画由遮罩层和被遮罩层组成。遮遮罩层罩层用于放置遮罩的形状（与颜色无关），用于放置遮罩的形状（与颜色无关），如上例中的矩形。如上例中的矩形。制作遮罩动画与动作补间动画制作遮罩动画与动作补间动画 本例中的遮罩动画是将矩形所在层作为本例中的遮罩动画是将矩形所在层作为遮罩遮罩层层，图片所在层作为，图片所在层作为被遮罩层被遮罩层，通过矩形的运动，通过矩形的运动，将其下方的图画逐渐显示出来。将其下方的图画逐渐显示出来。遮罩层遮罩层/被遮罩层说明被遮罩层说明 遮罩层遮罩层图标为图标为 。将图层转换为遮罩层，并将图层转换为遮罩层，并与下方的图层建立链接关系后，被遮罩层图标比遮与下方的图层建立链接关系后，被遮罩层图标比遮罩层图标缩进一格。遮罩层下层的图层图标将更改罩层图标缩进一格。遮罩层下层的图层图标将更改为为被遮罩层被遮罩层图标图标 ，成为被遮罩层。被遮罩层中成为被遮罩层。被遮罩层中的内容会透过遮罩层中的填充区域显示出来。的内容会透过遮罩层中的填充区域显示出来。