元件实例和库

1、第第5章章元件、实例和库元件、实例和库教师：杨萌教师：杨萌QQ：229781818Email： 1.2Flash动画设计与制作动画设计与制作 5 元件、实例和库元件、实例和库 1.3Flash动画设计与制作动画设计与制作 5 元件、实例和库元件、实例和库 1.4Flash动画设计与制作动画设计与制作 选中工作区中的某个元素选中工作区中的某个元素选择选择“修改修改”“转换成元件转换成元件”命令，这时弹出命令，这时弹出“转换转换为元件为元件”对话框，输入元件的名称并选择元件类型对话框，输入元件的名称并选择元件类型 选择选择“窗口窗口”“库库”命令，打开库面板，即看到刚才命令，打开库面板，即看到刚才

2、建立的新元件建立的新元件【步骤步骤】5.1 元件的基本操作元件的基本操作 1.5Flash动画设计与制作动画设计与制作 选择选择“插入插入”“新建元件新建元件”命令，将弹出命令，将弹出“创建新元件创建新元件”对话框对话框单击库面板中的按钮，在弹出的菜单中选择单击库面板中的按钮，在弹出的菜单中选择“创建新建元件创建新建元件”命令命令 单击库面板最底下的按钮，也可以打开单击库面板最底下的按钮，也可以打开“创建新建元件创建新建元件”对话框，对话框，输入元件的名称，选择元件的类型，单击输入元件的名称，选择元件的类型，单击“确定确定”按钮后，即可新按钮后，即可新建一元件建一元件 使用绘图工具绘图或导入媒

3、体等建立元件的内容使用绘图工具绘图或导入媒体等建立元件的内容 当建完元件后单击下图中的当建完元件后单击下图中的“场景场景1 1”，返回到场景编辑状态，返回到场景编辑状态 【步骤步骤】5.1 元件的基本操作元件的基本操作 1.6Flash动画设计与制作动画设计与制作 【步骤步骤】5.1 元件的基本操作元件的基本操作 1.7Flash动画设计与制作动画设计与制作 5.1 元件的基本操作元件的基本操作在库面板中选择一个元件在库面板中选择一个元件单击库面板中的按钮，从弹出的菜单中选择单击库面板中的按钮，从弹出的菜单中选择“直接复直接复 制制”命令，这时会弹出命令，这时会弹出“元件属性元件属性”对话框，

4、输入新元对话框，输入新元件的名称并选择所复制的元件的类型。确定后库窗口会件的名称并选择所复制的元件的类型。确定后库窗口会增加一个与被复制元件一样的新元件，只需要在元件编增加一个与被复制元件一样的新元件，只需要在元件编辑模式下对它进行一定的修改就可以成为一个新元件了辑模式下对它进行一定的修改就可以成为一个新元件了 制作动画时，有时需要制作类似的元件，这时只需要制作动画时，有时需要制作类似的元件，这时只需要复制一个，稍作修改即可。复制一个，稍作修改即可。【步骤步骤】 1.8Flash动画设计与制作动画设计与制作 选中一个元件的实例，选择选中一个元件的实例，选择“编辑编辑”“编辑位置编辑位置”命令，

5、或者右击，命令，或者右击，在弹出的快捷菜单中选择在弹出的快捷菜单中选择“在当前位在当前位置编辑置编辑”，或直接双击，或直接双击 5.1 元件的基本操作元件的基本操作【方法方法】 1.9Flash动画设计与制作动画设计与制作 在工作区选中一个元件实例后，右击，从弹出的快捷菜在工作区选中一个元件实例后，右击，从弹出的快捷菜单中选择单中选择“在新窗口中编辑在新窗口中编辑”，选中的元件在新的独立窗口，选中的元件在新的独立窗口中出现中出现 5.1 元件的基本操作元件的基本操作 1.10Flash动画设计与制作动画设计与制作 选中一个元件实例，然后右击，从弹出的快捷菜单中选选中一个元件实例，然后右击，从弹

