第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影片剪辑元件 影片剪辑元件是一个独立的动画片段，具备自己独立的时间轴。 它可以包含交互控制、音效，甚至能包含其它的影片剪辑

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

4、口中编辑元件和在元件编辑模 式下编辑元件。 1在当前位置编辑元件 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

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

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

7、辑元件2创建“焰火”影片剪辑元件 3组装主动画4改变动画效果 实例讲解 6.4 按钮元件 6.4.16.4.1 认识按钮元件 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）利用按钮可以实现影片剪辑内部的控制、跳转和外部的超 级链接等。这些功能只有等到讲到脚本动画的时候才能实现，本 节主要讲解如何去制作不同效果的按钮，以及按钮各帧

8、的含义。 （2）在flash cs3中要想得到按钮可以通过以下三个途径： 第一，可以调用flash自带按钮（窗口公用库按钮） 第二，可以将图形转换成按钮（F8） 第三，直接新建按钮（ctrl+F8） （3）按钮和影片剪辑一样也有自己单独的时间轴（包括图层和 帧）等。 （4）按钮中各帧的含义： A、弹起：指鼠标没有移上去所显示的效果，也叫默认状态。 B、指针经过：指鼠标移到按钮上所显示的效果。 C、按下：指鼠标点下去时所显示的效果 D、点击：指鼠标所响应的区域。 按钮元件 文字按钮进入主页 （1）在制作按钮的时候按钮的各个帧当中可以添加对象是：文字、图形、 图片、影片剪辑和声音等元素。 （2）在

9、制作按钮的时候如果后面帧的画面没有设置，在默认情况下将取决 于上一个关键帧的画面。 图像按钮导航栏 （1）按住空格键可以平移视图 （2）实现自动对齐：视图贴紧贴紧对齐 （3）想得到不同文字的按钮，不能用一个按钮元件来修改得到，必须要有多 个不同的按钮元件。 动画按钮变色的聚焦按钮 6.4.2 上机指导变色按钮 制作一个变色按钮范例，按钮是一个蓝色到黑色的放射状渐变色的椭圆 形，当鼠标指向按钮时，椭圆变为黄色到黑色的放射状渐变色，当鼠标单击 按钮时，椭圆变为绿色到黑色的放射状渐变色。 1、创建新元件 。2、绘制椭圆。 3、 “指针经过”帧，插入关键帧。 4、 “按下”帧，插入关键帧。 5、“点击

10、”帧插入关键帧。 6、返回“场景1”，并从“库”面板中将“椭 圆”按钮元件拖放到舞台上。 实例讲解 6.4.3 上机指导文字按钮 范 例 效 果 1、设置舞台。 2、创建新元件，并输入文字。 3、 “指针经过”帧、 “按下”帧插入关键帧，并分别重新设置文字颜色。 4、绘制鼠标感应区。 5、返回“场景1”，并从“库”面板中将按钮 元件拖放到舞台上。 6、其他4个文字按钮的制作方法类似。 实例讲解 6.4.4 上机指导透明按钮 1、设置舞台。 2、创建新元件，“点击”帧插入空白关键帧，绘制矩形。 3、返回“场景1”，并输入5组文字。 4、打开“库”面板，拖放5个“透明”按钮元件的实例放置到5组文字

11、上。 实例讲解 6.4.5 上机指导动态按钮 在按钮元件中可以使用影片剪辑和图形元件，但不能嵌套其他的按钮元件。 如果需要制作动态按钮，即在按钮中获得动画效果，可以在按钮元件中使用影片 剪辑来实现。本小节制作一个动态按钮元件，当鼠标指针移动到按钮上时，出现 箭头向外扩散移动的动画效果，当鼠标指针移出按钮时，动画效果消失。 1创建“立体框”图形元件 2创建“动态箭头”影片剪辑元件 3创建动态按钮 实例讲解 6.5 使用“库”面板管理元件 6.5.1 “库”面板 6.5.2 管理元件 6.5.3 打开外部库 6.5.4 公用库 6.5.1 “库”面板 选择“窗口”|“库”命令，即可打开“库”面板，

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