Flash动画设计与制作-第五章使用原件、实例与库资源学习培训模板课件.ppt

1、一、元件的概念与类型一、元件的概念与类型二、二、制作元件制作元件三、三、设置实例属性设置实例属性四、四、编辑元件与实例编辑元件与实例五、五、库面板库面板一、元件的概念与类型一、元件的概念与类型二、二、制作元件制作元件三、三、设置实例属性设置实例属性四、四、编辑元件与实例编辑元件与实例五、五、库面板库面板 元件的建立是以重复使用为目的的，不但可以将其应用于当前影元件的建立是以重复使用为目的的，不但可以将其应用于当前影片，而且可以将其应用于其它影片。片，而且可以将其应用于其它影片。元件中可以包含位图、图形、组合、声音甚至是其它元件，但不元件中可以包含位图、图形、组合、声音甚至是其它元件，但不可以将

2、元件置于其自身内部。可以将元件置于其自身内部。FlashFlash中包括三种元件类型，分别为图形中包括三种元件类型，分别为图形元件、影片剪辑元件与按钮元件。元件、影片剪辑元件与按钮元件。在在FlashFlash中创建的所有元件都会出现在库面板中，拖拽库面板中的中创建的所有元件都会出现在库面板中，拖拽库面板中的元件到场景，就可以反复利用元件，应用于影片的元件被称作元件到场景，就可以反复利用元件，应用于影片的元件被称作“实实例例”。每个元件都具有独立的时间轴、工作区和图层，除此以外，每种每个元件都具有独立的时间轴、工作区和图层，除此以外，每种元件类型都具有独特的属性，只有了解三种元件类型的特性，才

3、能使元件类型都具有独特的属性，只有了解三种元件类型的特性，才能使元件的作用得到充分地发挥，下面将针对这三种元件类型的特性做详元件的作用得到充分地发挥，下面将针对这三种元件类型的特性做详细的介绍。细的介绍。图形元件图形元件 图形元件主要用于定义静态的对象，它包括静态图形元件与动态图形元件主要用于定义静态的对象，它包括静态图形元件与动态图形元件两种。图形元件两种。静态图形元件中一般只包含一个对象，在播放影片的过程中静态静态图形元件中一般只包含一个对象，在播放影片的过程中静态图形元件始终是静态的；动态图形元件中可以包含多个对象或一个对图形元件始终是静态的；动态图形元件中可以包含多个对象或一个对象的各

4、种效果，在播放影片的过程中，动态图形元件可以是静态的，象的各种效果，在播放影片的过程中，动态图形元件可以是静态的，也可以是动态的。也可以是动态的。按钮元件按钮元件 通过绘制与鼠标事件相对应的对象，按钮元件主要用于创建响应通过绘制与鼠标事件相对应的对象，按钮元件主要用于创建响应鼠标事件的交互式按钮。鼠标事件包括鼠标触及与单击两种。将绘制鼠标事件的交互式按钮。鼠标事件包括鼠标触及与单击两种。将绘制的图形转换为按钮元件，在播放影片时，当鼠标靠近图形时，光标就的图形转换为按钮元件，在播放影片时，当鼠标靠近图形时，光标就会变成小手状态，为按钮元件添加脚本语言，即可实现影片的控制。会变成小手状态，为按钮元

5、件添加脚本语言，即可实现影片的控制。影片剪辑元件影片剪辑元件 影片剪辑元件是影片剪辑元件是FlashFlash中应用最为广泛的元件类型，可以将它自身中应用最为广泛的元件类型，可以将它自身理解成为一个小动画。在影片剪辑元件中可以制作独立的影片，除了理解成为一个小动画。在影片剪辑元件中可以制作独立的影片，除了不能将元件置于其自身内部之外，制作影片的方法与在场景中没有区不能将元件置于其自身内部之外，制作影片的方法与在场景中没有区别。别。一、元件的概念与类型一、元件的概念与类型二、二、制作元件制作元件三、三、设置实例属性设置实例属性四、四、编辑元件与实例编辑元件与实例五、五、库面板库面板 在在Flas

