第十五讲：元件、实例、公用库[FLASH8基础教程]

学习目的

 u       元素、元件、实例的概念
　　 u      实例面板的应用技巧
　　 u       公用库的建立和使用
     u       库元件的复制和修改

课前热身

实例——春夏秋冬

　　 《春夏秋冬》是作者专为本课设计的实例，在这个实例中，我们在欣赏春的妩媚、夏的浓绿、秋的热烈、冬的纯净的同时，还可以看到当前的日期及打字效果。如果是一个初入门的朋友，看到这么多的效果都是用动作脚本语句完成的，会不咬指畏难？呵呵，别担心，不难的，您什么指令都不懂，也能很轻松地做出这个实例。我们先来欣赏俺辛苦了几天做出来的这个实例。

图16-1 春夏秋冬

　  在开始制作这个实例前，我们先学习有关创建公用库的方法。在Flash的安装文件目录下，有一个叫“Libraries”的文件夹，它的位置如下：
    7.01版本：X:\flash mx 2004\zh_cn\First Run\Libraries
    7.02版本：X:\flash mx 2004\zh_cn\Configuration\Libraries
    Libraries是Flash的公用库（X是安装盘符）。双击并打开它，可看到里面有三个名为“按钮.fla”、“类.fla”、“学习交互.fla”的源文件，如图16-2所示。

图16-2 公用库

    请把本课素材中的名为“闪客启航公用元件及效果库.fla”的源文件粘贴到这个文件夹中，创建我们自己的公用库，您也可以打开这个源文件，再执行【文件】|【另存为】命令，把它存到Libraries这个文件夹中。

   制作步骤


　

图16-3 文档属性 

　　步骤2  创建“春夏秋冬”图形元件

    设置场景中的图层名字为“春夏秋冬”，在场景中写入两行静态文本，“闪客启航”、“使用闪客启航公用效果库制作”。“闪客启航”字体为隶书，字号为60，白色，粗体，“使用闪客启航公用效果库制作”字号为30，余参数同前者。图16-4为“闪客启航”文字属性面板。

图16-4“闪客启航”文字属性面板

　   同时选中这两行文字，执行【修改】|【转换为元件】命令 ，将其转换为名为“春夏秋冬”的图形元件。

步骤3 创建“春天”影片剪辑

　　 新建一层，名为“春天”。执行【文件】|【导入】|【导入到库】命令，打开【导入到库】面板，找到本教程提供的素材文件，按住Ctrl键，选择“春天的图片”、“夏天的图片”、“秋天的图片”、“冬天的图片” 四张图片，批量导入到库中。从库中把名为“春天的图片”拖到主场景中，设置X、Y轴位置为0，0。在图片上单击右键，在弹出窗口中选择【转换为元件】选项，转换为名为“春天”的影片剪辑。图16-5是创建好的影片剪辑。

图16-5 创建春天影片剪辑

双击场景中的春天影片剪辑，进入元件编辑界面，将图层命名为“春天图片”并将此层加锁，然后新建一层，命名为“蝴蝶飞舞”，在第一帧执行【窗口】|【其它面板】|【公用库】|【闪客启航公用元件及效果库】命令，打开我们刚才创建的自己的公用库，如图16-6所示。

图16-6 打开闪客启航公用元件和效果库

在这个库中，我已预先设置了“动作脚本文件夹”、“简单效果文件夹”、“元素文件夹”，在这三个文件夹中，又分别预置了几个不同效果的文件夹或图形元素，如图16-7所示。

图16-7 闪客启航公用元件和效果库面板

单击蝴蝶飞舞效果文件夹，将其拖到“春天”影片剪辑的“蝴蝶飞舞”图层的第一帧（此时场景中出现了四个蝴蝶元件），选取这一帧，将其内容全部删除，执行【窗口】|【库】命令打开库面板，您会发现，启航公用库中那个名叫“蝴蝶飞舞效果文件夹”的文件夹已全部复制到“春夏秋冬”这个实例的库中了，双击打开这个文件夹，看到如图16-8所示的五个元件。

图16-8 蝴蝶飞舞文件夹

选择名为“拖入场景，蝴蝶鼠标跟随效果”的mc，拖到“蝴蝶飞舞”图层的第一帧，这样做的好处是为了确保和这个效果有关的所有元件能全部复制到新文件中来，同时又省却了整理库文件夹的时间，保持了库文件的整洁。
    新建第三层，名为文字层。在场景的下方正中写入静态文本“等闲识得东风面，万紫千红总是春”并把其转换为名为“春天的文字”的mc。如图16-9所示。

图16-9 春天的文字属性面板

双击刚建好的文字mc进行编辑，在这个mc中共有四层，新建一层，拖到文字的下面，在这一层中画一个无边矩形做文字的衬色（衬色的作用是使文字更清楚），大小如图16-10所示，再新建一层做遮罩层，要求遮住这二层，在被遮罩的两层的第10帧加关键帧，第40帧加普通帧，清空第1帧中的内容。

图16-10  春天的文字的时间帧面板和第10帧时场景中的情况

在遮罩层的第10帧中画一个无边园形，大小为20*20,放在文字的中间，单击右键转换为图形元件，在转换时注意设置注册点在元件的中间，如图16-11所示。

图16-11 转换为元件时设置注册点在元件的中心

在遮罩层的第40帧加关键帧，用变形工具使“文字遮罩元件”变形，遮住全部文字和下面的衬色，如图16-12所示。

图16-12  第40帧遮罩层的元件遮住文字和衬色

在遮罩层的第10帧创建补间动作动画。新建图层，在第40帧加关键帧，添加动作脚本语句：stop();

试着播放一下，看看是不是春光明媚，有一群美丽的蝴蝶跟随鼠标的移动在翩翩起舞？OK！我们继续。在这个实例中，春、夏、秋、冬的制作方法都是一样的，所不同的只是拖入的图片、效果不同。为了后面的制作更省劲，我们再来学习一个新的知识点--库中元件的复制和修改。
    在库面板中的“春天的文字”MC上单击右键，在弹出菜单中选择【重制】，如图16-13所示。

图16-13 重制库元件

     在弹出的窗口中修改要复制出的元件的名字为“夏天的文字”，行为选择影片剪辑，单击确定，如图16-14所示。

图16-14  复制元件面板

继续上面的操作，复制出“秋天的文字”、“冬天的文字”两个影片剪辑。用这种方法复制出来的元件是独立的，修改任意一个元件时，其余的元件不受任何影响。