第6讲元件与实例.

1、第第6讲讲 元件和实例元件和实例第第6 6章章 元件和实例元件和实例 本章主要内容： 认识元件和实例 元件的类型和创建元件的方法 影片剪辑元件 按钮元件 使用“库”面板管理元件6.1 6.1 认识元件和实例 6.1.1 元件 6.1.2 实例 6.1.1 6.1.1 元件 1、形状: 2、元件 ：【修改】|【转换为元件】。 可以把“库”比喻为元件的后台“演员休息室”。“休息室”中的演员随时可进入“舞台”演出，无论该演员出场多少次甚至在“舞台”中扮演不同角色，动画发布时，其播放文件仅占有“一名演员”的空间，节省了大量资源。 6.1.2 实例 元件从“库”中进入“舞台”就被称为该元件的实例。 实例

2、 ：1、从【库】面板中把“元件1”向舞台拖放。 2、分别把各个实例的颜色、方向、大小设置成不同样式。 3、分别选择4个实例，观看它们的【属性】面板。 6.2 元件的类型和创建元件的方法 6.2.1 元件的类型 6.2.2 元件的创建方法 6.2.3 编辑元件 6.2.1 元件的类型 元件存放在Flash影片文件的【库】面板中，【库】面板具备强大的元件管理功能，在制作动画时，可以随时调用【库】面板中的元件。 依照功能和类型的不同，元件可分成以下3种。1影片剪辑元件 影片剪辑元件是一个独立的动画片段，具备自己独立的时间轴。它可以包含交互控制、音效，甚至能包含其它的影片剪辑实例。 2按钮元件 按钮元

3、件是对鼠标事件（如单击和滑过）做出响应的交互按钮。 3图形元件 图形元件通常用于存放静态的图像，也能用来创建动画，在动画中可以包含其它元件实例，但不能添加交互控制和声音效果。6.2.2 元件的创建方法 元件的创建方法一般有两种，一种方法是新建元件，另一种方法是将舞台上的对象转换为元件。1新建元件2转换为元件 在使用【转换为元件】对话框将对象转换为元件时，可指定对象在元件场景中的位置，这个位置以元件中心点为基准。 6.2.3 编辑元件 编辑元件时，Flash会更新文档中该元件的所有实例。Flash提供了3种方式来编辑元件：在当前位置编辑元件、在新窗口中编辑元件和在元件编辑模式下编辑元件。1在当前

4、位置编辑元件2在新窗口编辑元件3在元件编辑模式下编辑元件通过具体操作进一步加深理解。6.3 影片剪辑元件 6.3.1 认识影片剪辑元件 6.3.2 上机指导焰火特效 6.3.1 认识影片剪辑元件 影片剪辑元件是使用最频繁的元件类型，它功能强大，利用它可以制作出效果丰富的动画效果。 实例骏马飞奔动画制作： 1、导入图像到舞台。 2、转换为元件。 3、第20帧插入关键帧，将骏马实例水平移动到舞台的左边。 4、定义补间形状 。6.3.1 认识影片剪辑元件 5、创建新元件。 6、导入序列图像到舞台。 7、交换元件 。 1、影片剪辑1（1）什么叫影片剪辑呢？所谓影片剪辑指的就是里面可以包含一段动画。（2

5、）影片剪辑有单独的时间轴面板（图层、帧）等，在影片剪辑里做动画和在主场景里做动画是一样的。比如：做形变动画时要求对象为散件，做位移动画时要求对象最好为元件。2、影片剪辑2（1）影片剪辑和图形的不同点是：影片剪辑中动画的播放与主场景中的时间轴帧数无关，而图形中动画的播放是与主场景中的时间轴帧数有关。正是因为图形的这一特点，所以我们如果需要在元件中包含动画一般都用影片剪辑，而不用图形。（2）影片剪辑和图形的共同点是：两个物体都是元件，都可以用来做位移动画，都具有元件共同的属性。（如：色调、Alpha不透明度的设置等。）3、动画实例我心在动（1）帧属性旋转中的“无”与“自动”的区别lA、无：表示不旋

6、转 B、自动：表示两图形有角度差时旋转，无角度差时不旋转。（2）影片剪辑和图形的相互转换lA、也可以对场景中的实例进行转换 B、可以对库中的元件进行转换4、动画实例-镜像文字（1）元件中的图形也有它自身的特点，这个特点是影片剪辑所不具有的。如果在图形中做有动画，那么可以通过元件的属性面板来控制单帧显示哪一帧，还是循环播放，还是播放一次。6.3.2 上机指导焰火特效 在影片剪辑元件中可以嵌套其他的影片剪辑实例，利用这个技术可以制作出效果丰富的动画叠加效果。 焰火效果1创建“线条”影片剪辑元件2创建“焰火”影片剪辑元件3组装主动画4改变动画效果实例讲解6.4 按钮元件 6.4.16.4.1 认识按