6、出的快捷菜单中选择择“编辑编辑”，或者选择，或者选择【编辑编辑】| |【编辑元件编辑元件】或或【编辑所编辑所选项目选项目】命令命令 5.1 元件的基本操作元件的基本操作 1.11Flash动画设计与制作动画设计与制作 5.1 元件的基本操作元件的基本操作单击工作区左上角的场景名称按钮单击工作区左上角的场景名称按钮 ，例如，单击如下，例如，单击如下图中所示的场景图中所示的场景1 1选择选择“编辑编辑”“编辑文档编辑文档”命令命令 【步骤步骤】 1.12Flash动画设计与制作动画设计与制作 5.2 实例的基本操作实例的基本操作（1 1）在时间轴面板中选择任一图层中的一个空白关键帧。）在时间轴面板

7、中选择任一图层中的一个空白关键帧。（2 2）选择）选择“窗口窗口”“”“库库”命令，或按命令，或按Ctrl+LCtrl+L快捷键，打快捷键，打开开“库库”面板，在此面板中显示了所有的元件。面板，在此面板中显示了所有的元件。（3 3）在）在“库库”面板中选择需要的元件拖到舞台中，即可创面板中选择需要的元件拖到舞台中，即可创建此元件的实例。建此元件的实例。【方法方法】 实例的创建依赖于元件，实例其实就是实例的创建依赖于元件，实例其实就是“实例化的元实例化的元 件件”。一个元件可以创建多个实例，并且创建元件的实例继。一个元件可以创建多个实例，并且创建元件的实例继承了元件的类型，可以通过承了元件的类型

8、，可以通过【属性属性】面板对舞台中的实例的面板对舞台中的实例的类型、颜色、大小等进行编辑类型、颜色、大小等进行编辑 1.13Flash动画设计与制作动画设计与制作 5.2 实例的基本操作实例的基本操作提示提示: :对舞台中实例进行调整，那么仅影响当前实例，对元对舞台中实例进行调整，那么仅影响当前实例，对元件不产生任何影响；而如果对件不产生任何影响；而如果对【库库】面板中的元件进行调面板中的元件进行调 整，则舞台中所有实例都会相应进行更新整，则舞台中所有实例都会相应进行更新 1.14Flash动画设计与制作动画设计与制作 5.2 实例的基本操作实例的基本操作 创建元件实例并将其选中后，打开相应的

9、属性面板。创建元件实例并将其选中后，打开相应的属性面板。 1.15Flash动画设计与制作动画设计与制作 5.2 实例的基本操作实例的基本操作1.1.位置和大小位置和大小 设置实例的左上角坐标，实例的宽、高设置实例的左上角坐标，实例的宽、高 色彩效果：设置各种色彩效果色彩效果：设置各种色彩效果 1.16Flash动画设计与制作动画设计与制作 5.2 实例的基本操作实例的基本操作2.2.设置元件实例的颜色设置元件实例的颜色 如果需要设置实例的颜色，可以通过选择实例属性面如果需要设置实例的颜色，可以通过选择实例属性面板中的板中的“颜色颜色”下拉列表下的各个选项来实现。下拉列表下的各个选项来实现。“

10、颜色颜色”下 拉 列 表 中 包 括下 拉 列 表 中 包 括 “ 无无 ” 、 “ 亮 度亮 度 ” 、 “ 色 调色 调 ” 、“Alpha”Alpha”以及以及“高级高级”5 5个选项。个选项。 1.17Flash动画设计与制作动画设计与制作 5.2 实例的基本操作实例的基本操作3.3.设置实例与图层的混合模式设置实例与图层的混合模式 显示：设置实例与图层的混合模式显示：设置实例与图层的混合模式 1.18Flash动画设计与制作动画设计与制作 5.2 实例的基本操作实例的基本操作4.4.改变实例类型改变实例类型 将舞台上的实例选中，然后在其将舞台上的实例选中，然后在其“属性属性”面板中单

