Flash四种动画的基本步骤

FlashFlash 四种动画的基本步骤四种动画的基本步骤 Flash 动画包括逐帧动画 动作补间动画 形状补间动画 遮罩动画 引导线动画等 一 逐帧动画 逐帧动画是一种常见的动画形式 其原理是在 连续的关键帧 中分解动画动作 即 在时间轴的每个关键帧上逐帧绘制不同的内容 使其连续播放而成动画 逐帧动画具有非常大的灵活性 几乎可以表现任何想表现的内容 很适合于表演细腻 的动画 但因每个关键帧上的内容不一样 增加了动画制作负担 且使最终输出的文件体 积很大 实例 打字效果 1 新建一个 Flash 文件 展开 Flash 窗口下端的文档属性面板或在舞台上单击右键 在右键菜单中选择 文档属性 设置舞台的宽 500 像素 高 200 像素 背景色为黑色 2 选中第一帧 选取文本工具 在属性面板上设置字体为 楷体 字号 72 颜色 白色 粗体 键入 教育技术学 六个字 并设置它的位置相对于舞台居中对齐 选择 窗口 主菜单的 设计面板 调出 对齐 面板 在 对齐 面板上先把 相 对于舞台 五字下方的按钮单击成白色 再分别单击 水平中齐 和 垂直中齐 3 选中文本 在按住 Ctrl 键的同时 单击 B 键 把组合在一起的文字分解 并分别 在第 10 20 30 40 50 帧插入一个关键帧 若连续单击 B 键两次 则把文 字打散 4 选中第 1 帧 将五个文字全部删除 5 选中第 10 帧 将后四个文字删除 留下一个 教 字 选中第 20 帧 将后三个文 字删除 留下 教育 两字 选中第 30 帧 将后二个文字删除 留下 教育技 三字 选中第 40 帧 将后一个文字删除 留下 教育技术 四字 6 在第 60 帧插入普通帧 测试效果 观看效果 二 补间动画 二 补间动画 Flash 中的补间动画有两种 一种是动作补间动画 另一种是形状补间动画 动作补间动画动作补间动画的制作流程一般是 先在一个关键帧中定义实例的大小 颜色 位置 透明度等参数 然后创建出另一个关键帧并修改这些参数 最后创建补间动画 让 Flash 自动生成中间的过渡状态 过渡帧在帧面板上的标志是在浅篮色的背景下有一个向右的长 箭头 实例 属性变化的矩形 1 新建 Flash 文件 用矩形工具在舞台左边画一个无边框的红色矩形 选中矩形 右 击 执行 转换为元件 命令 在 创建新元件 对话框中选择类型为 图形 确定 2 在第 30 帧插入关键帧 并把矩形拖到右边 3 用任意变形工具将其放大 并旋转 4 在属性面板中将矩形的 填充色 属性改为蓝色 5 用选择工具选中第 1 帧 单击属性面板 补间 里的 动作 即可创建补间动画 6 播放影片 观看效果 形状补间动画形状补间动画 只要编辑首尾两帧上的图形 中间的形变过程由过渡帧来完成 过渡 帧在帧面板上的标志是在浅绿色的背景下有一个向右的长箭头 实例 形状变化的矩形 1 新建 Flash 文件 在工具箱中选取矩形工具 在舞台左侧画一个红色矩形 2 在第 15 帧插入一个空白关键帧 在舞台右端画一个绿色五角星 3 在第 30 帧插入一个空白关键帧 选取椭圆工具 在舞台右上侧画一个无边线的黄色 圆形 4 单击图层 选中所有帧 单击底部属性面板 补间 两字右面白框后的黑三角按钮 再单击 形状 创建形状补间动画 5 测试影片 观看效果 动作补间动画与形状补间动画的区别和联系动作补间动画与形状补间动画的区别和联系 动作补间动画与形状补间动画 都只需 要编辑首尾两帧上的对象 中间的形变过程由过渡帧来完成 但动作补间动画首尾两帧上 的对象 必须是同一个元件的实例 只能改变元件的大小和位置 不能改变形状 除了元 件 组合体或文本也可作为制作动作补间动画的对象 而形状补间动画不同的是 首尾两 帧上可以不必是同一图形元素 而且形状也可以改变 三 遮罩动画 三 遮罩动画 遮罩动画 至少应该设置两个图层 上边的图层叫遮罩层 下面的图层叫被遮罩层 被遮罩层可以有多个 即多层遮罩动画 遮罩动画的原理是 在遮罩层中的任何填充区域都是完全透明的 而任何非填充区域 都是不透明的 换句话说 遮罩层中如果什么也没有 被遮层中的内容都不会显示出来 如果遮罩层全部填满 被遮层的所有内容都能显示出来 如果只有部分区域有内容 那么 只有在有内容的部分才会显示被遮层的内容 遮罩层中的内容可以是包括图形 文字 实例 影片剪辑等在内的各种对象 但是 Flash 会忽略遮罩层中内容的具体细节 只关心它们占据的位置 每个遮罩层可以有多个 被遮罩层 这样我们可以将多个图层组织在一个遮罩层之下创建非常复杂的遮罩效果 遮罩动画主要分为两大类 遮罩层运动产生的动画 被遮对象运动产生的动画 实例 百叶窗效果 1 新建 Flash 文件 选中图层 1 的第一帧 选择 文件 导入 导入到 舞台 命令 导入一幅图片 调整成跟舞台一样大小 居中 2 插入图层 2 在图层 2 的第 10 帧插入一个空白关键帧 导入另一幅图片 也调整 成跟舞台一样大小后居中 3 插入图层 3 在图层 3 的第 10 帧插入一个空白关键帧 在舞台左面画一个比图片 略高且宽度几乎为一条线的无边框矩形 4 再复制出两个矩形 调整三个矩形间隔相同且水平排列在舞台上 5 在图层 3 的第 20 帧插入一个关键帧 选中第 10 帧 用任意变形工具把每个矩形 的右边往右推 让每个矩形都稍有间隔 添加遮罩层 6 选中图层 3 的第 10 帧 在属性面板上创建 形状 补间动画 在图层 3 的第 21 帧插入一个空白关键帧 7 先选中图层 3 的第 10 帧 然后在按住 Shift 键的同时 单击第 20 帧 以同时选 中第 10 至第 20 帧 在选中的任一帧上右击 执行 复制帧 命令 再在第 30 帧上右 击 执行 粘贴帧 命令 把 10 至 20 帧间的形状补间动画复制到 30 至 40 帧上 9 把图层 2 的第 10 帧复制到图层 1 的第 20 帧上 把图层 1 的第 1 帧分别复制到 本图层的第 40 帧和图层 2 的第 30 帧上 在图层 2 的第 40 帧插入一个普通帧 10 把光标置于图层 3 上右击 执行 遮罩 层 命令 把图层 3 变为遮罩层 11 测试影片 实例 文字填充内容变化的动画效果 1 新建 Flash 文件 在图层 1 的第一帧利用文字工具输入 遮罩动画 四个字 在其 文字属性面板中设置字体为隶书 字号为 87 在第 10 帧插入普通帧 2 新建图层 2 在第一帧上利用矩形工具绘制一无边矩形 高度比文字略高 宽度大 约是文字宽度的两倍 利用填充色工具将矩形填充为七彩渐变色 矩形右端与文字右端对 齐 3 在图层 2 的第 10 帧插入关键帧 向右拖动矩形的位置 使矩形左端与文字左端对 齐 在第 1 帧和第 10 帧之间创建形状补间动画 4 交换图层 1 和图层 2 的位置 将图层 1 设为遮罩层 5 测试影片 观看效果 五 引导线动画 五 引导线动画 引导线动画 至少应该设置一个引导层和一个被引导层两个图层 且引导层在上 被 引导层在下 被引导层上的对象 可以按照引导层指定的路径运动 被引导层可以有多个 即多层引导动画 实例 沿引导线移动的文字效果 1 新建 Flash 文件 在图层 1 的第 1 帧利用文字工具写入文字 Flash 文字属 性随意设置 2 在时间轴左下方单击 添加运动引导层 按钮 选中引导层的第 1 帧 用铅笔工具 在舞台上随意绘制一条曲线 注意不要有闭合区域