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

Flash的遮罩动画德惠市第十三中学第十课遮罩动画——探照灯文字教学设计Flash的遮罩动画德惠市第十三中学第十课遮罩1一、教学目标知识方面

技能方面

情感方面

一、教学目标知识方面技能方面情感方面2知识方面

1、了解遮罩动画的动画效果，掌握遮罩的动画原理。

2、掌握创建遮罩层的方法3、理解遮罩与被遮罩的关系4、掌握遮罩动画的制作要点

知识方面1、了解遮罩动画的动画效果，掌握遮罩的动画原理。3技能方面

培养学生的自学能力。

培养学生创新意识。

技能方面培养学生的自学能力。培养学生创新意识。4情感方面

1、培养学生的创新思维能力。

2、通过实例引导，激发学生的学习兴趣。3、理解遮罩与被遮罩的关系4、掌握遮罩动画的制作要点

情感方面1、培养学生的创新思维能力。2、通过实例引导，激5二、教学重点1、遮罩动画的制作方法。2、遮罩动画的原理。二、教学重点1、遮罩动画的制作方法。2、遮罩动画的原理。6三、教学难点

1、理解遮罩动画的原理。三、教学难点1、理解遮罩动画的原理。7四、教学方法观察法、演示法、实践法。四、教学方法观察法、演示法、实践法。8五、教学手段与教学媒体1、计算机教室2、教师准备的动画例样（展开画卷、放大镜等动画案例。）

五、教学手段与教学媒体1、计算机教室2、教师准备的动画例样（9六、课时安排1课时六、课时安排1课时10七、教学过程：一、导入新课教师先播放二个动画（一个上画卷，另一个是放大镱），由此导入课题。A七、教学过程：一、导入新课A11七、教学过程：一、导入新课教师先播放二个动画（一个上画卷，另一个是放大镱），由此导入课题。B七、教学过程：一、导入新课B12七、教学过程：一、导入新课教师先播放二个动画（一个上画卷，另一个是放大镱），由此导入课题。c七、教学过程：一、导入新课c13思考:这样的动画是怎样制作出来的呢?思考:这样的动画是怎样制作出来的呢?14画卷的制作方法讲授新课画卷的制作方法讲授新课15画卷的制作方法1、新建文件：设置影片属性，大小：300px×500px，背景颜色设为白色。2、创建名为“轴”的元件。用矩形工具绘制一个无边线矩形设置如图1，填充渐变颜色。将矩形旋转，水平放置如图2。图1图2画卷的制作方法1、新建文件：设置影片属性，大小：300px×16画卷的制作方法3、创建名为“纸”的元件。绘制一个纸的图形（图3），并将“轴”元件拖到编辑区，调整大小放到纸的上方（图4）。图3图4画卷的制作方法3、创建名为“纸”的元件。绘制一个纸的图形（图17画卷的制作方法导入画的图片。单击【文件】菜单，选择【导入】命令，弹出导入对话框，导入画的图片。调整画的大小，位置，将画放到纸的中央（如图5）。图5画卷的制作方法导入画的图片。单击【文件】菜单，选择【导入】命18画卷的制作方法4、按ctrl+E键返回主场景。将“图层1”命名为“纸”。单击第1帧，按ctrl+L键打开库窗口，将纸元件拖放到场景中，放在合适的位置。在第70帧处单击鼠标，按F5键，插入帧。如图6。（1）单击“添加图层”按钮，添加一个图层，命名为“遮盖”。单击第一帧，选取〔矩形〕工具，在场景中绘制一个矩形，与纸同宽度，或者稍宽，但要比纸长。矩形无边线、填充颜色不限，最好不要与纸同色。（2）选中矩形，按下F8键，将矩形转换为元件。名称栏输入“遮盖”，选中图形项，单击“确定”按钮。画卷的制作方法4、按ctrl+E键返回主场景。将“图层1”命19画卷的制作方法（3）将矩形放到纸的上方，使其下边缘正好遮住“纸”层的上轴（图7）。在第50帧处插入关键帧，向下移动矩形到正好盖住“纸”层处（图8）。右键单击第1帧，选择「创建动画动作」命令，在第1帧和第50帧之间创建动画。图7图8画卷的制作方法（3）将矩形放到纸的上方，使其下边缘正好遮住“20画卷的制作方法（4）新建一个图层，命名为“轴”。单击第1帧，将库中的“轴”元件拖到场景中来，调整其大小，放在纸的上方（图9）。单击第50帧，按F6，插入关键，向下移动“轴”元件，放在纸的下方（图10）。在第1帧和第50帧之间创建动画（图11）。图9图10画卷的制作方法（4）新建一个图层，命名为“轴”。单击第1帧，21画卷的制作方法（5）右键单击遮罩层，在弹出的菜单中选择「遮罩」。5、动画制作完成，6、保存文件为“画卷.fla”。效果如右图演示图11画卷的制作方法（5）右键单击遮罩层，在弹出的菜单中选择「遮罩22小试牛刀（知识拓展环节）学生分组练习。教师播放另外两个动画，让学生观察这个动画，分析这个动画的特点。从而让学生分组完成这个动画制作。小试牛刀（知识拓展环节）学生分组练习。教师播放另外两个动画23

