1、 Flash遮罩动画 授课年级:高一授课年级:高一 授课教师:铁海燕授课教师:铁海燕 西吉县职业中学计算机教研组动画片段欣赏:动画片段欣赏:动画片断欣赏动画片断欣赏西吉县职业中学计算机教研组遮罩层动画效果:遮罩层动画效果:望远镜、百叶窗、万花筒、望远镜、百叶窗、万花筒、放大镜等等。放大镜等等。西吉县职业中学计算机教研组学习目标:学习目标:n什么是遮罩?什么是遮罩?n理解遮罩动画的基本原理;理解遮罩动画的基本原理;n如何制作遮罩动画;如何制作遮罩动画;西吉县职业中学计算机教研组任务任务制作制作“百叶窗百叶窗”遮罩动画实例遮罩动画实例西吉县职业中学计算机教研组n简单遮罩动画,在简单遮罩动画,在2
2、2课时内完成课时内完成n提供素材:图片信息提供素材:图片信息n力求做出动感,比例合适。力求做出动感,比例合适。遮罩的概念:遮罩的概念:在在flashflash的图层中有一个遮罩图层类的图层中有一个遮罩图层类型。为了得到特殊的演示效果,可以型。为了得到特殊的演示效果,可以在遮罩层上创建任意形状的在遮罩层上创建任意形状的“视窗视窗”。遮罩层下方的对象可以通过该遮罩层下方的对象可以通过该“视窗视窗”显示出来。而显示出来。而“视窗视窗”之外的对象将之外的对象将不会显示。不会显示。西吉县职业中学计算机教研组动画演示(基本原理):动画演示(基本原理):动画演示动画演示 西吉县职业中学计算机教研组任务任务制
3、作制作“百叶窗百叶窗”遮罩动画实例遮罩动画实例西吉县职业中学计算机教研组n简单遮罩动画,在简单遮罩动画,在2 2课时内完成课时内完成n提供素材:图片信息提供素材:图片信息n力求做出动感,比例合适。力求做出动感,比例合适。样片动画效果:样片动画效果:遮罩动画遮罩动画百叶窗百叶窗西吉县职业中学计算机教研组操作步骤:操作步骤:1.1.(1)(1)启动启动 FlashFlash,新建一个文件,将舞新建一个文件,将舞台大小设置为宽:台大小设置为宽:6 60000pxpx,高:高:400400pxpx。1.(2)1.(2)选择选择“文件文件”“”“保存保存”菜单命令,菜单命令,命名为命名为“百叶窗百叶窗”
4、,单击确定。,单击确定。2.2.选择选择“文件文件”“”“导入导入”菜单命令导菜单命令导入素材入素材“风景风景1.jpg1.jpg、风景、风景2.jpg”2.jpg”文件。文件。西吉县职业中学计算机教研组操作步骤:操作步骤:制作影片百叶窗元件:制作影片百叶窗元件:3.3.(1 1)按)按ctrl+f8ctrl+f8快捷键。在弹出的创建新快捷键。在弹出的创建新元件对话框中创建元件,名称:小叶片,元件对话框中创建元件,名称:小叶片,类型:影片剪辑,单击确定。类型:影片剪辑,单击确定。西吉县职业中学计算机教研组操作步骤:操作步骤:制作影片百叶窗元件:制作影片百叶窗元件:3.3.(2 2)选择矩形工具
5、(关掉笔触)选择矩形工具(关掉笔触),在工,在工作区当中画一个黑色的矩形条。调整矩形作区当中画一个黑色的矩形条。调整矩形条的属性,宽度:条的属性,宽度:35px35px,高度:,高度:400px400px。3.3.(3 3)打开对齐面板,水平居中和垂直居)打开对齐面板,水平居中和垂直居中,选择任意变形工具,把它的中心点调中,选择任意变形工具,把它的中心点调整到左边的中心。整到左边的中心。西吉县职业中学计算机教研组操作步骤:操作步骤:制作影片百叶窗元件:制作影片百叶窗元件:西吉县职业中学计算机教研组3.3.(4 4)制作动画,选择时间轴的)制作动画,选择时间轴的3030帧。点击帧。点击f6f6插
6、插入关键帧。并调整它的属性,宽度:入关键帧。并调整它的属性,宽度:1px1px。之后选。之后选择两个关键词之间的任意一帧,点击鼠标右键,择两个关键词之间的任意一帧,点击鼠标右键,创建补间形状。创建补间形状。图2:第1帧图3:第30帧操作步骤:操作步骤:制作影片百叶窗元件:制作影片百叶窗元件:西吉县职业中学计算机教研组3.3.(5 5)按)按ctrl+f8ctrl+f8创建百叶窗影片剪辑元件,点击创建百叶窗影片剪辑元件,点击确定。打开库面板把确定。打开库面板把“小叶片小叶片”拖到工作区中。拖到工作区中。点击点击AltAlt键,使用鼠标拖动复制键,使用鼠标拖动复制。图4:百叶窗操作步骤:操作步骤:
7、4.4.(1 1)回到主场景,把图层)回到主场景,把图层1 1命名为风景命名为风景1 1。把我们导入。把我们导入的素材风景的素材风景1 1拖入到工作区中,调整尺寸为:拖入到工作区中,调整尺寸为:600600*400400,使其与舞台完全重合,在第使其与舞台完全重合,在第6565帧按快捷键帧按快捷键F5F5插入普通插入普通帧。帧。4.4.(2 2)新建图层)新建图层2 2,重命名为风景,重命名为风景2 2,素材风景,素材风景2 2拖入到拖入到工作区中,调整尺寸为:工作区中,调整尺寸为:600600*400400,使其与舞台完全重,使其与舞台完全重合,在第合,在第4545帧按快捷键帧按快捷键F5F
8、5插入普通帧。插入普通帧。西吉县职业中学计算机教研组操作步骤:操作步骤:4.4.(3 3)新建图层)新建图层3 3,重命名为遮罩,在第,重命名为遮罩,在第2525帧按帧按F7F7插入空白关键帧,把插入空白关键帧,把“百叶窗百叶窗”拖入到工作区拖入到工作区中,调整尺寸为:中,调整尺寸为:600600*400400,使其与舞台完全重,使其与舞台完全重合,在第合,在第6565帧按快捷键帧按快捷键F5F5插入普通帧。插入普通帧。4.4.(4 4)按)按ctrl+Enterctrl+Enter键测试动画。键测试动画。西吉县职业中学计算机教研组归纳小结:归纳小结:遮罩层是由普通图层转换而来的。遮罩层是由普通图层转换而来的。通过制作遮罩动画,掌握通过制作遮罩动画,掌握FlashFlash基本动画制作的基本动画制作的操作方法,培养操作方法,培养FlashFlash软件的综合应用的相关经软件的综合应用的相关经验验学会利用辅助学习软件自主探究的学习方法,并学会利用辅助学习软件自主探究的学习方法,并能够互相学习,取长补短。能够互相学习,取长补短。西吉县职业中学计算机教研组课后作业:课后作业:制作制作“望远镜望远镜”动画效果。动画效果。西吉县职业中学计算机教研组