6、hFlash中，可以通过两种方式制作元件，分别为创建新元件与将中，可以通过两种方式制作元件，分别为创建新元件与将对象转换为元件，下面以制作图形元件为例，说明元件的两种制作方对象转换为元件，下面以制作图形元件为例，说明元件的两种制作方式。式。创建新元件创建新元件 创建新元件是指直接创建一个空白元件，然后自动进入元件编辑创建新元件是指直接创建一个空白元件，然后自动进入元件编辑模式，接着在元件中创建和编辑元件中的对象。模式，接着在元件中创建和编辑元件中的对象。将对象转换为元件将对象转换为元件 将对象转换为元件是指将选定的对象转换为元件，对象可以为任将对象转换为元件是指将选定的对象转换为元件，对象可以

7、为任何元素，将对象转换为元件后，即可改变对象的属性。何元素，将对象转换为元件后，即可改变对象的属性。制作按钮元件制作按钮元件 按钮元件就是响应鼠标事件的元件，而响应鼠标事件的各种效果按钮元件就是响应鼠标事件的元件，而响应鼠标事件的各种效果可以通过自行设置来表现。可以通过自行设置来表现。在在FlashFlash中，可以通过两种方式制作元件，分别为创建新元件与将中，可以通过两种方式制作元件，分别为创建新元件与将对象转换为元件，下面以制作图形元件为例，说明元件的两种制作方对象转换为元件，下面以制作图形元件为例，说明元件的两种制作方式。式。创建新元件创建新元件 创建新元件是指直接创建一个空白元件，然后

8、自动进入元件编辑创建新元件是指直接创建一个空白元件，然后自动进入元件编辑模式，接着在元件中创建和编辑元件中的对象。模式，接着在元件中创建和编辑元件中的对象。将对象转换为元件将对象转换为元件 将对象转换为元件是指将选定的对象转换为元件，对象可以为任将对象转换为元件是指将选定的对象转换为元件，对象可以为任何元素，将对象转换为元件后，即可改变对象的属性。何元素，将对象转换为元件后，即可改变对象的属性。制作按钮元件制作按钮元件 按钮元件就是响应鼠标事件的元件，而响应鼠标事件的各种效果按钮元件就是响应鼠标事件的元件，而响应鼠标事件的各种效果可以通过自行设置来表现。可以通过自行设置来表现。一、元件的概念与

9、类型一、元件的概念与类型二、二、制作元件制作元件三、三、设置实例属性设置实例属性四、四、编辑元件与实例编辑元件与实例五、五、库面板库面板 应用于影片的元件均被称之为实例，在工作区中选中实例，通过应用于影片的元件均被称之为实例，在工作区中选中实例，通过元件属性面板里的设置，可以改变实例的尺寸、颜色与元件类型，但元件属性面板里的设置，可以改变实例的尺寸、颜色与元件类型，但这些改动只针对实例本身，不会影响到库面板中的元件。这些改动只针对实例本身，不会影响到库面板中的元件。设置实例颜色设置实例颜色 利用属性面板中利用属性面板中“颜色颜色”选项的设置，改变实例的颜色。在工作选项的设置，改变实例的颜色。在

10、工作区中选中元件的实例，单击属性面板中的区中选中元件的实例，单击属性面板中的“颜色颜色”文本框，在弹出的文本框，在弹出的“颜色样式颜色样式”列表中进行选择，其中包括以下列表中进行选择，其中包括以下5 5种颜色样式：种颜色样式：（1 1）无：默认设置，表示不为实例设置颜色效果。）无：默认设置，表示不为实例设置颜色效果。（2 2）亮度：用于设置实例的亮度。）亮度：用于设置实例的亮度。（3 3）色调：用于设置实例的色彩倾向。）色调：用于设置实例的色彩倾向。（4 4）AlphaAlpha：用于设置实例的透明度。：用于设置实例的透明度。（5 5）高级：用于同时设置实例的色调与透明度。）高级：用于同时设置

