1、Flash的遮罩动画,德惠市第十三中学,第十课 遮罩动画探照灯文字教学设计,一、教学目标,知识方面,技能方面,情感方面,二、教学重点,三、教学难点,四、教学方法,五、教学手段与教学媒体,六、课时安排 1课时,七、教学过程：,一、导入新课教师先播放二个动画（一个上画卷，另一个是放大镱），由此导入课题。,A,七、教学过程：,一、导入新课教师先播放二个动画（一个上画卷，另一个是放大镱），由此导入课题。,B,七、教学过程：,一、导入新课教师先播放二个动画（一个上画卷，另一个是放大镱），由此导入课题。,c,思考:这样的动画是怎样制作出来的呢?,画卷的制作方法,讲授新课,画卷的制作方法,1、新建文件：设置
2、影片属性，大小：300px500px，背景颜色设为白色。2、创建名为“轴”的元件。用矩形工具绘制一个无边线矩形设置如图1，填充渐变颜色。将矩形旋转，水平放置如图2。,图1,图2,画卷的制作方法,3、创建名为“纸”的元件。绘制一个纸的图形（图3），并将“轴”元件拖到编辑区，调整大小放到纸的上方（图4）。,图3,图4,画卷的制作方法,导入画的图片。单击【文件】菜单，选择【导入】命令，弹出导入对话框，导入画的图片。调整画的大小，位置，将画放到纸的中央（如图5）。,图5,画卷的制作方法,4、按ctrl+E键返回主场景。将“图层1”命名为“纸”。单击第1帧，按ctrl+L键打开库窗口，将纸元件拖放到场景
3、中，放在合适的位置。在第70帧处单击鼠标，按F5键，插入帧。如图6。,（1）单击“添加图层”按钮，添加一个图层，命名为“遮盖”。单击第一帧，选取矩形工具，在场景中绘制一个矩形，与纸同宽度，或者稍宽，但要比纸长。矩形无边线、填充颜色不限，最好不要与纸同色。（2）选中矩形，按下F8键，将矩形转换为元件。名称栏输入“遮盖”，选中图形项，单击“确定”按钮。,画卷的制作方法,（3）将矩形放到纸的上方，使其下边缘正好遮住“纸”层的上轴（图7）。在第50帧处插入关键帧，向下移动矩形到正好盖住“纸”层处（图8）。右键单击第1帧，选择创建动画动作命令，在第1帧和第50帧之间创建动画。,图7,图8,画卷的制作方法
4、,（4）新建一个图层，命名为“轴”。单击第1帧，将库中的“轴”元件拖到场景中来，调整其大小，放在纸的上方（图9）。单击第50帧，按F6，插入关键，向下移动“轴”元件，放在纸的下方（图10）。在第1帧和第50帧之间创建动画（图11）。,图9,图10,画卷的制作方法,（5）右键单击遮罩层，在弹出的菜单中选择遮罩。5、动画制作完成，6、保存文件为“画卷.fla”。效果如右图演示,图11,小试牛刀（知识拓展环节）,学生分组练习。,教师播放另外两个动画，让学生观察这个动画，分析这个动画的特点。从而让学生分组完成这个动画制作。,遮罩动画通过遮罩层创建。遮罩层是一种特殊的图层，使用遮罩层后，遮罩层下面的被遮
5、罩层中的内容就像透过一个窗口显示出来一样，这个窗口的形状即为遮罩层中的内容形状。当在遮罩层中绘制对象时，这些对象具有透明效果，可以显示出图形位置的背景。,小组长推出组代表，进行知识总结。,遮罩动画的组成,遮罩动画由遮罩层和被遮罩层组成。遮罩层用于放置遮罩的形状（与颜色无关），如上例中的矩形。,制作遮罩动画与动作补间动画,本例中的遮罩动画是将矩形所在层作为遮罩层，图片所在层作为被遮罩层，通过矩形的运动，将其下方的图画逐渐显示出来。,遮罩层/被遮罩层说明,遮罩层图标为。将图层转换为遮罩层，并与下方的图层建立链接关系后，被遮罩层图标比遮罩层图标缩进一格。遮罩层下层的图层图标将更改为被遮罩层图标，成为被遮罩层。被遮罩层中的内容会透过遮罩层中的填充区域显示出来。,