遮罩动画通过遮罩层创建。遮罩层是一种特殊的图层，使用遮罩层后，遮罩层下面的被遮罩层中的内容就像透过一个窗口显示出来一样，这个窗口的形状即为遮罩层中的内容形状。当在遮罩层中绘制对象时，这些对象具有透明效果，可以显示出图形位置的背景。小组长推出组代表，进行知识总结。遮罩动画通过遮罩层创建。遮罩层是一种特殊24遮罩动画的组成

遮罩动画由遮罩层和被遮罩层组成。遮罩层用于放置遮罩的形状（与颜色无关），如上例中的矩形。遮罩动画的组成遮罩动画由遮罩层和被遮罩层25制作遮罩动画与动作补间动画

本例中的遮罩动画是将矩形所在层作为遮罩层，图片所在层作为被遮罩层，通过矩形的运动，将其下方的图画逐渐显示出来。制作遮罩动画与动作补间动画本例中的遮罩26遮罩层/被遮罩层说明

遮罩层图标为。将图层转换为遮罩层，并与下方的图层建立链接关系后，被遮罩层图标比遮罩层图标缩进一格。遮罩层下层的图层图标将更改为被遮罩层图标，成为被遮罩层。被遮罩层中的内容会透过遮罩层中的填充区域显示出来。遮罩层/被遮罩层说明遮罩层图标为27Flash的遮罩动画德惠市第十三中学第十课遮罩动画——探照灯文字教学设计Flash的遮罩动画德惠市第十三中学第十课遮罩28一、教学目标知识方面

技能方面

情感方面

一、教学目标知识方面技能方面情感方面29知识方面

1、了解遮罩动画的动画效果，掌握遮罩的动画原理。

2、掌握创建遮罩层的方法3、理解遮罩与被遮罩的关系4、掌握遮罩动画的制作要点

知识方面1、了解遮罩动画的动画效果，掌握遮罩的动画原理。30技能方面

培养学生的自学能力。

培养学生创新意识。

技能方面培养学生的自学能力。培养学生创新意识。31情感方面

1、培养学生的创新思维能力。

2、通过实例引导，激发学生的学习兴趣。3、理解遮罩与被遮罩的关系4、掌握遮罩动画的制作要点

情感方面1、培养学生的创新思维能力。2、通过实例引导，激32二、教学重点1、遮罩动画的制作方法。2、遮罩动画的原理。二、教学重点1、遮罩动画的制作方法。2、遮罩动画的原理。33三、教学难点

1、理解遮罩动画的原理。三、教学难点1、理解遮罩动画的原理。34四、教学方法观察法、演示法、实践法。四、教学方法观察法、演示法、实践法。35五、教学手段与教学媒体1、计算机教室2、教师准备的动画例样（展开画卷、放大镜等动画案例。）