11、实例的色调与透明度。改变实例类型改变实例类型 影片中的实例可以根据需要改变其原有的元件类型，影片中的实例可以根据需要改变其原有的元件类型，3 3种元件类型种元件类型之间可以随意互换。实例类型的改变仅限于所选的实例，不会影响到之间可以随意互换。实例类型的改变仅限于所选的实例，不会影响到库面板中元件的类型。具体操作方法如下：库面板中元件的类型。具体操作方法如下：选中实例，单击属性面板中的选中实例，单击属性面板中的“元件行为元件行为”文本框，在弹出的列文本框，在弹出的列表中选择另外一种元件类型，即可改变当前实例的元件类型。表中选择另外一种元件类型，即可改变当前实例的元件类型。改变元件类型改变元件类型

12、 改变元件类型是将元件的类型彻底改变，右击库面板中的元件，改变元件类型是将元件的类型彻底改变，右击库面板中的元件，在弹出的快捷菜单中选择在弹出的快捷菜单中选择“类型类型”选项，在弹出的下一级子菜单中改选项，在弹出的下一级子菜单中改变元件类型，即可将元件类型彻底改变。变元件类型，即可将元件类型彻底改变。设置动态图形实例播放模式设置动态图形实例播放模式 动态图形元件与影片剪辑元件极为相似，在库面板中将影片剪辑动态图形元件与影片剪辑元件极为相似，在库面板中将影片剪辑元件的元件类型改为图形元件，就可变成动态图形元件；同理，在库元件的元件类型改为图形元件，就可变成动态图形元件；同理，在库面板中将动态图形

13、元件的元件类型改为影片剪辑元件，就可变成影片面板中将动态图形元件的元件类型改为影片剪辑元件，就可变成影片剪辑元件。剪辑元件。动态图形元件与影片剪辑元件最大的区别就是影片剪辑元件的实动态图形元件与影片剪辑元件最大的区别就是影片剪辑元件的实例有独立的时间轴，在场景中作为静态对象显示，也就是说，在影片例有独立的时间轴，在场景中作为静态对象显示，也就是说，在影片编辑模式下不能显示它的动态效果；而动态图形元件的实例依赖于影编辑模式下不能显示它的动态效果；而动态图形元件的实例依赖于影片的时间轴，所以在影片片的时间轴，所以在影片编辑模式下可以显示它的动态效果。编辑模式下可以显示它的动态效果。在影片编辑模式下

14、，可以设置动态图形实例的播放模式，每种播在影片编辑模式下，可以设置动态图形实例的播放模式，每种播放模式都具有一定的特性，充分理解这些特性，对实例的灵活应用有放模式都具有一定的特性，充分理解这些特性，对实例的灵活应用有很大的帮助，选中动态图形元件的实例，单击属性面板中的很大的帮助，选中动态图形元件的实例，单击属性面板中的“图形选图形选项项”按钮，在弹出的列表中设置实例的播放模式。按钮，在弹出的列表中设置实例的播放模式。循环：循环：无论在影片编辑模式下，还是在预览模式下，均会播放元件中无论在影片编辑模式下，还是在预览模式下，均会播放元件中其他帧的内容，其他帧的内容，“第一帧第一帧”后面的文本框用于

15、指定元件播放的起始帧。后面的文本框用于指定元件播放的起始帧。播放一次：播放一次：元件中的内容只播放一次，等全部动画结束后再次循环播元件中的内容只播放一次，等全部动画结束后再次循环播放一次。放一次。单帧：单帧：用于显示元件中某一帧的内容。用于显示元件中某一帧的内容。一、元件的概念与类型一、元件的概念与类型二、二、制作元件制作元件三、三、设置实例属性设置实例属性四、四、编辑元件与实例编辑元件与实例五、五、库面板库面板 创建好的元件可以进行重新编辑，包括元件的重命名，复制与修创建好的元件可以进行重新编辑，包括元件的重命名，复制与修改。应用于影片的实例有时也需要进行各种编辑，其中包括实例的交改。应用于

16、影片的实例有时也需要进行各种编辑，其中包括实例的交换与分离，尺寸以及旋转角度的设置。换与分离，尺寸以及旋转角度的设置。重命名元件重命名元件 右击库面板中的元件，在弹出的列表中选择右击库面板中的元件，在弹出的列表中选择“重命名重命名”选项，或选项，或直接双击库面板中元件的名字部分，即可重命名元件。直接双击库面板中元件的名字部分，即可重命名元件。复制元件复制元件 右击库面板中的元件，在弹出的列表中选择右击库面板中的元件，在弹出的列表中选择“重制重制”选项，弹出选项，弹出“复制元件复制元件”对话框。在对话框。在“复制元件复制元件”对话框中为元件重命名，并可对话框中为元件重命名，并可重新定义元件行为，

