第5讲3：_FLASH逐帧动画、形状补间动画和动作补间动画的设计、制作与发布.ppt

第4章制作形状补间动画 4 1创建形状补间动画4 2用形状提示控制动画4 3设置遮罩效果4 4实例 海报扫描效果 4 1创建形状补间动画 4 1 1什么是形状补间动画形状补间动画是指在两个或两个以上的关键帧之间对形状进行补间的动画 从而创建出类似于形变的效果 使一个形状看起来随着时间变成另一个形状 Flash也可以补间形状的位置 大小和颜色等属性 4 1 2产生形状补间的属性1 形状本身属性2 形状颜色属性3 形状大小属性4 形状位置属性5 文字6 综合属性 4 1 3制作步骤 图4 5设置形状补间选项 4 2用形状提示控制动画 4 2 1什么是形状提示在制作形状补间动画时 Flash可以自动计算出两个关键帧中的形状补间动画 如果要控制复杂或罕见的形状变化 可以使用形状提示 也就是说 可以用形状提示来控制形状以什么方式渐变 形状提示会标识起始形状和结束形状中的相对应的点 4 2 2添加形状提示应遵循的原则为了使形状补间动画获得最佳效果 添加形状提示时应遵循以下原则 在复杂的形状补间中 需要创建中间形状然后再进行补间 而不要只定义起始和结束的形状 因为Flash还没有智能到可以变形任何形状的地步 动画制作者应该尽量提示Flash如何进行变形 确保形状提示是符合逻辑的 例如 如果在一个对象中使用3个形状提示 则在原始对象和要补间的对象中 它们的变化顺序必须是一致的 也就是说 如果在第一个关键帧中是abc 那么在第二个关键帧中就最好也是abc 否则就可能出现奇怪的 不合常规的变化效果 按逆时针顺序从形状的左上角开始放置形状提示 它们的工作效果最好 添加的形状提示不应太多 但应将每个形状提示放置在合适的位置上 4 2 3设置形状提示 图4 13添加第一个形状提示 图4 14在结束帧设置形状提示 4 2 4对形状提示进行操作 图4 15形状提示的快捷菜单 4 3设置遮罩效果 4 3 1什么是遮罩遮罩效果 也叫做蒙版效果 是指一个图层中的对象以一定方式遮盖住另外一个 或多个 图层中的对象 或者说以一定方式透过一个图层中的对象去查看另外一个 或多个 图层上的对象 比如说 聚光灯效果 放大镜效果 百叶窗效果等就是一些常见的遮罩效果 图4 16在新图层上绘制作为遮罩的对象 图4 17遮罩效果 4 3 2创建遮罩效果要创建和使用遮罩效果 至少要用到两个图层 它们按特定的顺序排列在时间轴上 其中 遮罩层肯定位于被遮罩层的上方 当然 如果多个图层都被遮罩 那么它们都是 被遮罩层 都会受到遮罩效果的影响 1 创建遮罩效果的步骤2 不同的遮罩效果根据上面的说明可以看出 遮罩效果的作用方式有以下4种 遮罩层中的对象是静态的 被遮罩层中的对象也是静态的 这样生成的效果就是静态遮罩效果 遮罩层中的对象是静态的 而被遮罩层中的对象是动态的 这样就生成了第一类动态遮罩效果 透过静态的一个 孔 观看后面的动态内容 遮罩层中的对象是动态的 而被遮罩层中的对象是静态的 这样就生成了第二类动态遮罩效果 透过动态的一个 孔 观看后面的静态内容 遮罩层中的对象是动态的 被遮罩层中的对象也是动态的 这样就生成了第三类动态遮罩效果 透过动态的一个 孔 观看后面的动态内容 这时 遮罩对象和被遮罩对象之间就会进行一些复杂的交互 从而得到一些特殊的视觉效果 3 形状补间动画与遮罩效果 遮罩层中的对象是静态的 而被遮罩层中是形状补间动画 遮罩层中是形状补间动画 而被遮罩层中的对象是静态的 遮罩层与被遮罩层中都是形状补间动画 4 3 3实例 探照灯文字本节结合使用形状补间动画和遮罩技术实现一个探照灯文字的效果 探照灯左右移动 且其中心的亮度大于四周 步骤如下 1 新建一个电影文件 设置文档背景颜色为 黑色 2 在时间轴上单击 图层1 将其命名为 文字遮罩 层 3 单击工具箱中的 文本工具 在属性检查器中设置字体 字号及颜色 然后在舞台正中间输入文字 计算机动画技术 4 新建一个图层 并将其命名为 探照灯 层 单击工具箱中的 椭圆工具 设置笔触颜色为无色 填充为灰白放射状渐变填充 在文字左侧绘制一个圆形 如图4 18所示 图4 18绘制探照灯 5 在 文字遮罩 层第50帧单击鼠标右键 选择 插入帧 命令 6 单击 探照灯 层 在第25帧插入关键帧 用选择工具将渐变的圆形移动到文字右侧 注意选中 视图 菜单 对齐 子菜单中的 贴紧对齐 命令 7 在该层第1帧上单击鼠标右键 选择 复制帧 命令 在第50帧上单击右键 选择 粘贴帧 命令 8 在 探照灯 层第1帧和25帧之间 第25帧和50帧之间设置形状补间动画 9 把 文字遮罩 层拖动到 探照灯 层上方 10 在图层区的 文字遮罩 层上单击右键 选择 遮罩层 命令 将该层设置为遮罩层 而 探照灯 层自动被设置为被遮罩层 同时这两层也被锁定 此时的时间轴窗口与场景如图4 19所示 动画制作结束 图4 19探照灯文字效果的时间轴和舞台 11 按 Ctrl Enter 键测试动画 4 4实例 海报扫描效果 本实例结合使用形状补间动画和遮罩技术实现海报的扫描效果 先是一条亮线由左到右扫描灰暗的海报 然后是由上到下扫描整个海报 最后显示出完整的彩色海报 如图4 20所示 图4 20海报扫描效果 实现该效果的参考步骤如下 1 新建一个Flash电影 将图层1的名称更改为 背景 2 按 Ctrl R 键导入要作为背景显示的黑白位图文件 该位图文件事先由Fireworks处理好 最简便的办法是执行Fireworks的 命令 菜单 创意 子菜单的 转换为灰度图像 命令 将其调整为舞台大小 3 在当前图层上方插入了一个新图层 命名为 图片 并按 Ctrl R 键导入要扫描显示的彩色海报位图文件 将其调整为舞台大小 4 插入一个新图层 将图层名称更改为 遮罩 选中该图层 在舞台 也就是导入的位图 左侧绘制一个笔触颜色为无色 填充颜色为某种纯色的矩形 如图4 21所示 图4 21在舞台左方绘制长方形 5 在 遮罩 层的第15帧插入关键帧 这时长方形被自动复制到该帧 按住 Shift 键用选择工具将其摆放到舞台的右侧 6 在时间轴 遮罩 层第1到第15帧之间任意位置单击 然后在属性检查器中将 补间 选项设置为 形状 7 选中 遮罩 层第20帧 按 F5 键插入相同帧 8 选中 遮罩 层第21帧 按 F7 键插入空白关键帧 在舞台上方绘制一个长方形 如图4 22左图所示 选中第35帧 按 F6 键插入关键帧 这时长方形被自动复制到该帧 用任意变形工具将长方形的大小缩放到与图形大小相一致 如图4 22右图所示 9 在 遮罩 层第21到第35帧之间创建形状补间动画 10 把 图片 层和 背景 层的内容都延续到第35帧 在该帧按 F5 键 11 在 遮罩 层上单击鼠标右键 选择 遮罩层 命令 此时的时间轴如图4 23所示 图4 23设置了遮罩的时间轴 12 为了使效果更逼真 可以在 遮罩 层上方插入一个新图层 命名为 声音 13 选择 文件 菜单 导入 子菜单的 导入到库 命令 分别导入两个声音文