元件的作用在于减小了文件大小，因为无论您创建多少个元件实例，Flash 只会将该元件在文件中存储一次。对于在文档中多次出现的每个元素，使用元件、动画或其它方式是很好的做法。您可以修改实例的属性而不影响主元件，并可以通过编辑主元件来更改所有实例。

　　下面，我们通过制作一个小树长大的小作品来一起学习如何制作并使用图形类型的元件。请同学们参照下面的制作步骤，并注意灵活使用。>>单击此处预览动画效果

　　第一步：新建文档，设置舞台属性。

　　启动FlashMX程序，创建一个新的动画文档，并将其舞台大小设置为300 x 400像素，背景色自定，帧频设置为默认（12fps），然后将文档保存为“小树长大.fla”，如下图所示：

　　第二步：打开“创建新元件”对话框，并命名元件名称和类型。

　　使用“插入|新建元件”菜单命令，打开“创建新元件”对话框，名称输入框处输入“小树”，行为中选用“图形”如下图所示，然后单击“确定”按钮，进入创建元件的舞台：

　　第三步：创建小树图形元件。

　　（1）选用“工具箱面板”中的“铅笔工具”，在选项区域中设置为“平滑”然后在元件舞台上先绘制出树叶的轮廓，如下图所示，注意所绘制的树叶轮廓线必须重合。

　　（2）选用“工具箱面板”中的“颜料桶工具”，并在“颜色”区域中将“填充色”设置为墨绿色，然后将鼠标指针滑动至舞台上的树叶轮廓线内部单击，将选择的填充色倒入，如下图所示，最后将鼠标指针指向轮廓先后对其双击，删除蓝色的轮廓线。

　　（３）重新选用“铅笔工具”，在树叶的下方勾勒出树干的轮廓，如下图所示：

　　（４）选用“颜料桶工具”，并将填充色设置为“褐色”，然后将填充颜色倒入到树干部分的轮廓线内部，最后将树干的轮廓线删除，如下图所示。

　　（5）一棵小树基本上就这样完成了，我们可以使用“箭头工具”将绘制好的小树全部选中，然后选用“窗口|对齐”菜单命令，打开对齐面板，先单击面板右侧的“对齐/相对舞台分布”按钮，再分别单击“垂直中齐”和“水平中间分布”按钮，将绘制的小树置于舞台的中央，如下图所示：

　　第四步：使用小树图形元件创建实例。

　　（1）单击舞台左上角处的“场景一”，将舞台切换到场景舞台，选用“窗口|库”菜单命令，打开作品的元件仓库，可以看到刚才绘制的小树图形元件存储在这里，如下图所示：

　　（2）将“小树”图形元件从库中拖曳到场景舞台的下部中间部分，创建出一个小树的实例。然后选中小树实例，选用工具箱中的“任意变形工具”，适当的调整实例的大小，并将实例的变形中心（空心小白点）由中间调整至下方，如图所示：

　　
　　（3）选中场景图层1时间线上的第40帧，按下“F6”快捷键，在此处插入一个关键帧，并使用“任意变形工具”将第40帧上的小树实例适当的放大（可以拖动顶角上的控制点），如下图所示：

　　第五步：创建补间动画。

　　（1）选中场景图层1时间线上的第1帧，展开“属性面板”，在“补间”下列列表中选用“动作”命令，如下图所示：

　　（2）在完成动作类型的补间动画设置以后，我们可以看到图层1时间线上的第1帧和第40帧之间自动填充上淡紫色，如下图所示：

　　此时如果想预览动画效果的话，可以直接按键盘上的“Enter”键，或者使用FlashMX中的控制器来查看（控制器可以使用“窗口|工具栏|控制器”菜单命令打开）。

　　第六步：保存并导出影片。

　　鼠标直接单击常用工具栏中的“保存”按钮即可完成对已修改作品的存储。然后，使用“文件|导出影片”菜单命令来完成影片的导出。

补充练习：

练习一：将“小树长大”中的“小树”图形元件的树叶颜色改为绿色，然后查看场景舞台上小树实例的变化情况。

练习二：制作一个飞跑成长的小飞猫，影片的舞台设置为300 x 100像素，背景色为绿色，帧频默认。>>单击此处预览练习二内容