7.2元件和“库”面板
合集下载
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
此时可以通过多次复制该对象来达到创作目的。但是通过 这样的操作后，每个复制得到的对象都具有独立的文件信 息，会使整个影片的体积增大。但如果将对象制作成元件 后再加以应用，Flash就会反复调用同一个对象，不会影 响影片的体积。如果将该图像直接复制6个，则输出影片 的大小为128KB；如果将该图像转换为元件，并通过调用 元件达到相同的效果，影片的大小则仅为42KB。
按钮预览效果
（ a） 弹 起 效 果
（ b） 鼠 标 经 过 效 果 按钮预览效果
（ c） 鼠 标 按 下 效 果
习
题
• （1）在场景中设置元件实例的透明和色调
效果。 • （2）在“库”面板中将图形元件转换为影 片剪辑元件。 • （3）从“公共库”面板中创建一个按钮。
按钮预览效果
（a）原始状态 按钮预览效果
“直接复制元件”对话框
“直接复制元件”对话框
删除元件
要删除库中多余的元件，可选择该元件后右击，在弹出的快捷菜 单中选择“删除”命令，或单击“库”面板下方的 按钮删除所选择 的元件。如果需要撤销删除元件操作，可以选择“编辑/撤销”命令 进行撤销。
转换元件
• 在Flash影片的编辑中，可以随时将库中元
“转换为元件”对话框
按钮元件
• 按钮元件是Flash影片中创建交互功能的重
要组成部分，用于在影片中响应鼠标单击、 经过及按下等动作，然后将响应的事件结 果传递给创建的交互程序进行处理。
– 按钮元件的概念 – 创建按钮元件
按钮元件的概念
• 按钮元件用于创建动画的交互控制按钮。按钮实
际上是一个4帧的交互影片。这4帧代表了按钮弹 起、指针经过、按下、点击4个不同状态。用户可 以在不同的状态中创建相应的内容，既可以是文 本和静态图形，也可以是动画或影片，还可以通 过给按钮添加事件和交互动作，使按钮具有交互 功能。
不能在公用库中进行编辑，只有将其调用到当前 动画后才能进行编辑。调用公用库中元件的方法 与调用“库”面板中的元件的方法相同。公用库 共分为“学习交互”、“按钮”和“类”3种，下 面分别进行讲解。
– 学习交互 – 按钮 –类
学习交互
• 选择“窗口/公用库/学习交互”命令，打开
“库-学习交互”面板。其中包括了多层文 件夹。学习交互库中提供了多种形式的具 体交互情况供选择，用户可以从列表框中 选择所需的交互作用，这给制作影片带来 了极大的方便，省去了很多自行制作交互 作用的时间。
“库” 面 板
– “库”面板 – 库的管理和使用 – 公用库
“库”面板
• 在Flash文档中选择“窗口/库”命令或按
Ctrl+L快捷键打开“库”面板。每个Flash 文件都对应一个库来存放元件、声音、位 图及视频等文件，并且用对应的元件符号 来显示其文件类型。“库”面板可以组织 和管理库中的内容，当选中库列表中的一 个对象时，库预览窗口将显示该对象的内 容。
元件的创建
• Flash影片中的元件就像影视剧中的演员、道具，
都是具有独立身份的元素，它们在影片中发挥着 各自的作用，是Flash影片构成的主体。
– – – – – 元件的概念 图形元件 按钮元件 影片剪辑元件 应用实例——将图像转换为元
元件的概念
• 在制作Flash影片的过程中常常会反复应用到同一个对象，
创建按钮元件
• 创建按钮元件一般要为其4帧设置不同的效
果，以创建出具有动态效果的按钮。
影片剪辑元件
• 影片剪辑是Flash影片中常用的元件类型，是独立
于影片时间线的动画元件，主要用于创建具有一 段独立主题内容的动画片段。当影片剪辑所在图 层的其他帧没有别的元件或空白关键帧时，它不 受目前场景中帧长度的限制，作循环播放；如果 有空白关键帧，并且空白关键帧所在位置比影片 剪辑动画的结束帧靠前，影片会结束，同样也作 提前结束的循环播放。
复制、删除以及转换操作。
– 重命名元件 – 复制元件 – 删除元件 – 转换元件
重命名元件
• 对库中的元件或文件夹重命名的方法有以下几种：
双击要重命名的元件或文件夹的名称。 在需要重命名的元件或文件夹上右击，在Βιβλιοθήκη 出的快捷菜单中 选择“重命名”命令。
选择重命名的元件或文件夹， “库” 单击 面板右上角的 按钮， 在弹出下拉菜单中选择“重命名”命令。
•
图形元件
在文档的舞台中，被选择的任何对象都可以被转换为图形元件。 在文档中选中要转换为图形元件的对象后， 选择 “修改/转换为元件” 命令或按 F8 键，在打开的“转换为元件”对话框中选中“类型”栏 的 单选按钮， “名称” 并在 文本框中输入元件的名称， 单击
按钮即可转换为元件。
“转换为元件”对话框
（b）鼠标经过状态
“库”面板
“ 属 性 ”按 钮
：该 按 钮 的 作 用 是 显 示 当 前 被 选 中 元 件 的 属 性
并允许对这些属性进行修改。
“ 删 除 ”按 钮
：选 择 库 中 的 元 件 或 文 件 夹 ，单 击 该 按 钮 可 删
除元件或文件夹。
“库”面板
“库”面板
库的管理和使用
• 对库中的元件或文件夹可以进行重命名、
元件和“库”面板
• 学习目标 • 本章要点 • 上机练习 •习 题
学习目标
• 元件是可以重复使用的对象，该对象可以应
用于当前影片或其他影片中。本章将了解元 件的概念和分类，掌握元件的创建以及“库” 面板的操作和公共库的使用方法，并对元件 实例的创建和编辑操作进行讲解。
本章要点
– 创建元件 – “库”面板 – 创建和编辑元件实例
元件的概念
– 简化动画的制作过程：在动画的制作过程中， 将频繁使用的元素做成元件，在多次使用时就 不必每次都重新编辑该对象。另外，当库中的 元件被修改后，在场景中该元件的所有实例就 会随之发生改变，大大节省了设计时间。
元件的概念
– 减小文件大小：创建元件后，在以后制作作品时，只需引用该元 件即可。即在场景中创建该元件的实例，所有的元件只需在文件 中保存一次，这样可使文件体积大大减小，节省磁盘空间。 – 方便网络传输：当把Flash文件传输到网上时，虽然一个元件在影 片中创建了多个实例，但是无论其在影片中出现过多少次，该实 例在被浏览时只需下载一次，不用在每次遇到该实例时都下载。 这样便缩短了下载时间，加快了动画的播放速度。
影片剪辑元件
• 已经创建完毕的动画片段可以转换为影片
剪辑，也可以新建一个空白的影片剪辑元 件，然后在元件编辑模式下制作和编辑元 件。
影片剪辑元件
新建影片剪辑的方法同创建图形元件的方法相同，需要在文档中 选择“插入/新建元件”命令或按 Ctrl+F8 快捷键，打开“创建新元 件”对话框。在该对话框中选中 本框中输入元件的名称， 单击 区。 单选按钮，并在“名称”文 按钮即可进入影片剪辑元件编辑
按钮元件的概念
– 按下：鼠标光标按下该按钮时所处的状态。 在该帧上也需插入空白关键帧，然后再创建 在该帧按钮的状态。同“指针经过”帧相同， 最好在该帧也设置一些变化。 – 点击：这种状态下可以定义响应按钮事件的 区域范围，只有当鼠标光标进入到这一区域 时，按钮才开始响应鼠标的动作。另外，这 一帧仅仅代表一个区域，并不会在动画选择 时显示出来。通常，该范围不用特别设定， Flash会自动依照按钮的“弹起”或“指针 经过”状态时的面积作为鼠标的反应范围。
重命名元件
• 执行上述操作中的一种后，元件名将呈可
编辑状态，直接输入新名称即可为元件重 命名。
输入新名称
重命名元件
复制元件
• 复制元件是取得具有相同内容元件的简单有效的 •
方法。对复制出的元件进行编辑，可以在原来的 图形基础上快速创建出新的元件。 在库中需要复制的元件上右击，在弹出的快捷菜 单中选择“直接复制”命令，打开“直接复制元 件”对话框。在该对话框中为复制得到的元件命 名并选择元件类型，单击“确定”按钮。
复制使用某对象的效果
复制使用某对象的效果
元件的概念
• 在Flash中可以创建的元件分为图形元件、
按钮元件和影片剪辑元件3种类型。元件中 的动画可以独立于主场景中的动画进行播 放。由于元件具有可以反复使用的特点， 因而不必重复制作相同的部分，从而大大 提高了工作效率。在Flash中使用元件主要 有以下优点：
图形元件
• 图形元件用于静态图像，还可用于创建连接到时
间轴的可以重复使用的动画片段使图形元件与时 间轴同步运行。但交互式控件和声音在图形元件 的动画序列中不起作用。 图形元件是Flash电影中最基本的元件，主要用于 建立和储存独立的图形内容，也可以用来制作动 画，但当把图形元件拖到舞台或其他元件中时， 不能在“属性”面板中设置其实例名称，也不能 为其添加脚本。
按钮元件编辑区
按钮元件编辑区
按钮元件的概念
• 在按钮元件编辑区中各帧的含义分别如下：
– 弹起：表示鼠标光标未移到按钮上时的状态， 即按钮在正常情况下呈现的状态。此帧在创 建初始为空关键帧，单击此帧在工作区创建 该按钮的状态。 – 指针经过：表示鼠标光标移到按钮上但没有 按下按钮时所处的状态，在该帧上应插入空 白关键帧，然后再创建在该帧按钮的状态。 一般来说，为了使按钮更生动形象，该帧相 对于弹起状态应该有所不同。
件的类型转换为需要的类型。如可将图形 元件转换成影片剪辑元件，使之具有影片 剪辑元件的属性。在需要转换类型的元件 上右击，在弹出的快捷菜单中选择“类型” 命令，在弹出的子菜单中选择所需类型即 可。
更改元件类型
1 3
2
”对话框
更改元件类型
公用库
• 在Flash公用库中的元件是Flash自带的，这些元件
“库-学习交互”面板
“库-学习交互”面板
按钮
• 选择“窗口/公用库/按钮”命令，打开“库
-按钮”面板。在按钮库中提供了内容丰富 而且形式各异的按钮标本，用户可以根据 自己的具体需要在按钮库里选择合适的按 钮。
上机练习
• 上机练习将创建一个变色按钮。先新建一个图形
元件，在编辑区中使用椭圆工具创建圆形，设置 圆形的填充样式，复制并缩放圆形，然后创建一 个按钮元件，分别插入关键帧，将图形元件拖入 按钮编辑区的各帧中，并依次在“属性”面板中 设置各帧元件实例的颜色参数。
“库”面板
• “库”面板左下方各按钮的含义分别如下：
“新建元件”按钮 ：单击该按钮的效果与选择“插入/新建 元件”命令相同，将打开一个“创建新元件”对话框，用于 新建元件。
“新建文件夹”按钮 ：用于在库中增加一个文件夹。当库中 的元件数目太多时，就需要新建文件夹来分别存放不同类型 的元件。通过文件夹可以对库中的元件进行分类管理。
“创建新元件”对话框
“创建新元件”对话框
应用实例——将图像转换为元件
• 本例将导入的图像创建为一个图形元件。
设置图形元件实例
设置图形元件实例
“库” 面 板
• 在Flash中创建的各种类型元件都会自动保
存在“库”面板中。如果将“库”面板中 保存的元件拖到场景中，就会自动生成一 个元件实例。如果元件的属性改变，场景 中对应的实例属性也随之改变。同样，如 果对场景中的元件实例进行编辑，也会改 变“库”中对应的元件属性。
按钮预览效果
（ a） 弹 起 效 果
（ b） 鼠 标 经 过 效 果 按钮预览效果
（ c） 鼠 标 按 下 效 果
习
题
• （1）在场景中设置元件实例的透明和色调
效果。 • （2）在“库”面板中将图形元件转换为影 片剪辑元件。 • （3）从“公共库”面板中创建一个按钮。
按钮预览效果
（a）原始状态 按钮预览效果
“直接复制元件”对话框
“直接复制元件”对话框
删除元件
要删除库中多余的元件，可选择该元件后右击，在弹出的快捷菜 单中选择“删除”命令，或单击“库”面板下方的 按钮删除所选择 的元件。如果需要撤销删除元件操作，可以选择“编辑/撤销”命令 进行撤销。
转换元件
• 在Flash影片的编辑中，可以随时将库中元
“转换为元件”对话框
按钮元件
• 按钮元件是Flash影片中创建交互功能的重
要组成部分，用于在影片中响应鼠标单击、 经过及按下等动作，然后将响应的事件结 果传递给创建的交互程序进行处理。
– 按钮元件的概念 – 创建按钮元件
按钮元件的概念
• 按钮元件用于创建动画的交互控制按钮。按钮实
际上是一个4帧的交互影片。这4帧代表了按钮弹 起、指针经过、按下、点击4个不同状态。用户可 以在不同的状态中创建相应的内容，既可以是文 本和静态图形，也可以是动画或影片，还可以通 过给按钮添加事件和交互动作，使按钮具有交互 功能。
不能在公用库中进行编辑，只有将其调用到当前 动画后才能进行编辑。调用公用库中元件的方法 与调用“库”面板中的元件的方法相同。公用库 共分为“学习交互”、“按钮”和“类”3种，下 面分别进行讲解。
– 学习交互 – 按钮 –类
学习交互
• 选择“窗口/公用库/学习交互”命令，打开
“库-学习交互”面板。其中包括了多层文 件夹。学习交互库中提供了多种形式的具 体交互情况供选择，用户可以从列表框中 选择所需的交互作用，这给制作影片带来 了极大的方便，省去了很多自行制作交互 作用的时间。
“库” 面 板
– “库”面板 – 库的管理和使用 – 公用库
“库”面板
• 在Flash文档中选择“窗口/库”命令或按
Ctrl+L快捷键打开“库”面板。每个Flash 文件都对应一个库来存放元件、声音、位 图及视频等文件，并且用对应的元件符号 来显示其文件类型。“库”面板可以组织 和管理库中的内容，当选中库列表中的一 个对象时，库预览窗口将显示该对象的内 容。
元件的创建
• Flash影片中的元件就像影视剧中的演员、道具，
都是具有独立身份的元素，它们在影片中发挥着 各自的作用，是Flash影片构成的主体。
– – – – – 元件的概念 图形元件 按钮元件 影片剪辑元件 应用实例——将图像转换为元
元件的概念
• 在制作Flash影片的过程中常常会反复应用到同一个对象，
创建按钮元件
• 创建按钮元件一般要为其4帧设置不同的效
果，以创建出具有动态效果的按钮。
影片剪辑元件
• 影片剪辑是Flash影片中常用的元件类型，是独立
于影片时间线的动画元件，主要用于创建具有一 段独立主题内容的动画片段。当影片剪辑所在图 层的其他帧没有别的元件或空白关键帧时，它不 受目前场景中帧长度的限制，作循环播放；如果 有空白关键帧，并且空白关键帧所在位置比影片 剪辑动画的结束帧靠前，影片会结束，同样也作 提前结束的循环播放。
复制、删除以及转换操作。
– 重命名元件 – 复制元件 – 删除元件 – 转换元件
重命名元件
• 对库中的元件或文件夹重命名的方法有以下几种：
双击要重命名的元件或文件夹的名称。 在需要重命名的元件或文件夹上右击，在Βιβλιοθήκη 出的快捷菜单中 选择“重命名”命令。
选择重命名的元件或文件夹， “库” 单击 面板右上角的 按钮， 在弹出下拉菜单中选择“重命名”命令。
•
图形元件
在文档的舞台中，被选择的任何对象都可以被转换为图形元件。 在文档中选中要转换为图形元件的对象后， 选择 “修改/转换为元件” 命令或按 F8 键，在打开的“转换为元件”对话框中选中“类型”栏 的 单选按钮， “名称” 并在 文本框中输入元件的名称， 单击
按钮即可转换为元件。
“转换为元件”对话框
（b）鼠标经过状态
“库”面板
“ 属 性 ”按 钮
：该 按 钮 的 作 用 是 显 示 当 前 被 选 中 元 件 的 属 性
并允许对这些属性进行修改。
“ 删 除 ”按 钮
：选 择 库 中 的 元 件 或 文 件 夹 ，单 击 该 按 钮 可 删
除元件或文件夹。
“库”面板
“库”面板
库的管理和使用
• 对库中的元件或文件夹可以进行重命名、
元件和“库”面板
• 学习目标 • 本章要点 • 上机练习 •习 题
学习目标
• 元件是可以重复使用的对象，该对象可以应
用于当前影片或其他影片中。本章将了解元 件的概念和分类，掌握元件的创建以及“库” 面板的操作和公共库的使用方法，并对元件 实例的创建和编辑操作进行讲解。
本章要点
– 创建元件 – “库”面板 – 创建和编辑元件实例
元件的概念
– 简化动画的制作过程：在动画的制作过程中， 将频繁使用的元素做成元件，在多次使用时就 不必每次都重新编辑该对象。另外，当库中的 元件被修改后，在场景中该元件的所有实例就 会随之发生改变，大大节省了设计时间。
元件的概念
– 减小文件大小：创建元件后，在以后制作作品时，只需引用该元 件即可。即在场景中创建该元件的实例，所有的元件只需在文件 中保存一次，这样可使文件体积大大减小，节省磁盘空间。 – 方便网络传输：当把Flash文件传输到网上时，虽然一个元件在影 片中创建了多个实例，但是无论其在影片中出现过多少次，该实 例在被浏览时只需下载一次，不用在每次遇到该实例时都下载。 这样便缩短了下载时间，加快了动画的播放速度。
影片剪辑元件
• 已经创建完毕的动画片段可以转换为影片
剪辑，也可以新建一个空白的影片剪辑元 件，然后在元件编辑模式下制作和编辑元 件。
影片剪辑元件
新建影片剪辑的方法同创建图形元件的方法相同，需要在文档中 选择“插入/新建元件”命令或按 Ctrl+F8 快捷键，打开“创建新元 件”对话框。在该对话框中选中 本框中输入元件的名称， 单击 区。 单选按钮，并在“名称”文 按钮即可进入影片剪辑元件编辑
按钮元件的概念
– 按下：鼠标光标按下该按钮时所处的状态。 在该帧上也需插入空白关键帧，然后再创建 在该帧按钮的状态。同“指针经过”帧相同， 最好在该帧也设置一些变化。 – 点击：这种状态下可以定义响应按钮事件的 区域范围，只有当鼠标光标进入到这一区域 时，按钮才开始响应鼠标的动作。另外，这 一帧仅仅代表一个区域，并不会在动画选择 时显示出来。通常，该范围不用特别设定， Flash会自动依照按钮的“弹起”或“指针 经过”状态时的面积作为鼠标的反应范围。
重命名元件
• 执行上述操作中的一种后，元件名将呈可
编辑状态，直接输入新名称即可为元件重 命名。
输入新名称
重命名元件
复制元件
• 复制元件是取得具有相同内容元件的简单有效的 •
方法。对复制出的元件进行编辑，可以在原来的 图形基础上快速创建出新的元件。 在库中需要复制的元件上右击，在弹出的快捷菜 单中选择“直接复制”命令，打开“直接复制元 件”对话框。在该对话框中为复制得到的元件命 名并选择元件类型，单击“确定”按钮。
复制使用某对象的效果
复制使用某对象的效果
元件的概念
• 在Flash中可以创建的元件分为图形元件、
按钮元件和影片剪辑元件3种类型。元件中 的动画可以独立于主场景中的动画进行播 放。由于元件具有可以反复使用的特点， 因而不必重复制作相同的部分，从而大大 提高了工作效率。在Flash中使用元件主要 有以下优点：
图形元件
• 图形元件用于静态图像，还可用于创建连接到时
间轴的可以重复使用的动画片段使图形元件与时 间轴同步运行。但交互式控件和声音在图形元件 的动画序列中不起作用。 图形元件是Flash电影中最基本的元件，主要用于 建立和储存独立的图形内容，也可以用来制作动 画，但当把图形元件拖到舞台或其他元件中时， 不能在“属性”面板中设置其实例名称，也不能 为其添加脚本。
按钮元件编辑区
按钮元件编辑区
按钮元件的概念
• 在按钮元件编辑区中各帧的含义分别如下：
– 弹起：表示鼠标光标未移到按钮上时的状态， 即按钮在正常情况下呈现的状态。此帧在创 建初始为空关键帧，单击此帧在工作区创建 该按钮的状态。 – 指针经过：表示鼠标光标移到按钮上但没有 按下按钮时所处的状态，在该帧上应插入空 白关键帧，然后再创建在该帧按钮的状态。 一般来说，为了使按钮更生动形象，该帧相 对于弹起状态应该有所不同。
件的类型转换为需要的类型。如可将图形 元件转换成影片剪辑元件，使之具有影片 剪辑元件的属性。在需要转换类型的元件 上右击，在弹出的快捷菜单中选择“类型” 命令，在弹出的子菜单中选择所需类型即 可。
更改元件类型
1 3
2
”对话框
更改元件类型
公用库
• 在Flash公用库中的元件是Flash自带的，这些元件
“库-学习交互”面板
“库-学习交互”面板
按钮
• 选择“窗口/公用库/按钮”命令，打开“库
-按钮”面板。在按钮库中提供了内容丰富 而且形式各异的按钮标本，用户可以根据 自己的具体需要在按钮库里选择合适的按 钮。
上机练习
• 上机练习将创建一个变色按钮。先新建一个图形
元件，在编辑区中使用椭圆工具创建圆形，设置 圆形的填充样式，复制并缩放圆形，然后创建一 个按钮元件，分别插入关键帧，将图形元件拖入 按钮编辑区的各帧中，并依次在“属性”面板中 设置各帧元件实例的颜色参数。
“库”面板
• “库”面板左下方各按钮的含义分别如下：
“新建元件”按钮 ：单击该按钮的效果与选择“插入/新建 元件”命令相同，将打开一个“创建新元件”对话框，用于 新建元件。
“新建文件夹”按钮 ：用于在库中增加一个文件夹。当库中 的元件数目太多时，就需要新建文件夹来分别存放不同类型 的元件。通过文件夹可以对库中的元件进行分类管理。
“创建新元件”对话框
“创建新元件”对话框
应用实例——将图像转换为元件
• 本例将导入的图像创建为一个图形元件。
设置图形元件实例
设置图形元件实例
“库” 面 板
• 在Flash中创建的各种类型元件都会自动保
存在“库”面板中。如果将“库”面板中 保存的元件拖到场景中，就会自动生成一 个元件实例。如果元件的属性改变，场景 中对应的实例属性也随之改变。同样，如 果对场景中的元件实例进行编辑，也会改 变“库”中对应的元件属性。