返回总目录第 5章元件、实例和库
1.2?2007
第 5章 元件、实例和库
了解元件和实例的基本概念
掌握 创建和使用不同类型的元件
掌握“库”资源的使用方法教学目的
1.3?2007
第 5章 元件、实例和库
认识元件和实例
创建元件
创建按钮
编辑元件本章内容
使用元件实例
导入图形
库资源
1.4?2007
第 5章 元件、实例和库
5.1 认识元件和实例元件,是指一个可重复使用的图像、动画或按钮将元件放到工作区应用于动画的制作过程中就成为 实例( instance)
元件有三种类型:
影片剪辑元件
按钮元件
图形元件认识元件和实例
1.5?2007
第 5章 元件、实例和库创建元件
5.2 创建元件
把工作区中的现有元素转换成元件
创建新元件
将动画转换为影片剪辑
复制元件
1.6?2007
第 5章 元件、实例和库
1,选中工作区中的某个元素
2,选择“修改” →,转换成元件”命令,这时弹出“转换为元件”对话框,输入元件的名称并选择元件类型
3,选择,窗口,→,库,命令,打开库面板,即看到刚才建立的新元件把工作区中的现有元素转换成元件方法如下:
把工作区中的现有元素转换成元件
,转换为元件”对话框
1.7?2007
第 5章 元件、实例和库创建新元件创建新元件方法如下:
1,选择“插入” →,新建元件”命令,将弹出“创建新元件”对话框
2,单击库面板中的按钮,在弹出的菜单中选择“创建新建元件”命令
3,单击库面板最底下的按钮,也可以 打开,创建新建元件,对话框,输入元件的名称,选择元件的类型,单击,确定,按钮后,即可新建一元件
“创建新元件”对话框
1.8?2007
第 5章 元件、实例和库创建新元件元件编辑模式
4,使用绘图工具绘图或导入媒体等建立元件的内容
5,当建完元件后单击下图中的,场景 1”,返回到场景编辑状态
1.9?2007
第 5章 元件、实例和库将动画转换为影片剪辑将动画转换为影片剪辑其转换方法如下:
1,在时间轴任意一个单元格上右击,在弹出的快捷菜单中选择,选择所有帧,
2,右击,在弹出的快捷菜单中选择,复制帧,命令,或者直接选择,
编辑,→,复制帧,命令,即可将所有帧都复制到剪贴板上
3,选择,插入,→,新建元件,命令,在弹出的对话框中输入元件名称,选择影片剪辑作为元件的类型,然后单击,确定,按钮,则舞台切换到元件编辑模式,用户可以编辑元件
1.10?2007
第 5章 元件、实例和库将动画转换为影片剪辑
4,单击时间轴的第一帧,并选择,编辑,→,粘贴帧,命令,将刚才复制到剪贴板上的动画粘贴进来;或在第一帧上右击,在弹出的快捷菜单中选择,粘贴帧,,也可将动画粘贴到元件编辑模式舞台上
5,选择,编辑,→,编辑所有,命令,回到电影编辑模式;或者单击舞台左上方的场景编辑按钮
1.11?2007
第 5章 元件、实例和库复制元件的方法如下:
复制元件
1,在库面板中选择一个元件
2,单击库面板中的按钮,从弹出的菜单中选择“直接复制”命令,这时会弹出“元件属性”对话框,输入新元件的名称并选择所复制的元件的类型。确定后库窗口会增加一个与被复制元件一样的新元件,只需要在元件编辑模式下对它进行一定的修改就可以成为一个新元件了
1.12?2007
第 5章 元件、实例和库
创建按钮
测试按钮创建按钮
5.3 创建按钮
1.13?2007
第 5章 元件、实例和库按钮按钮,是元件的一种类型
弹起
指针经过
按下
点击按钮有以下四种状态,
按钮时间轴
1.14?2007
第 5章 元件、实例和库创建按钮的方法如下:
创建按钮
1,选择“插入” →,新建元件”命令,或者按快捷键 Ctrl+F8
2,在“元件属性”对话框中输入新建按钮的名称,并选择 Button作为元件的类型,确定后 Flash自动切换到元件编辑模式,时间轴的第一行显示 4个连续的帧
3,在时间轴窗口单击第一帧(空白关键帧),然后使用绘图工具、导入图像或者使用其他元件的实例制作好该帧的按钮外观按钮时间轴
1.15?2007
第 5章 元件、实例和库创建按钮
4,单击第二帧,并选择“插入” →,关键帧”命令,或右击,在弹出的快捷菜单中选择“插入关键帧”
5,修改或重新制作一个图形,作为鼠标经过状态的按钮图
6,重复第 4步和第 5步,制作其他按钮状态时的外观
7,完成以上步骤后退出元件编辑模式,回到场景编辑模式。然后可以从库面板中把做好的按钮元件拖到工作区中建立实例。
按钮时间轴
1.16?2007
第 5章 元件、实例和库测试按钮
激活 /禁止按钮。选择“控制” →,启用简单按钮”命令,该菜单项出现一个对钩符号,表示激活按钮。再次选择此按钮,按钮又回到未被激活的状态
选择激活的按钮。因为按钮被激活后,单击按钮将执行指定的动作,因此要选择激活的按钮,必须拖拽鼠标拖出一个矩形框将按钮包围,释放鼠标后就选中按钮。选中后用方向键移动按钮,也可以在“属性”面板中修改按钮实例的属性
测试按钮。使用激活按钮的方法在编辑工作区中直接测试,也可以选择
“控制” →,测试电影”命令来测试按钮
1.17?2007
第 5章 元件、实例和库
在当前位置编辑
在新窗口中编辑元件
在元件编辑模式下编辑元件
退出元件编辑模式编辑元件
5.4 编辑元件
1.18?2007
第 5章 元件、实例和库在当前位置编辑选中一个元件的实例,选择“编辑” →,
编辑位置”命令,或者右击,在弹出的快捷菜单中选择“在当前位置编辑”,或直接双击弹出菜单
1.19?2007
第 5章 元件、实例和库在新窗口中编辑元件在工作区选中一个元件实例后,右击,从弹出的快捷菜单中选择“
在新窗口中编辑”,选中的元件在新的独立窗口中出现
1.20?2007
第 5章 元件、实例和库在元件编辑模式下编辑元件选中一个元件实例,然后右击,从弹出的快捷菜单中选择“编辑”
,或者选择“编辑” →,编辑元件”或“编辑所选项目”命令
1.21?2007
第 5章 元件、实例和库退出元件编辑模式当编辑完元件后,要退出元件编辑模式,可以使用以下方法:
1,单击工作区左上角的场景名称按钮,例如,单击如下图中所示的场景
1
2,选择“编辑” →,编辑文档”命令退出元件编辑模式
1.22?2007
第 5章 元件、实例和库
改变实例属性
为实例交换元件
改变实例类型
打散实例使用元件实例
5.5 使用元件实例
1.23?2007
第 5章 元件、实例和库改变实例属性选中一元件的实例,“属性”面板变为该实例的属性。在该面板中,用户可以改变实例的属性实例“属性”面板
1.24?2007
第 5章 元件、实例和库为实例交换元件的步骤如下,
为实例交换元件
1,在工作区选中一个实例
2,单击实例属性面板中的“交换”按钮,弹出,交换元件”对话框,
在其中的目录里列出了该动画已有的可以作为更换的元件。单击另一元件,确定后即完成交换
“交换元件”对话框
1.25?2007
第 5章 元件、实例和库改变实例类型在 Flash 8中,改变实例类型很简单,只要选中实例,然后在“属性”面板中的下拉列表框中选择实例的类型即可改变实例类型
1.26?2007
第 5章 元件、实例和库打散实例打散实例,可以切断它与元件的联系,成为非群组的形状和直线的集合从而可对实例的局部进行较为细致的操作
1,选中需要打散的实例
2,选择“修改” →,分离”命令,将实例打散为图形元素的组合,或使用快捷键 Ctrl+B
3,使用绘图工具修改元素打散实例的步骤如下:
1.27?2007
第 5章 元件、实例和库
导入图形
转换位图为矢量图导入图形
5.6 导入图形
1.28?2007
第 5章 元件、实例和库导入图形导入文件的方法如下:
1,选择“文件” →,导入”命令
2,在弹出的“导入”对话框中选择需要导入的文件,为方便浏览,可以选用缩略图的形式导入文件
1.29?2007
第 5章 元件、实例和库导入系列文件提示框导入图形
3,如果输入的文件名称以数字结尾,即表示该文件为一个系列的文件之一。这时,会弹出一个提示框,询问是否将相同系列的文件全部导入,如下图所示。回答“是”,则将该系列文件全部导入
1.30?2007
第 5章 元件、实例和库导入文件只是获得位图的一种方式,也可以在其他程序中直接复制位图到 Flash中,主要步骤如下,
导入图形
1,在其他程序中拷贝图片,将图形复制到剪贴板中
2,在 Flash中选择“编辑” →,粘贴”命令
3,如果作为对象粘贴,可选择“编辑” →,选择性粘贴”命令,
在弹出的对象属性选择框中选择想要的粘贴方式
1.31?2007
第 5章 元件、实例和库将位图矢量化的方法如下:
转换位图为矢量图
1,用上述方法导入一张位图,然后选中导入的位图
2,选择,修改” →,转换位图为矢量图”命令,弹出,转换位图为矢量图”对话框
3,修改对话框中的参数,单击“确定”按钮,就完成位图矢量化
“转换位图为矢量图”对话框
1.32?2007
第 5章 元件、实例和库
公用库
共享库资源库资源
5.7 库资源
1.33?2007
第 5章 元件、实例和库为了方便调用元件,减少重复工作,提高工作效率,在 Flash中附带了很多元件,都保存在公用库里,选择“窗口” →,公用库”命令,
弹出“学习交互”、“按钮”、“类”子菜单公用库
“学习交互”、“按钮”、“类”公用库面板
1.34?2007
第 5章 元件、实例和库两种不同的共享库资源方法:
共享库资源
1,对于运行时共享资源源文档的资源是以外部文件的形式链接到目标文档中的,运行时资源在文档回放期间(即在运行时)加载到目标文档中。在制作目标文档时,包含共享资源的源文档并不需要在本地网络上可供使用。
但是,为了让共享资源在运行时可供目标文档使用,源文档必须发布到 URL上
2,对于创作期间的共享可以用本地网络上任何其他可用元件来更新或替换正在创作的文档中的任何元件,可以在创作文档时更新目标文档中的元件。目标文档中的元件保留了原始名称和属性,但其内容会被更新或替换为所选元件的内容
1.2?2007
第 5章 元件、实例和库
了解元件和实例的基本概念
掌握 创建和使用不同类型的元件
掌握“库”资源的使用方法教学目的
1.3?2007
第 5章 元件、实例和库
认识元件和实例
创建元件
创建按钮
编辑元件本章内容
使用元件实例
导入图形
库资源
1.4?2007
第 5章 元件、实例和库
5.1 认识元件和实例元件,是指一个可重复使用的图像、动画或按钮将元件放到工作区应用于动画的制作过程中就成为 实例( instance)
元件有三种类型:
影片剪辑元件
按钮元件
图形元件认识元件和实例
1.5?2007
第 5章 元件、实例和库创建元件
5.2 创建元件
把工作区中的现有元素转换成元件
创建新元件
将动画转换为影片剪辑
复制元件
1.6?2007
第 5章 元件、实例和库
1,选中工作区中的某个元素
2,选择“修改” →,转换成元件”命令,这时弹出“转换为元件”对话框,输入元件的名称并选择元件类型
3,选择,窗口,→,库,命令,打开库面板,即看到刚才建立的新元件把工作区中的现有元素转换成元件方法如下:
把工作区中的现有元素转换成元件
,转换为元件”对话框
1.7?2007
第 5章 元件、实例和库创建新元件创建新元件方法如下:
1,选择“插入” →,新建元件”命令,将弹出“创建新元件”对话框
2,单击库面板中的按钮,在弹出的菜单中选择“创建新建元件”命令
3,单击库面板最底下的按钮,也可以 打开,创建新建元件,对话框,输入元件的名称,选择元件的类型,单击,确定,按钮后,即可新建一元件
“创建新元件”对话框
1.8?2007
第 5章 元件、实例和库创建新元件元件编辑模式
4,使用绘图工具绘图或导入媒体等建立元件的内容
5,当建完元件后单击下图中的,场景 1”,返回到场景编辑状态
1.9?2007
第 5章 元件、实例和库将动画转换为影片剪辑将动画转换为影片剪辑其转换方法如下:
1,在时间轴任意一个单元格上右击,在弹出的快捷菜单中选择,选择所有帧,
2,右击,在弹出的快捷菜单中选择,复制帧,命令,或者直接选择,
编辑,→,复制帧,命令,即可将所有帧都复制到剪贴板上
3,选择,插入,→,新建元件,命令,在弹出的对话框中输入元件名称,选择影片剪辑作为元件的类型,然后单击,确定,按钮,则舞台切换到元件编辑模式,用户可以编辑元件
1.10?2007
第 5章 元件、实例和库将动画转换为影片剪辑
4,单击时间轴的第一帧,并选择,编辑,→,粘贴帧,命令,将刚才复制到剪贴板上的动画粘贴进来;或在第一帧上右击,在弹出的快捷菜单中选择,粘贴帧,,也可将动画粘贴到元件编辑模式舞台上
5,选择,编辑,→,编辑所有,命令,回到电影编辑模式;或者单击舞台左上方的场景编辑按钮
1.11?2007
第 5章 元件、实例和库复制元件的方法如下:
复制元件
1,在库面板中选择一个元件
2,单击库面板中的按钮,从弹出的菜单中选择“直接复制”命令,这时会弹出“元件属性”对话框,输入新元件的名称并选择所复制的元件的类型。确定后库窗口会增加一个与被复制元件一样的新元件,只需要在元件编辑模式下对它进行一定的修改就可以成为一个新元件了
1.12?2007
第 5章 元件、实例和库
创建按钮
测试按钮创建按钮
5.3 创建按钮
1.13?2007
第 5章 元件、实例和库按钮按钮,是元件的一种类型
弹起
指针经过
按下
点击按钮有以下四种状态,
按钮时间轴
1.14?2007
第 5章 元件、实例和库创建按钮的方法如下:
创建按钮
1,选择“插入” →,新建元件”命令,或者按快捷键 Ctrl+F8
2,在“元件属性”对话框中输入新建按钮的名称,并选择 Button作为元件的类型,确定后 Flash自动切换到元件编辑模式,时间轴的第一行显示 4个连续的帧
3,在时间轴窗口单击第一帧(空白关键帧),然后使用绘图工具、导入图像或者使用其他元件的实例制作好该帧的按钮外观按钮时间轴
1.15?2007
第 5章 元件、实例和库创建按钮
4,单击第二帧,并选择“插入” →,关键帧”命令,或右击,在弹出的快捷菜单中选择“插入关键帧”
5,修改或重新制作一个图形,作为鼠标经过状态的按钮图
6,重复第 4步和第 5步,制作其他按钮状态时的外观
7,完成以上步骤后退出元件编辑模式,回到场景编辑模式。然后可以从库面板中把做好的按钮元件拖到工作区中建立实例。
按钮时间轴
1.16?2007
第 5章 元件、实例和库测试按钮
激活 /禁止按钮。选择“控制” →,启用简单按钮”命令,该菜单项出现一个对钩符号,表示激活按钮。再次选择此按钮,按钮又回到未被激活的状态
选择激活的按钮。因为按钮被激活后,单击按钮将执行指定的动作,因此要选择激活的按钮,必须拖拽鼠标拖出一个矩形框将按钮包围,释放鼠标后就选中按钮。选中后用方向键移动按钮,也可以在“属性”面板中修改按钮实例的属性
测试按钮。使用激活按钮的方法在编辑工作区中直接测试,也可以选择
“控制” →,测试电影”命令来测试按钮
1.17?2007
第 5章 元件、实例和库
在当前位置编辑
在新窗口中编辑元件
在元件编辑模式下编辑元件
退出元件编辑模式编辑元件
5.4 编辑元件
1.18?2007
第 5章 元件、实例和库在当前位置编辑选中一个元件的实例,选择“编辑” →,
编辑位置”命令,或者右击,在弹出的快捷菜单中选择“在当前位置编辑”,或直接双击弹出菜单
1.19?2007
第 5章 元件、实例和库在新窗口中编辑元件在工作区选中一个元件实例后,右击,从弹出的快捷菜单中选择“
在新窗口中编辑”,选中的元件在新的独立窗口中出现
1.20?2007
第 5章 元件、实例和库在元件编辑模式下编辑元件选中一个元件实例,然后右击,从弹出的快捷菜单中选择“编辑”
,或者选择“编辑” →,编辑元件”或“编辑所选项目”命令
1.21?2007
第 5章 元件、实例和库退出元件编辑模式当编辑完元件后,要退出元件编辑模式,可以使用以下方法:
1,单击工作区左上角的场景名称按钮,例如,单击如下图中所示的场景
1
2,选择“编辑” →,编辑文档”命令退出元件编辑模式
1.22?2007
第 5章 元件、实例和库
改变实例属性
为实例交换元件
改变实例类型
打散实例使用元件实例
5.5 使用元件实例
1.23?2007
第 5章 元件、实例和库改变实例属性选中一元件的实例,“属性”面板变为该实例的属性。在该面板中,用户可以改变实例的属性实例“属性”面板
1.24?2007
第 5章 元件、实例和库为实例交换元件的步骤如下,
为实例交换元件
1,在工作区选中一个实例
2,单击实例属性面板中的“交换”按钮,弹出,交换元件”对话框,
在其中的目录里列出了该动画已有的可以作为更换的元件。单击另一元件,确定后即完成交换
“交换元件”对话框
1.25?2007
第 5章 元件、实例和库改变实例类型在 Flash 8中,改变实例类型很简单,只要选中实例,然后在“属性”面板中的下拉列表框中选择实例的类型即可改变实例类型
1.26?2007
第 5章 元件、实例和库打散实例打散实例,可以切断它与元件的联系,成为非群组的形状和直线的集合从而可对实例的局部进行较为细致的操作
1,选中需要打散的实例
2,选择“修改” →,分离”命令,将实例打散为图形元素的组合,或使用快捷键 Ctrl+B
3,使用绘图工具修改元素打散实例的步骤如下:
1.27?2007
第 5章 元件、实例和库
导入图形
转换位图为矢量图导入图形
5.6 导入图形
1.28?2007
第 5章 元件、实例和库导入图形导入文件的方法如下:
1,选择“文件” →,导入”命令
2,在弹出的“导入”对话框中选择需要导入的文件,为方便浏览,可以选用缩略图的形式导入文件
1.29?2007
第 5章 元件、实例和库导入系列文件提示框导入图形
3,如果输入的文件名称以数字结尾,即表示该文件为一个系列的文件之一。这时,会弹出一个提示框,询问是否将相同系列的文件全部导入,如下图所示。回答“是”,则将该系列文件全部导入
1.30?2007
第 5章 元件、实例和库导入文件只是获得位图的一种方式,也可以在其他程序中直接复制位图到 Flash中,主要步骤如下,
导入图形
1,在其他程序中拷贝图片,将图形复制到剪贴板中
2,在 Flash中选择“编辑” →,粘贴”命令
3,如果作为对象粘贴,可选择“编辑” →,选择性粘贴”命令,
在弹出的对象属性选择框中选择想要的粘贴方式
1.31?2007
第 5章 元件、实例和库将位图矢量化的方法如下:
转换位图为矢量图
1,用上述方法导入一张位图,然后选中导入的位图
2,选择,修改” →,转换位图为矢量图”命令,弹出,转换位图为矢量图”对话框
3,修改对话框中的参数,单击“确定”按钮,就完成位图矢量化
“转换位图为矢量图”对话框
1.32?2007
第 5章 元件、实例和库
公用库
共享库资源库资源
5.7 库资源
1.33?2007
第 5章 元件、实例和库为了方便调用元件,减少重复工作,提高工作效率,在 Flash中附带了很多元件,都保存在公用库里,选择“窗口” →,公用库”命令,
弹出“学习交互”、“按钮”、“类”子菜单公用库
“学习交互”、“按钮”、“类”公用库面板
1.34?2007
第 5章 元件、实例和库两种不同的共享库资源方法:
共享库资源
1,对于运行时共享资源源文档的资源是以外部文件的形式链接到目标文档中的,运行时资源在文档回放期间(即在运行时)加载到目标文档中。在制作目标文档时,包含共享资源的源文档并不需要在本地网络上可供使用。
但是,为了让共享资源在运行时可供目标文档使用,源文档必须发布到 URL上
2,对于创作期间的共享可以用本地网络上任何其他可用元件来更新或替换正在创作的文档中的任何元件,可以在创作文档时更新目标文档中的元件。目标文档中的元件保留了原始名称和属性,但其内容会被更新或替换为所选元件的内容