——Flash遮罩动画授课年级高一授课教师铁海燕课件.ppt

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