在Flash作品中，经常会看到Flash源文件的“库”中有各种类型的元件，而“库”和“元件”是Flash中重要的组成部分，下面将介绍元件和库的相关知识，帮助读者建立起元件和库的概念并能掌握元件的创建和使用方法。
学习目标：
了解元件和库的概念
了解公用库的概念
通过实战灵活掌握元件和库的使用
3.1使用元件和素材库
本节主要介绍元件和库的概念，并通过实例来展示其使用方法。
3.1.1知识准备-认识元件和库
在制作动画之前，首先来了解一下元件和库的基本知识。
1．元件和库的概念
元件是Flash动画中的重要元素，是指创建一次即可多次重复使用的图形、按钮或影片剪辑，而元件是以实例的形式来体现，库是容纳和管理元件的工具。形象地说，元件是动画的“演员”，而实例是“演员”在舞台上的“角色”，库是容纳“演员”的“房子”，如图3-1所示，舞台上的图形如“樱桃”、“盘子”和“叶子”等都是元件，都存在于“库”中，如图3-2所示。
元件只需创建一次，就可以在当前文档或其他文档中重复使用，并且使用的元件都会自动成为当前文档库中的一部分。每个元件都有自己的时间轴、关键帧和图层，如图3-3和图3-4所示。
2．使用元件的优点
使用元件可以简化动画的编辑。在动画编辑过程中，把要多次使用的元素做成元件，如果修改该元件，那么应用于动画中的所有实例也将自动改变，而不必逐一修改，大大节省了制作时间，图3-1中所示的“樱桃”，如果想改变“樱桃”的形状，如果没有元件，修改起来就太费力了。
重复的信息只被保存一次，而其他引用就只保存引用指针，因此使用元件可以使动画的文件尺寸大大减小。
元件下载到浏览器端只需要一次，因此可以加快电影的播放速度。
3．元件的类型
元件的类型有三种，即图形元件、按钮元件和影片剪辑元件。
图形元件可以用于静态图像，并可以用于创建与主时间轴同步的可重复使用的动画片段。
图形元件与主时间轴同步运行，也就是说，图形元件的时间轴与主时间轴重叠。例如，如果图形元件包含10帧，那么要在主时间轴中完整播放该元件的实例，主时间轴中需要至少包含10帧。另外，在图形元件的动画序列中不能使用交互式对象和声音，即使使用了也没有作用。
按钮元件可以创建相应鼠标弹起、指针经过、按下和单击的交互式按钮。
影片剪辑元件创建可以重复使用的动画片段。例如，影片剪辑元件有10帧，在主时间轴中只需要1帧即可，因为影片剪辑将播放它自己的时间轴。
3.1.2典型案例-制作可口的樱桃动画
本案例主要用到了图形元件和影片剪辑元件，此次来学习两种元件的区别和使用技巧，建议读者亲自绘制案例中的图形，以便练习FlashCS5中绘图工具的使用方法。设计思路包括制作背景、标题制作、樱桃图形的绘制、布置场景、诗的制作、添加声音等。具体的设计效果如图3-5和图3-6所示。
具体的制作过程如下。
1．背景制作
（1）新建一个Flash文档，文档属性使用默认参数。
（2）将默认“图层1”重命名为“背景”层，在舞台上绘制图3-7所示的矩形，填充颜色的类型为“线性”，颜色设置如图3-8所示，其中设置第1个颜色块为“33CC00”，第2个颜色块为白色，第3个颜色块为“94E31C”。然后利用填充渐变工具调节渐变颜色。
2．标题制作
（1）在“背景”图层上面创建图层并重命名为“标题”层，在舞台上输入文字“可口的樱桃”，设置字体为“宋体”（读者也可以设置一种自己喜欢的字体），设置字体颜色为“白色”，字体大小为“35”，其属性设置如图3-9所示。
（2）打开【滤镜】面板，为标题文字添加投影效果，各选项设置如图3-10所示，文字效果如图3-11所示。
3．樱桃图形的绘制
（1）选择【插入】→【新建元件】菜单命令，新建一个图形元件并命名为“整体”，单击【确定】按钮，进入元件的内部进行编辑。
（2）在编辑区域中，将默认的“图层1”重命名为“树枝”层，在舞台上使用线条工具绘制图3-12所示的图形，其中线条的笔触高度为“3”，颜色为“660000”，然后选择绘制完成的“树枝”，按F8键将其转化为图形元件并重命名为“树枝”。
（3）在“树枝”图层上面新建图层并重命名为“樱桃”层，然后使用椭圆工具绘制图3-13所示的图形。在【颜色】面板中设置笔触颜色为“无”，填充颜色为“放射状”，然后调节颜色，设置3个色块，从左至右3个色块颜色分别为“FFFFFF”，“FF6600”，“FF0000”。同样，将其转化为图形元件并命名为“樱桃”。
（4）选择【插入】→【新建元件】菜单命令，新建一个图形元件并命名为“树叶”，单击【确定】按钮，进入元件的内部进行编辑。
（5）在舞台上使用线条工具绘制图3-14所示的图形并设置其笔触高度为“1”，笔触颜色为“000000”，填充颜色为“33CC66”。
（6）选择【文件】→【导入】→【打开外部库】菜单命令，打开素材“第3章\可口的樱桃.fla”文件，将【库-可口的樱桃.fla】面板中名为“盘子”的图形元件复制到当前【库】中。
双击【库】面板中的“盘子”元件，进入“盘子”元件的内部，其形态如图3-15所示，这时，【库】面板状态如图3-16所示。
4．布置场景
（1）返回主场景中，在“标题”层上面新建图层并重命名为“盘子”层，将【库】面板中名为“盘子”的图形元件拖曳到舞台中并设置它的大小和位置，具体设置如图3-17和图3-18所示，舞台效果如图3-19所示。
（2）在“盘子”层上面新建图层并重命名为“樱桃”层，将【库】面板中名为“整体”
的图形元件拖曳到舞台中，利用复制和旋转等方法在舞台中放置多颗“樱桃”，舞台效果如图3-20所示。
（3）在“樱桃”层上面新建图层并重命名为“树叶”层，将【库】面板中名为“树叶”
的图形元件拖曳到舞台中，在舞台中放置“树叶”，效果如图3-21所示。
5．诗的制作
（1）在“树叶”层上面新建图层并重命名为“诗”层，在舞台上输入文字“书”，字体的属性设置如图3-22所示，字体颜色设置为“白色”，最后舞台效果如图3-23所示。
（2）选择输入的文字，按F8键将其转化为影片剪辑元件并命名为“诗”，单击【确定】
按钮，然后双击舞台上的“诗”元件，进入元件内部编辑。
（3）选择“图层1”中的文字，连续两次按Ctrl+B键将文字打散。选择【时间轴】上第1帧，单击鼠标右键，在弹出的快捷菜单中选择【剪切帧】命令。然后选择第70帧，单击鼠标右键，在弹出的快捷菜单中选择【粘贴帧】命令。最后选择345帧，按F5键插入帧。
（4）在“图层1”上面新建图层并重命名为“遮罩”层，在第70帧处按F6键插入关键帧，然后在舞台上文字的右边绘制一个矩形，效果如图3-24所示。
（5）在第78帧处按F6键，插入关键帧。然后调整此时的矩形，将第1竖排的文字遮住。
（6）分别在第110帧和第120帧处按F6键，插入关键帧，然后调整第120帧处的矩形，将第2竖排的文字遮住。
（7）使用同样的方法在第160帧和第170帧、第210帧、第220帧、第260帧、第270帧、第305帧、第315帧插入关键帧并调整矩形的形状。
（8）分别在第70帧和第78帧、第110帧和第120帧、第160帧和第170帧、第210帧和第220帧、第260帧和第270帧、第305帧和第315帧之间创建补间形状动画。
（9）右键单击图层“遮罩”，在弹出的快捷菜单中选择【属性】命令，然后将它设置为遮罩层，用同样的方法将“图层1”设置为被遮罩层，此时，元件时间轴状态如图3-25和图3-26所示。
注意：有关创建补间形状动画的概念在后面的章节中具体介绍，这里创建遮罩是为了朗诵诗歌时，声音和画面同步，从而达到意想不到的效果。
6．添加声音
（1）选择【文件】→【导入】→【打开外部库】菜单命令，打开素材“第3章\可口的樱桃.fla”文件，将【库-可口的樱桃.fla】面板中名为“声音”的文件夹复制到当前【库】中，此时【库】面板状态如图3-27所示，声音的【属性】面板如图3-28所示。
（2）在“诗”影片剪辑元件中，新建一个图层，重命名为“朗诵”，然后分别在第78帧、第120帧、第170帧、第220帧、第270帧处插入关键帧，分别添加声音“诗题”、“第1句”、“第2句”、“第3句”、“第4句”。
（3）新建一个图层，重命名为“背景音乐”，在第5帧处使用添加声音的方法添加背景音乐。
（4）此时，影片剪辑“诗”的【时间轴】面板状态如图3-29所示。
图3-29影片剪辑“诗”的时间轴显示
（5）最后保存测试影片。
本案例主要介绍影片剪辑元件和图形元件的使用及其相关区别，如“诗”的影片剪辑元件中有345帧，而在主场景中只需要1帧即可，对于这些使用技巧，读者需要勤加练习，才能提高自己用Flash制作动画的能力。
3.1.3典型案例——制作数字雨屏保动画
本案例主要用图形元件和影片剪辑元件来表达Flash中的动态效果，本案例还运用了一些简单的脚本语言，读者可以在本小节先熟悉一下这些程序，在后面的章节中将会详细介绍程序的使用方法。设计思路包括创建数字雨图形元件、制作动态的流动效果、布置场景、创建动态文本、添加脚本语言。其设计效果如图3-30所示。
具体制作过程如下。
1．创建数字雨图形元件
（1）新建一个Flash文档，设置文档大小为“600×400”像素，背景颜色设置为“黑色”，帧频设置为“48”，其他属性保持默认参数。