flash3帧、图层、元件、实例和库--逐帧动画-补间动画.ppt

帧 图层 元件 实例 本节介绍Flash中的几个基本概念 帧 图层 元件 它们的应用贯穿动画制作的始终 必须重点掌握 帧图层元件 帧 帧是动画的基本单元 Flash动画就每一帧的内容连续播放构成的 一帧就相当于电影胶片中的一格 帧在时间轴上 如图所示 帧编辑区中横向排列的小方格就是帧 处于自然状态下没有进行任何操作的帧称为 空白帧 每一帧对应的上方的数字是该帧的编号 帧编辑区中的红色竖线是播放磁头 播放磁头所在的帧就是当前所编辑的帧 下面介绍两类重要的帧 普通帧 和 关键帧 1 普通帧 不参与任何动画效果的帧称为普通帧 2 关键帧 定义一个动作的起始状态和终止状态的帧称为关键帧 有一类关键帧 其中没有添加任何对象 只作为一个关键点存在 称为空白关键帧 插入帧 在空白帧上右击 弹出快捷菜单 执行其中的 插入帧 命令 如图所示 即可插入一个静态帧 删除帧 在需要删除的帧上右击 弹出快捷菜单 执行其中的 删除帧 命令 如图所示 即可将该帧删除 注意 需要删除同一图层中连续的多个帧时 首先单击开头一帧 然后配合键盘上的 Shift 键单击结尾一帧 这时开头帧和结尾帧之间的所有帧被选取 如图所示 右击弹出快捷菜单 执行其中的 删除帧 命令即可将连续的多个帧删除 如图所示 插入关键帧 在空白帧或静态帧上右击 弹出如图所示的快捷菜单 执行其中的 插入关键帧 命令 即可插入一个关键帧 插入空白关键帧 在空白帧或静态帧上右击 弹出快捷菜单 执行其中的 插入空白关键帧 命令 如图所示 即可插入一个空白关键帧 清除关键帧 在需要清除的关键帧上右击 弹出快捷菜单 执行其中的 清除关键帧 命令 如图所示 即可将该关键帧清除 图层 Flash对对象实行分层管理 即将不同的对象放置在不同的图层中 这样在修改其中一个对象时不会影响到其他的对象 可以形象地理解为 图层就是透明的玻璃纸 不同的对象绘制在不同的玻璃纸上 它们相互重叠以显示整体的内容 但在修改某一对象时其他对象不受影响 对于图层的操作在时间轴的 图层编辑区 中实现 在如图所示的图层编辑区中有三个图层 图层1 图层2和图层3 默认状态下它们的名称分别是 图层1 图层2 和 图层3 下面介绍图层的操作 创建图层 单击图层编辑区中的 插入图层 按钮即可新建一个图层 如图所示在 图层3 的上方新建了一个 图层4 在图层上双击可修改图层的名称 如图3 11所示将图层4的名称修改为 文字层 删除图层 选取需要删除的图层 单击图层编辑区下方的 删除图层 按钮即可将该图层删除 如图所示 隐藏图层 在动画制作过程中为了避免不同图层中图形的视觉干扰 经常需要隐藏图层 图层被隐藏后 其中的对象处于不可见状态 单击某图层中与图层编辑区上方的 隐藏图层 按钮对应的小黑点 如图所示 即可将该图层隐藏 例如将 图层3 隐藏 该图层中对应隐藏图层按钮的小黑点变成叉形图标 如图所示 单击叉形图标即可恢复该图层的可见性 如果单击图层编辑区上方的 隐藏图层 按钮 则可将所有图层隐藏 如图所示 再次单击可恢复所有图层的可见性 锁定图层 在动画制作过程中为了防止图层之间相互影响 经常需要锁定图层 锁定后的图层处于不可编辑状态 禁止任何操作 单击某图层中与图层编辑区上方的 锁定图层 按钮对应的小黑点 如图所示 即可将该图层锁定 例如将 图层3 锁定 该图层中对应锁定图层按钮的小黑点变成锁形图标 如图所示 单击锁形图标即可将该图层解锁 如果单击图层编辑区上方的 锁定图层 按钮 则可将所有图层锁定 如图所示 再次单击可将所有图层解锁 元件 元件是对象的集合 在动画制作过程中将制作好的内容转换成元件 既方便管理又可以重复使用 并且重复使用同一个元件不会增加文件的大小 元件有三种类型 图形元件 影片剪辑元件和按钮元件 图形元件 图形元件的创建方法有两种 直接创建图形元件和将图形转换为图形元件 1 直接创建图形元件 执行 插入 菜单下的 新建元件 命令 弹出 创建新元件 对话框 在 行为 单选栏中选择 图形 在 名称 文本框中输入元件的名称 默认名称为 元件1 如图所示 设置完后单击 确定 按钮 进入元件工作界面 如图所示 该工作界面与主工作界面类似 注意 此时的 状态栏 显示当前正在编辑的是 元件1 如图所示 在元件工作界面中编辑图形元件 例如绘制一个使用放射状渐变色填充的圆 如图所示 编辑完毕后在 状态栏 上单击 场景1 回到主工作界面 这时制作的图形元件并没有出现在主工作区中 因为它被自动地保存在 库 中 关于库的概念在下一节中将详细介绍 2 将图形转换为图形元件 例如在主工作界面中绘制一个应用放射状渐变色填充的圆 如图所示 选取这个圆 执行 修改 菜单下的 转换为元件 命令 如图所示 弹出 转换为符号 对话框 如图所示 在 行为 单选栏中选择 图形 在 名称 文本框中输入元件的名称 单击 确定 按钮即可将该图形转换为图形元件 影片剪辑元件 执行 插入 菜单下的 新建元件 命令 弹出 创建新元件 对话框 在 行为 单选栏中选择 影片剪辑 在 名称 文本框中输入元件的名称 如图所示 设置完后单击 确定 按钮 进入元件工作界面 影片剪辑元件的工作界面与主工作界面相同 在元件工作界面中制作一个动画片段 动画的制作在以后的章节中详细介绍 同样在 状态栏 中单击 场景1 如图所示 回到主工作界面 影片剪辑元件被保存到 库 中 注意 在工作界面中是看不到影片剪辑元件的动画效果的 当测试影片时该元件中的动画会循环播放 按钮元件 执行 插入 菜单下的 新建元件 命令 弹出 创建新元件 对话框 在 行为 单选栏中选择 按钮 在 名称 文本框中输入元件的名称 如图所示 设置完后单击 确定 按钮 进入元件工作界面 按钮元件的工作界面是与众不同的 时间轴的帧编辑区中只包括四帧 弹起 指针经过 按下 和 点击 如图所示 1 在 弹起 帧中编辑鼠标不在按钮范围内时按钮的状态 2 在 指针经过 帧中编辑当鼠标经过按钮时按钮的状态 3 在 按下 帧中编辑鼠标按下按钮后按钮的状态 4 在 点击 帧中编辑按钮的感应范围 并不直接显示出来 该帧一般很少使用 下面以实例说明 1 在 弹起 帧上右击 弹出快捷菜单 执行其中的 插入关键帧 命令 如图所示 在该帧的工作区中绘制一个矩形 如图所示 2 同样 在 指针经过 帧上插入关键帧 在该帧的工作区中删除矩形 绘制一个圆 如图所示 3 在 按下 帧上插入关键帧 在该帧的工作区中将圆删除 绘制一个矩形 如图所示 制作完毕 用以上叙述的方法回到主工作区 该按钮的实际效果是 鼠标未经过之前按钮呈矩形 当鼠标移动到按钮上时 该按钮变为一个圆 鼠标单击按钮时 该按钮又变为矩形 小结 本节介绍了Flash中几个非常重要的概念 帧 图层 元件 这几个概念都必须重点掌握 在以后的动画制作过程中会反复用到 帧分为 普通帧 和 关键帧 普通帧是不参与任何动画效果的帧 关键帧是定义一个动作的起始状态和终止状态的帧 没有添加任何对象的关键帧称为空白关键帧 帧的操作包括插入帧 删除帧 插入关键帧 插入空白关键帧和清除关键帧 图层的操作在时间轴的 图层编辑区 中实现 包括 创建图层 删除图层 图层文件夹 隐藏图层和锁定图层 元件是对象的集合 包括三种类型 图形元件 影片剪辑元件和按钮元件 必须掌握各种元件的创建方法 动画制作基础 从本节开始介绍动画的制作 Flash动画有两种基本形式 即逐帧动画和补间动画 其中补间动画又分为运动补间动画和变形补间动画 本节主要内容包括 1 动画制作概述 2 Flash8动画素材 3 逐帧动画 4 补间动画 Flash8动画素材 动画制作之前需要收集动画素材 Flash8的动画素材包括图片 声音 音乐 视频等 下面详细介绍图片和声音的导入及编辑 图片素材 将图片导入舞台执行 文件 菜单下的 导入 命令 在弹出的子菜单中选择 导入到舞台 命令 如图所示 弹出 导入 对话框 在一定的路径下选择准备好的图片后单击 打开 按钮 如图所示 图片被导入到舞台中 如图所示 2 将图片导入库中 执行 文件 菜单下的 导入 命令 在弹出的子菜单中选择 导入到库 命令 如图所示 在弹出的 导入到库 对话框中选择图片后单击 打开 按钮 图片被导入到库中 如图所示 使用时将图片拖入工作区即可 声音素材 1 导入声音执行 文件 菜单下的 导入 命令 在弹出的子菜单中执行 导入到库 命令 如图所示 弹出 导入到库 对话框 如图所示 在一定的路径下选择需要的声音文件后单击 打开 按钮 声音文件被导入到库中 如图所示 2 将声音添加到文件中通常将声音放置于一个独立的图层中 选取 图层1 的第1帧 打开属性面板 如图所示 进行设置 可以看到 图层1 中完整的声音波形 如图所示 按键盘上的 Enter 键测试声音效果 逐帧动画 逐帧动画的制作须要人工绘制每一帧的内容 类似于传统的动画制作过程 制作逐帧动画工作量相对较大 对美工要求较高 但动画效果精美 实例 燃烧的蜡烛本实例展示蜡烛燃烧效果 如图所示 补间动画由计算机自动生成两个关键帧之间的过渡部分的动画称为补间动画 补间动画