17、单击重新定义元件行为，单击“确定确定”按钮，复复制元件。按钮，复复制元件。修改元件修改元件 修改元件必须在元件编辑模式下才能进行，元件的修改会直接影修改元件必须在元件编辑模式下才能进行，元件的修改会直接影响到影片中每一个以它为基础的实例，响到影片中每一个以它为基础的实例，FlashFlash提供了提供了3 3种元件编辑模式，种元件编辑模式，每种模式均有自己的特性。每种模式均有自己的特性。（1 1）一般编辑模式）一般编辑模式 （2 2）当前位置编辑模式）当前位置编辑模式 （3 3）新窗口编辑模式）新窗口编辑模式 无论在哪种编辑模式下，当元件编辑完毕后，按无论在哪种编辑模式下，当元件编辑完毕后，按

18、Ctrl+ECtrl+E 快捷键均快捷键均可返回场景编辑模式，除此以外，单击编辑栏中的按钮、按钮或执行可返回场景编辑模式，除此以外，单击编辑栏中的按钮、按钮或执行“编辑编辑”“编辑文档编辑文档”命令均可切换到场景编辑模式。命令均可切换到场景编辑模式。分离实例分离实例 分离实例就是将实例打散，使实例与元件之间不再有联系，完全分离实例就是将实例打散，使实例与元件之间不再有联系，完全打散后的实例变成形状，可以对其进行任意修改，而不会影响原有的打散后的实例变成形状，可以对其进行任意修改，而不会影响原有的实例与元件。实例与元件。选中如图选中如图1 1所示的元件实例，执行所示的元件实例，执行“修改修改”“

19、分离分离”命令或按命令或按Ctrl+BCtrl+B快捷键，即可将该实例打散，完全打散后的效果如图快捷键，即可将该实例打散，完全打散后的效果如图2 2所示。所示。改变实例大小改变实例大小 实例大小可以通过任意变形工具、属性面板以及变形对话框等多实例大小可以通过任意变形工具、属性面板以及变形对话框等多种方式调整。种方式调整。图图1 1图图2 2调整实例中心点调整实例中心点 FlashFlash中的组合、实例、文本框以及位图均有中心点。中心点就是中的组合、实例、文本框以及位图均有中心点。中心点就是在旋转对象时对象参照的圆心，默认情况下，中心点位于对象的中心。在旋转对象时对象参照的圆心，默认情况下，中

20、心点位于对象的中心。调整实例中心点的具体方法如下：调整实例中心点的具体方法如下：（1 1）选中实例后，单击任意变形工具，实例中心位置的圆就是实例的中）选中实例后，单击任意变形工具，实例中心位置的圆就是实例的中心点。心点。（2 2）光标靠近中心点时单击并拖拽圆点，即可改变实例中心点的位置。）光标靠近中心点时单击并拖拽圆点，即可改变实例中心点的位置。交换实例交换实例 交换实例就是在当前位置中，将选中的实例变成以另一元件为基交换实例就是在当前位置中，将选中的实例变成以另一元件为基础的实例。交换后的实例除了位置与原来的实例保持一致以外，原来础的实例。交换后的实例除了位置与原来的实例保持一致以外，原来实

21、例的各种属性设置也会被应用于交换后的实例上，如实例颜色、尺实例的各种属性设置也会被应用于交换后的实例上，如实例颜色、尺寸、旋转角度以及脚本语言等。寸、旋转角度以及脚本语言等。一、元件的概念与类型一、元件的概念与类型二、二、制作元件制作元件三、三、设置实例属性设置实例属性四、四、编辑元件与实例编辑元件与实例五、五、库面板库面板 库面板就是一个影片的仓库。所有元件都会被自动载入到当前影库面板就是一个影片的仓库。所有元件都会被自动载入到当前影片的库面板中，以便以后灵活应调用，另外，还可以从其他影片的库片的库面板中，以便以后灵活应调用，另外，还可以从其他影片的库面板中调用元件，更可以根据需要建立自己的

