遮罩层与遮罩动画的练习导学案

遮罩层与遮罩动画的制作遮罩层与遮罩动画的制作课堂导学案课堂导学案 学习目的 1 进一步理解遮罩的概念 2 掌握遮罩动画的制作要领 3 能够恰当运用遮罩层再现生活中一些有趣的情境 学习重点 1 遮罩概念的理解 2 恰当运用遮罩层再现生活中一些有趣的情境 学习难点 遮罩概念的理解 学习方法 让学生在欣赏 模仿 分析 探究的过程中学会学习 从生活中 寻找遮罩 原型 并重现 通过主动探索 发现和体验 实现学以 致用 一 概念复习 除了普通图层 引导层外 还有一种特殊的图层 遮罩层 利用遮罩功能 可以设定显示图像的哪一部分 不显示哪一部分 以便进行一些特殊处理 由此形成的动画 就是遮罩动画 1 遮罩动画的概念 1 什么是遮罩 遮罩动画是 Flash 中的一个很重要的动画类型 很多效果丰 富的动画都是通过遮罩动画来完成的 在Flash 的图层中有一个 遮罩图层类型 为了得到特殊的显示效果 可以在遮罩层上创建 一个任意形状的 视窗 遮罩层下方的对象可以通过该 视窗 显 示出来 而 视窗 之外的对象将不会显示 2 遮罩有什么用 在 Flash 动画中 遮罩 主要有 2 种用途 一个作用是用在整 个场景或一个特定区域 使场景外的对象或特定区域外的对象不 可见 另一个作用是用来遮罩住某一元件的一部分 从而实现一 些特殊的效果 2 创建遮罩的方法 1 创建遮罩 在 Flash 中没有一个专门的按钮来创建遮罩层 遮罩层其实是 由普通图层转化的 你只要在某个图层上单击右键 在弹出菜单 中选择 遮罩层 使命令的左边出现一个小勾 该图层就会生成 遮罩层 层图标 就会从普通层图标变为遮罩层图标 系统会自动 把遮罩层下面的一层关联为 被遮罩层 在缩进的同时图标变为 如果你想关联更多层被遮罩 只要把这些层拖到被遮罩层下面就 行了 2 构成遮罩和被遮罩层的元素 遮罩层中的图形对象在播放时是看不到的 遮罩层中的内容 可以是按钮 影片剪辑 图形 位图 文字等 但不能使用线条 如果一定要用线条 可以将线条转化为 填充 被遮罩层中的对象只能透过遮罩层中的对象被看到 在被遮 罩层 可以使用按钮 影片剪辑 图形 位图 文字 线条 3 遮罩中可以使用的动画形式 可以在遮罩层 被遮罩层中分别或同时使用形状补间动画 动作补间动画 引导线动画等动画手段 从而使遮罩动画变成一 个可以施展无限想象力的创作空间 3 应用遮罩时的技巧 1 遮罩层的基本原理是 能够透过该图层中的对象看到 被 遮罩层 中的对象及其属性 包括它们的变形效果 但是遮罩层 中的对象中的许多属性如渐变色 透明度 颜色和线条样式等却 是被忽略的 比如 我们不能通过遮罩层的渐变色来实现被遮罩 层的渐变色变化 2 要在场景中显示遮罩效果 可以锁定遮罩层和被遮罩层 3 可以用 Actions 动作语句建立遮罩 但这种情况下只能有 一个 被遮罩层 同时 不能设置 Alpha 属性 4 不能用一个遮罩层试图遮蔽另一个遮罩层 5 遮罩可以应用在 gif 动画上 6 在制作过程中 遮罩层经常挡住下层的元件 影响视线 无法编辑 可以按下遮罩层 时间轴面板的显示图层轮廓按钮 使 之变成 使遮罩层只显示边框形状 在种情况下 你还可以拖动 边框调整遮罩图形的外形和位置 7 在被遮罩层中不能放置动态文本 遮罩动画遮罩动画实例制作实例制作 地球自转动画制作地球自转动画制作 制作步骤如下 1 新建文档 设置背景为黑色 执行菜单 文件 导入 导 入到舞台 命令 导入一张 地图 png 图片 2 新建一层 图层 2 利用椭圆工具绘制一个不带边线的圆 圆 的直径大小和图片的高度一致 利用混色器对圆进行填充 可以使 用线性填充 填充色为水蓝色 如图 3 新建一个图层 图层 3 点击图层 2 第一帧进行复制 然后在图 层 3 第一帧处进行粘贴帧 这时候图层 2 和图层 3 的内容是一样的 然后可以将图层 2 或者图层 3 移动到图层 1 的下面 图层如下 4 选择地图层 也就是中间一层 在第 100 帧的地方插入关键帧 其他两层在第 100 帧处插入帧 利用键盘上的左右键将地图进行移 动 第一帧 地图的右边缘和球体对齐 第 100 帧 地图的左边缘 与球体的左边对齐 如图 5 在中间一层 也就是地图层上创建补间动画 在最上面一层上点 击鼠标右键选择 遮罩层 测试动画效果 mtv 字幕制作字幕制作 制作步骤 1 新建一个 flash 文档 修改舞台背景为黑色 利用文本工具在第 一层的第一帧处输入歌词文字 宁静的夏天 天空中繁星点点 设置字体的大小 颜色 位置如图所示 2 点击鼠标右键复制第一层第一帧 然后新建一个图层 2 在图层 2 的第一帧处点击鼠标右键粘贴帧 锁定图层 1 调整图层 2 第 一帧的文字颜色为绿色 注意位置和大小不能动 注意位置和大小不能动 在第一层和第 二层的第 50 帧处插入帧对画面进行延续 3 新建一个图层 3 修改名称为遮罩 在第三层的第一帧处 利用 矩形工具 不要边线绘制一个小矩形 位置放在文字的左边 如 图 4 在第三层第 20 帧的地方插入关键帧 利用任意变形工具调整矩 形的大小到刚好将第一行文字完全覆盖 选中第三层第一帧到第 20 帧之间任意一帧 打开属性面板 选择 形状 补间 在第 21 帧处插入关键帧 利用矩形工具在第二行文字的左边绘制一个 无边框矩形 如图 5 在第 50 帧的地方插入关键帧 调整矩形的大小到刚好盖住文字 在第 21 帧到第 50 帧创建形状补间动画 6 在第三层上点击鼠标右键 选择 遮罩层 将第三层转变为遮 罩层 7 测试动画 课堂小结 本节课主要讲解如何利用 Flash 中的遮罩来制