11、击面板中单击“元件类型元件类型”下拉按钮，在弹出的下拉列表中选择其他的类型下拉按钮，在弹出的下拉列表中选择其他的类型。 1.19Flash动画设计与制作动画设计与制作 5.2 实例的基本操作实例的基本操作在工作区选中一个实例在工作区选中一个实例单击实例属性面板中的单击实例属性面板中的“交换交换”按钮，弹出按钮，弹出 “交换元交换元件件”对话框，在其中的目录里列出了该动画已有的可以对话框，在其中的目录里列出了该动画已有的可以作为更换的元件。单击另一元件，确定后即完成交换作为更换的元件。单击另一元件，确定后即完成交换 【步骤步骤】 1.20Flash动画设计与制作动画设计与制作 打散实例：可以切断

12、它与元件的联系，成为非群组的形状和直打散实例：可以切断它与元件的联系，成为非群组的形状和直线的集合从而可对实例的局部进行较为细致的操作线的集合从而可对实例的局部进行较为细致的操作选中需要打散的实例选中需要打散的实例选择选择“修改修改”“分离分离”命令，将实例打散为图形元素的命令，将实例打散为图形元素的组合，或使用快捷键组合，或使用快捷键Ctrl+BCtrl+B使用绘图工具修改元素使用绘图工具修改元素 5.2 实例的基本操作实例的基本操作【步骤步骤】 1.21Flash动画设计与制作动画设计与制作 库也就是库也就是【库库】面板，它是面板，它是FlashFlash软件中用于存软件中用于存放各种动画

13、元素的场所。放各种动画元素的场所。5.3 库的基本操作库的基本操作 1.22Flash动画设计与制作动画设计与制作 选择选择“窗口窗口”“库库”命令，即可打开命令，即可打开“库库”面板。面板。导入素材到导入素材到“库库”面板的操作方法如下：面板的操作方法如下：（1 1）选择）选择“文件文件”“导入导入”“导入到库导入到库”命令，弹出命令，弹出“导入到库导入到库”对话框。对话框。（2 2）选择素材所在位置，然后从中选择需要的素材，单击）选择素材所在位置，然后从中选择需要的素材，单击“打开打开”按钮。按钮。（3 3）此时即可将选中的素材导入到当前制作动画的）此时即可将选中的素材导入到当前制作动画的

14、“库库”面面板中。板中。5.3 库的基本操作库的基本操作 1.23Flash动画设计与制作动画设计与制作 5.3 库的基本操作库的基本操作选择选择“文件文件”“导入导入”命令命令在弹出的在弹出的“导入导入”对话框中选择需要导入的文件，为方对话框中选择需要导入的文件，为方便浏览，可以选用缩略图的形式便浏览，可以选用缩略图的形式【步骤步骤】 1.24Flash动画设计与制作动画设计与制作 如果输入的文件名称以数字结尾，即表示该文件为一个系如果输入的文件名称以数字结尾，即表示该文件为一个系列的文件之一。这时，会弹出一个提示框，询问是否将相列的文件之一。这时，会弹出一个提示框，询问是否将相同系列的文件

15、全部导入，如下图所示。回答同系列的文件全部导入，如下图所示。回答“是是”，则将，则将该系列文件全部导入该系列文件全部导入5.3 库的基本操作库的基本操作 1.25Flash动画设计与制作动画设计与制作 导入文件只是获得位图的一种方式，也可以在其他程序导入文件只是获得位图的一种方式，也可以在其他程序中直接复制位图到中直接复制位图到FlashFlash中，主要步骤如下中，主要步骤如下 ：在其他程序中拷贝图片，将图形复制到剪贴板中在其他程序中拷贝图片，将图形复制到剪贴板中在在FlashFlash中选择中选择“编辑编辑”“粘贴粘贴”命令命令如果作为对象粘贴，可选择如果作为对象粘贴，可选择“编辑编辑”“选择性粘选择性粘贴贴”命令，在弹出的对象属性选择框中选择想要的命令，在弹出的对象属性选择框中选择想要的粘贴方式粘贴方式5.3 库的基本操作库的基本操作 1.26Flash动画设计与制作动画设计与制作 选择选择“文件文件”“”“导入导入”命令命令在弹出的在弹出的“导入导入”对话框中选择需要导入的音频文件对话框中选择需要导入的音频文件导入完成后，库中将显示