22、库面板，本节将介绍库面板中调用元件，更可以根据需要建立自己的库面板，本节将介绍库的各种操作方法。的各种操作方法。库的构成库的构成 库面板只能自动收集元件、位图、声音及各种组件，可以通过文库面板只能自动收集元件、位图、声音及各种组件，可以通过文件夹来管理这些对象，新建件夹来管理这些对象，新建FlashFlash文档的库面板是空的，执行文档的库面板是空的，执行“窗窗口口”“库库”命令或按命令或按Ctrl+LCtrl+L快捷键，即可打开库面板，如下图所示。快捷键，即可打开库面板，如下图所示。1 12 24 45 56 63 37 71 1预览窗预览窗口口：用于显示所选对象的内容。用于显示所选对象的内

23、容。2 2选项按钮：选项按钮：用于显示库面板中的各种操作选项。用于显示库面板中的各种操作选项。3 3排序按钮、宽库视图与窄库视图按钮：排序按钮、宽库视图与窄库视图按钮：排序按钮用于调整库面板中对排序按钮用于调整库面板中对象的排列顺序。宽库视图与窄库视图按钮用于设置库面板的显示方式。象的排列顺序。宽库视图与窄库视图按钮用于设置库面板的显示方式。4 4创建新元件按钮：创建新元件按钮：用于创建新元件。用于创建新元件。5 5创建新文件夹按钮：创建新文件夹按钮：用于创建文件夹。用于创建文件夹。6 6对象属性按钮：对象属性按钮：用于查看与编辑所选对象属性。用于查看与编辑所选对象属性。7 7删除对象按钮：删

24、除对象按钮：用于删除选中的对象。用于删除选中的对象。1 12 24 45 56 63 37 7库项目与库文件夹库项目与库文件夹 当库项目繁多时可以利用库文件夹对其进行分类整理，库面板中当库项目繁多时可以利用库文件夹对其进行分类整理，库面板中可以同时包含多个文件夹，但不允许文件夹使用相同的名字，下面介可以同时包含多个文件夹，但不允许文件夹使用相同的名字，下面介绍文件夹与库项目之间的关系及文件夹的操作方法。绍文件夹与库项目之间的关系及文件夹的操作方法。1 1将库项目置于库文件夹中。将库项目置于库文件夹中。2 2将库项目移出库文件夹。将库项目移出库文件夹。3 3展开与折叠文件夹。展开与折叠文件夹。在

25、影片之间共享库项目在影片之间共享库项目 要引用其他影片中的库项目，需要将所需影片的库面板打开，达要引用其他影片中的库项目，需要将所需影片的库面板打开，达到资源共享的目的，打开其他影片库面板的方法有两种。到资源共享的目的，打开其他影片库面板的方法有两种。1 1同时打开两个影片。同时打开两个影片。2 2打开所需影片库面板。打开所需影片库面板。公用库公用库 除了自行制作各种元件以外，除了自行制作各种元件以外，FlashFlash还提供了三个包含大量库项目还提供了三个包含大量库项目的公共库，执行的公共库，执行“窗口窗口”“其他面板其他面板”“公用库公用库”命令，可以看命令，可以看到下一级子菜单中的三个

26、公用库。到下一级子菜单中的三个公用库。自定义库自定义库 如果某些对象需要被反复应用于不同的影片，则可以建立自己的如果某些对象需要被反复应用于不同的影片，则可以建立自己的“公用库公用库”，操作方法如下：，操作方法如下：（1 1）将收集的库项目置于同一个影片之中，也就是将它们置于同一库面）将收集的库项目置于同一个影片之中，也就是将它们置于同一库面板之中，随后将文件保存到板之中，随后将文件保存到Flash MX Flash MX 2004zh_cnConfigurationLibraries2004zh_cnConfigurationLibraries文件夹下。文件夹下。（2 2）执行）执行“窗口窗口”“其他面板其他面板”“公用库公用库”命令，会发现下一级子命令，会发现下一级子菜单中的多了一个自定义的公用库。菜单中的多了一个自定义的公用库。绘制一片大森林绘制一片大森林