第4章元件和实例

第4章元件和实例 教学要点 元件的制作方法熟悉Flash元件库制作按钮创建交互式动画 4 1元件和实例概述 元件实例几中特殊的元件和实例元件的类型和创建元件的方法 4 1 1元件 执行 修改 转换为元件 命令 或者按键盘上的F8键 可以把 形状 转为图形元件 执行 窗口 库 命令 快捷键Ctrl L 可以查看库中的元件 概念 4 1 2实例 元件 从 库 中进入 舞台 就被称为该 元件 的 实例 从 库 中把 元件1 向场景拖放几次 舞台 中就有几个该元件1的实例 概念 4 1 3几中特殊的元件和实例 1 位图被导入 舞台 后 在 库 中直接为其创建一个 元件 对象 而它在 舞台 上的图片被称作为 某元件的实例 要成为真正的 实例 要选中它 按F8键 把它重新定义为一个新 元件 特例 4 1 3几中特殊的元件和实例 2 声音被导入 舞台 后 在 库 中声音自动被定义为 元件 它在 舞台 上的 实例 应用 可以在帧的 属性 面板中设置 声音在 舞台 上的每个 实例 可以 斩头去尾 并进行其他特效处理 而不影响声音 元件 在 库 元件中的原来特征 特例 4 1 3几中特殊的元件和实例 3 视频被导入 舞台 后 同样在 库 中为其定义了一个 元件 它在舞台上的 实例 仅能改变位置 大小 它实际上是一个 封装 了的 动画序列 特例 4 1 3几中特殊的元件和实例 4 矢量图形被导入 舞台 后仅出现在 舞台 中 库 中没有其相应 元件 舞台中的矢量图形保留了原来绘制过程中的全部 路径 结构 这是动画制作中最为得心应手的动画元素 特例 4 1 3几中特殊的元件和实例 5 在场景中输入一段文字后 它以一种较特殊的 组合 方式出现 在未把 组合 解散前 仍然可以编辑它 默认的是 静态文本 而一经解散 组合 它就与一般的图形 素材 一样 特例 4 1 4元件的类型和创建元件的方法 在Flash中元件的类型主要有三种 图形 按钮 影片剪辑 元件的类型 4 1 4元件的类型和创建元件的方法 创建图形元件创建按钮元件创建影片剪辑元件创建空白元件 创建元件 4 2元件库的管理和使用 概述元件库元件的一些最基本管理方法灵活使用元件库共享元件库的使用 4 2 1概述元件库 库 面板是存储和组织在Flash中创建的各种元件的地方 它还用于存储和组织导入的文件 库 面板使用户可以组织文件夹中的库项目 查看项目在文档中使用的频率 并按类型对项目排序 元件库 4 2 2元件的一些最基本管理方法 熟悉库面板 4 2 2元件的一些最基本管理方法 利用 库 中 项目列表 这一特性为动画中所有元件作有序归类 很多情况下 还会取用某源文件的一些元件 可以通过执行 文件 导入 打开外部库 命令 打开一个对话框 选择目标源文件 使用 元件项目列表 4 2 2元件的一些最基本管理方法 元件项目列表 可以对元件进行排序 名称 类型 使用次数 链接 修改日期 对元件进行排序 4 2 2元件的一些最基本管理方法 单击 立即更新使用次数 命令 Flash就会搜索 舞台 从开场到剧终的全部过程 然后在 库 中列出 演员 的 出场次数 单击 保持最新使用次数 命令 就能实时监视 舞台 中的操作过程 动态更新 使用数 不过得耗费一些系统资源 元件的使用次数 4 2 2元件的一些最基本管理方法 单击 立即更新使用次数 命令 Flash就会搜索 舞台 从开场到剧终的全部过程 然后在 库 中列出 演员 的 出场次数 单击 保持最新使用次数 命令 就能实时监视 舞台 中的操作过程 动态更新 使用数 不过得耗费一些系统资源 元件的使用次数 4 2 2元件的一些最基本管理方法 先选择某元件或文件夹 打开 库 菜单 单击 重命名 命令 或者直接在某元件或文件夹的 名称 处双击 输入新的名称 按回车键确认 重命名元件及文件夹 4 2 2元件的一些最基本管理方法 我们从这些图标可以很容易地识别各个元件的类型 用 图标 识别元件类型 4 2 3灵活使用元件库 从 库 菜单中单击 选择未用项目 命令 可以把未用的元件全部选中 单击菜单中的 删除 命令 也可以直接单击按钮 将它们删除 清理多余项目 4 2 3灵活使用元件库 可以自己绘制图形 然后转换成元件 也可以 导入 收集的素材再转换成元件 或者打开一些源文件 把需要的对象添加进 库 中 最后将文件保存起来 扩充 公共元件库 4 2 4共享元件库的使用 制作影片剪辑设置影片剪辑的属性检验元件属性打开共享库应用共享元件发布和测试上传文件 制作过程 4 2 4共享元件库的使用 上传完毕 就可以在浏览器地址栏中输入 测试 共享元件 效果 4 2 4共享元件库的使用 网站中的动画类标志 广告条 导航栏及装饰组件均可以 共享元件 方式管理 要修改某些内容 仅需覆盖原swf文件 应用技巧一 4 2 4共享元件库的使用 在 共享元件库 中 还可添加诸如 邮箱 网址 等经常变化的 图形元件 便于随时更新 应用技巧二 4 2 4共享元件库的使用 声音文件一般较大 很占服务器空间 如果某段音乐在多个作品中应用 那么可以把这段音乐也加进 共享元件库 中 应用技巧三 4 2 4共享元件库的使用 在网页中 有不少动画按钮外形基本一样 我们不妨在 共享元件库 中再加个 共享按钮 让所有网页共享这个元件 应用技巧四 4 2 4共享元件库的使用 有不少动作脚本会经常重复应用 可以把这些程序放进一个 影片剪辑 MC 元件的关键帧中 就可以让这些程序共享了 还有一些广告字 欢迎词 说明文字等也可以设置成 动态文本 转换成 影片剪辑 元件后加进 共享元件库 中 应用技巧五 4 3深入学习元件和实例 两种不同的编辑界面元件和实例的内在关系元件和实例的属性详解什么是分离与组合元件类型的转换与实例对象的交换 4 3 1两种不同的编辑界面 标准编辑界面 4 3 1两种不同的编辑界面 当前位置 编辑界面 4 3 2元件和实例的内在关系 在对 元件 或 实例 未作任何编辑时 它们是完全一样的 元件与实例 4 3 2元件和实例的内在关系 在 元件编辑界面 中为图形添加上一个白色圆形 返回到主场景1 这时 实例 及 元件 被赋予了新的特征 元件与实例 4 3 3元件和实例的属性详解 元件的属性 元件属性 对话框 4 3 3元件和实例的属性详解 元件的属性 位图 元件的属性对话框 4 3 3元件和实例的属性详解 元件的属性 声音 元件的属性对话框 4 3 3元件和实例的属性详解 实例的属性 图形实例 的 属性 面板 4 3 3元件和实例的属性详解 实例的属性 按钮 实例的 属性 面板 4 3 3元件和实例的属性详解 实例的属性 影片剪辑实例 的 属性 面板 4 3 4什么是分离与组合 分离能使位图变成填色类型的分散色块或线条 便于编辑其中的内容 分离 4 3 4什么是分离与组合 除了位图 分离 还有以下几种情况 对于文本对象 分离后变为单个的 字符 对象 再一次 分离 变成 轮廓线 图形 对于图形实例 分离后与 元件 脱离了内在关系 它成了舞台中一个孤立元素 对于按钮实例 分离后变成单帧的元素 显示为原按钮第一帧的内容 分离 4 3 4什么是分离与组合 除了位图 分离 还有以下几种情况 对于影片剪辑 分离后变成一个单帧的元素 其内容为原影片剪辑的第一帧 如果有多个图层 那么为第一帧的内容叠加 对于组合对象 分离后还原成 组合 前的状态 对于导入的矢量图形 分离后为独立的 矢量路径 再分离为 矢量色块 或 线条 分离 4 3 4什么是分离与组合 组合 就是把两个以上的 元素 集合为一个对象 组合 4 3 4什么是分离与组合 把 分离 的位图 组合 得到的是 分散色块与线条 的集合 位图的 分离 是不可 逆转 的 把 图形 按钮 影片剪辑 分离后的结果全是图形元素 组合 操作只能得到 图形的集合 根本恢复不了原元件类型 组合 例 分离与组合的应用 打开源文件 预览效果 4 3 4什么是分离与组合 4 3 5元件类型转换与实例对象交换 元件的类型 转换 是在 库 中进行的 选择待转换的元件 打开 属性 面板 选择目标类型 就能完成转换 如果在 舞台 中已经有 实例 运用 尽量别进行元件的类型转换 元件类型转换 4 3 5元件类型转换与实例对象交换 最常用的是实例类型交换和实例对象交换 在实例的 属性 面板中 可以进行两种交换 实例类型交换和实例对象交换 实例对象交换 4 3 5元件类型转换与实例对象交换 实例类型交换 能临时使某个实例得到额外的功能 在 舞台 上进行 实例交换 后 在适当的时候别忘了再恢复原来的类型 否则可能会出现意想不到的后果 实例对象交换 4 4按钮的应用 新建按钮元件创建按钮 4 4按钮的应用 效果预览 打开源文件 预览效果 4 4 1新建按钮元件 新建一个 按钮 元件 新建元件 4 4 2创建按钮 1 创建 弹起 帧上的图形 创建按钮图形 4 4 2创建按钮 2 创建 指针经过 帧上的图形 创建按钮图形 4 4 2创建按钮 3 创建 按下 帧上的图形 按下 帧上的图形和 弹起 帧上的图形相同 因此利用复制帧的方法即可得到 创建按钮图形 4 4 2创建按钮 4 创建 点击 帧上的图形选择 点击 帧 按F7键插入一个空白关键帧 绘制一个矩形 一定要让这个矩形完全包容前面关键帧中的图形 创建按钮图形 4 4 2创建按钮 1 新建 文字1 图层 输入文字 创建文字效果 4 4 2创建按钮 2 新建 文字2 图层 设置文字位置及颜色 创建文字效果 4 5精彩实例 制作三维空间效果隐藏按钮元件 制作交互界面鼠标看画 4 5 1制作三维空间效果 效果预览 打开源文件 预览效果 4 5 1制作三维空间效果 新建一个影片文档文件大小为550 250像素设置 背景色 为黑色 设置影片文档属性 4 5 1制作三维空间效果 分别新建名为 光影 水波 和 小球 的图形元件 创建图形元件 4 5 1制作三维空间效果 基础MC 要实现小球掉到地面产生水波 然后弹起的动画过程 创建 基础MC 基础MC 图层结构及第21帧效果 4 5 1制作三维空间效果 布局场景 主场景中的图层结构 4 5 2隐藏按钮元件 制作交互界面 效果预览 打开源文件 预览效果 4 5 2隐藏按钮元件 制作交互界面 新建名为 but 4 的按钮元件 创建按钮元件 4 5 2隐藏按钮元件 制作交互界面 按钮中MC的动画过程是通过一个名字叫 线条4 的MC元件实现的 创建按钮中的MC元件 线条4 MC的图层结构 4 5 2隐藏按钮元件 制作交互界面 回到 场景1 保持该按钮处于被选中状态 打开 动作 面板 设置动作脚本 定义按钮脚本 on release gotoAndPlay 场景2 1 4 5 2隐藏按钮元件 制作交互界面 其余6个按钮外形 内部结构完全一样 仅是按钮的动作脚本及内部MC线条走