五、教学手段与教学媒体1、计算机教室2、教师准备的动画例样（36六、课时安排1课时六、课时安排1课时37七、教学过程：一、导入新课教师先播放二个动画（一个上画卷，另一个是放大镱），由此导入课题。A七、教学过程：一、导入新课A38七、教学过程：一、导入新课教师先播放二个动画（一个上画卷，另一个是放大镱），由此导入课题。B七、教学过程：一、导入新课B39七、教学过程：一、导入新课教师先播放二个动画（一个上画卷，另一个是放大镱），由此导入课题。c七、教学过程：一、导入新课c40思考:这样的动画是怎样制作出来的呢?思考:这样的动画是怎样制作出来的呢?41画卷的制作方法讲授新课画卷的制作方法讲授新课42画卷的制作方法1、新建文件：设置影片属性，大小：300px×500px，背景颜色设为白色。2、创建名为“轴”的元件。用矩形工具绘制一个无边线矩形设置如图1，填充渐变颜色。将矩形旋转，水平放置如图2。图1图2画卷的制作方法1、新建文件：设置影片属性，大小：300px×43画卷的制作方法3、创建名为“纸”的元件。绘制一个纸的图形（图3），并将“轴”元件拖到编辑区，调整大小放到纸的上方（图4）。图3图4画卷的制作方法3、创建名为“纸”的元件。绘制一个纸的图形（图44画卷的制作方法导入画的图片。单击【文件】菜单，选择【导入】命令，弹出导入对话框，导入画的图片。调整画的大小，位置，将画放到纸的中央（如图5）。图5画卷的制作方法导入画的图片。单击【文件】菜单，选择【导入】命45画卷的制作方法4、按ctrl+E键返回主场景。将“图层1”命名为“纸”。单击第1帧，按ctrl+L键打开库窗口，将纸元件拖放到场景中，放在合适的位置。在第70帧处单击鼠标，按F5键，插入帧。如图6。（1）单击“添加图层”按钮，添加一个图层，命名为“遮盖”。单击第一帧，选取〔矩形〕工具，在场景中绘制一个矩形，与纸同宽度，或者稍宽，但要比纸长。矩形无边线、填充颜色不限，最好不要与纸同色。（2）选中矩形，按下F8键，将矩形转换为元件。名称栏输入“遮盖”，选中图形项，单击“确定”按钮。画卷的制作方法4、按ctrl+E键返回主场景。将“图层1”命46画卷的制作方法（3）将矩形放到纸的上方，使其下边缘正好遮住“纸”层的上轴（图7）。在第50帧处插入关键帧，向下移动矩形到正好盖住“纸”层处（图8）。右键单击第1帧，选择「创建动画动作」命令，在第1帧和第50帧之间创建动画。图7图8画卷的制作方法（3）将矩形放到纸的上方，使其下边缘正好遮住“47画卷的制作方法（4）新建一个图层，命名为“轴”。单击第1帧，将库中的“轴”元件拖到场景中来，调整其大小，放在纸的上方（图9）。单击第50帧，按F6，插入关键，向下移动“轴”元件，放在纸的下方（图10）。在第1帧和第50帧之间创建动画（图11）。图9图10画卷的制作方法（4）新建一个图层，命名为“轴”。单击第1帧，48画卷的制作方法（5）右键单击遮罩层，在弹出的菜单中选择「遮罩」。5、动画制作完成，6、保存文件为“画卷.fla”。效果如右图演示图11画卷的制作方法（5）右键单击遮罩层，在弹出的菜单中选择「遮罩49小试牛刀（知识拓展环节）学生分组练习。教师播放另外两个动画，让学生观察这个动画，分析这个动画的特点。从而让学生分组完成这个动画制作。小试牛刀（知识拓展环节）学生分组练习。教师播放另外两个动画50

遮罩动画通过遮罩层创建。遮罩层是一种特殊的图层，使用遮罩层后，遮罩层下面的被遮罩层中的内容就像透过一个窗口显示出来一样，这个窗口的形状即为遮罩层中的内容形状。当在遮罩层中绘制对象时，这些对象具有透明效果，可以显示出图形位置的背景。小组长推出组代表，进行知识总结。遮罩动画通过遮罩层创建。遮罩层是一种特殊51遮罩动画的组成

遮罩动画由遮罩层和被遮罩层组成。遮罩层用于放置遮罩的形状（与颜色无关），如上例中的矩形。遮罩动画的组成遮罩动画由遮罩层和被遮罩层52制作遮罩动画与动作补间动画

本例中的遮