7、钮元件 6.4.26.4.2 上机指导变色按钮 6.4.3 6.4.3 上机指导文字按钮6.4.4 6.4.4 上机指导透明按钮6.4.5 6.4.5 上机指导动态按钮 6.4.1 认识按钮元件 按钮元件拥有和影片剪辑元件、图形元件不同的编辑场景，它的时间轴上只有4个帧，通过这4个帧可以指定不同的按钮状态。（1）利用按钮可以实现影片剪辑内部的控制、跳转和外部的超级链接等。这些功能只有等到讲到脚本动画的时候才能实现，本节主要讲解如何去制作不同效果的按钮，以及按钮各帧的含义。（2）在flash cs3中要想得到按钮可以通过以下三个途径：第一，可以调用flash自带按钮（窗口公用库按钮）第二，可以将

8、图形转换成按钮（F8）第三，直接新建按钮（ctrl+F8）（3）按钮和影片剪辑一样也有自己单独的时间轴（包括图层和帧）等。（4）按钮中各帧的含义：A、弹起：指鼠标没有移上去所显示的效果，也叫默认状态。B、指针经过：指鼠标移到按钮上所显示的效果。C、按下：指鼠标点下去时所显示的效果D、点击：指鼠标所响应的区域。按钮元件文字按钮进入主页（1）在制作按钮的时候按钮的各个帧当中可以添加对象是：文字、图形、图片、影片剪辑和声音等元素。（2）在制作按钮的时候如果后面帧的画面没有设置，在默认情况下将取决于上一个关键帧的画面。图像按钮导航栏（1）按住空格键可以平移视图（2）实现自动对齐：视图贴紧贴紧对齐（3）

9、想得到不同文字的按钮，不能用一个按钮元件来修改得到，必须要有多个不同的按钮元件。动画按钮变色的聚焦按钮6.4.2 上机指导变色按钮 制作一个变色按钮范例，按钮是一个蓝色到黑色的放射状渐变色的椭圆形，当鼠标指向按钮时，椭圆变为黄色到黑色的放射状渐变色，当鼠标单击按钮时，椭圆变为绿色到黑色的放射状渐变色。 1、创建新元件 。2、绘制椭圆。 3、 “指针经过”帧，插入关键帧。 4、 “按下”帧，插入关键帧。 5、“点击”帧插入关键帧。 6、返回“场景1”，并从“库”面板中将“椭 圆”按钮元件拖放到舞台上。 实例讲解6.4.3 上机指导文字按钮 范例效果1、设置舞台。 2、创建新元件，并输入文字。 3

10、、 “指针经过”帧、 “按下”帧插入关键帧，并分别重新设置文字颜色。4、绘制鼠标感应区。 5、返回“场景1”，并从“库”面板中将按钮 元件拖放到舞台上。 6、其他4个文字按钮的制作方法类似。 实例讲解6.4.4 上机指导透明按钮 1、设置舞台。 2、创建新元件，“点击”帧插入空白关键帧，绘制矩形。3、返回“场景1”，并输入5组文字。 4、打开“库”面板，拖放5个“透明”按钮元件的实例放置到5组文字上。 实例讲解6.4.5 上机指导动态按钮 在按钮元件中可以使用影片剪辑和图形元件，但不能嵌套其他的按钮元件。如果需要制作动态按钮，即在按钮中获得动画效果，可以在按钮元件中使用影片剪辑来实现。本小节制

11、作一个动态按钮元件，当鼠标指针移动到按钮上时，出现箭头向外扩散移动的动画效果，当鼠标指针移出按钮时，动画效果消失。1创建“立体框”图形元件2创建“动态箭头”影片剪辑元件3创建动态按钮实例讲解6.5 使用“库”面板管理元件 6.5.1 “库”面板 6.5.2 管理元件 6.5.3 打开外部库 6.5.4 公用库6.5.1 “库”面板 选择“窗口”|“库”命令，即可打开“库”面板，在其中可以对元件进行各种管理操作。 图6-46 “库”面板6.5.2 管理元件 本小节介绍如何在“库”面板中对元件进行常规的管理，包括分类保存元件、清理元件、重命名元件、复制元件、排序元件等。 1在“库”面板中分类存元件

12、2清理“库”面板中的元件3元件重新命名4直接复制元件5对“库”面板中的元件进行排序6.5.3 打开外部库 在当前Flash影片文档中，如果要打开另一个Flash影片文档中的“库”面板，可以按照下面的步骤进行操作。1、“文件”|“导入”|“打开外部库”。 2、可以将元件拖到当前Flash影片文档的“库”面板中或舞台上。 6.5.4 公用库 使用Flash附带的公用库可以非常方便地向Flash影片文档中添加按钮或其他元件。还可以创建自定义公用库，然后与创建的任何Flash影片文档一起使用。公用库包括3种类别：“按钮”、“类”和“学习交互”。单击其中的一个类别（比如按钮），就可以打开相应的“库”面板。 6.5.4 公用库 要想得到更多的公用元件，可以扩充“公用库”。具体操