第七章 动画大师——Flash 5
第四节 神奇“聚宝盆”——元件库[9-4]
学习任务：
1.掌握把对象转换成元件的方法。
2.掌握从库里取出元件实例的方法。
3.掌握修改元件的方法。
4.了解元件和实例的关系。
“聚宝盆”的故事：
【古时候有一个穷人家的孩子名叫王小，他每天上山砍柴。山上住着一个白胡子老人。
王小心疼老人，就天天给老人挑水。老人临终的时候，送给了王小一个破瓦盆。哪知这个破瓦盆竟然是一个聚宝盆。村上的财主听说了，就抢走了王小的聚宝盆。财主把聚宝盆拿回家，往里面放了一个金元宝。拿出金元宝，盆里还有一个金元宝。财主的爹高兴坏了，也要去拿，一不小心跌到聚宝盆里。财主慌忙去拉他爹。拉出一个爹，盆里还有一个爹；拉出一个爹，盆里还有一个爹……】
Flash 5 里也有一个聚宝盆，它就是元件库（“元件” 也有翻译为“组件”或“符号”的）。
目标一 修改群组
操作训练营
第一步：打开源文件“扇子.fla”。
第二步：单击“箭头工具”，如图7-4-3所示。双击最左边一个扇片（其实用任何一个扇片做实验，结论都相同），进入群组编辑模式。这时当前扇片正常显示，可以修改，其他扇片颜色变浅成为陪衬，不可修改，如图7-4-4所示。
图7-4-3
图7-4-4
第三步：用“画笔工具”在小草上再添加几朵小红花，如图7-4-5、图7-4-6所示。
图7-4-5
图7-4-6
第四步：单击时间轴左上角的“场景1”，退出群组编辑模式，回到场景。
可以看到，其他的扇片还是原来的样子，没有发生任何变化。这种情况表明，所有的扇片虽然是同一个群组的复制品，但它们是各自独立的，相互之间没有内在联系。
目标二 把树杈送进元件库
第一步：单击“文件（F）” →“新建（N）...”，建立一个新的Flash 影片；双击“手形工具”，显示整个舞台。
第二步：单击“修改（M）” →“影片（M）...”，背景色选为浅青色（# CCFFFF）。
第三步：单击“ 画笔工具 ”，单击“ 填充颜色 ”，选择“咖啡色”（ # 996600），选项里的画笔大小选第5个，在舞台中下方画一个“√”形状的树杈，如图7-4-7所示。
图7-4-7
图7-4-8
第四步：单击“ 填充颜色 ”，选择“绿色”（ # 006600），在树杈两边各画一片树叶，如图7-4-8所示（如果两片树叶画成深浅不同的绿色，效果会更好，深绿色可用 # 009900）。
第五步：单击“ 填充颜色 ”，选择“红色”（ # FF0000），在树杈之间的合适位置画一个苹果，如图7-4-9所示。
图7-4-9 
图7-4-10
第六步：单击“ 铅笔工具 ”，单击“ 描绘颜色 ”，选择“黑色”（ # 000000），在绘图工具栏下方铅笔模式按钮的“选项”中，选择“平滑”模式，在苹果上画一小段弧线，如图7-4-10所示。
第七步：用“箭头工具”选中图形，如图7-4-11所示。
图7-4-11
图7-4-12
第八步：单击“插入（I）” →“转换成元件（C）...”，弹出“元件属性”对话框，如图7-4-12所示。
第九步：名称栏里的“元件1”改为“树杈”，再单击“确定”按钮。此时，虚点状恢复为正常显示，四周出现一个浅蓝色的外框，舞台上的“树杈”转换为“实例”，转换为“元件”的“树杈”已经进入“库”中。与群组不同的是，在“树杈”的中心自动出现一个“+”号，表示中心点，如图7-4-13所示。
图7-4-13
第十步： 单击“窗口（W）” →“库（L）”，打开如图7-4-14所示的“库”窗口（这就是Flash 5 的聚宝盆），单击“名称”窗格中的元件“树杈”，可以在“预览”窗格看到元件的全貌，如图7-4-15所示。
图7-4-14 
图7-4-15
技巧展示台
⒈单击工作区右下角的“库”开关，可以打开或隐藏“库”窗口。
⒉打开或隐藏“库”窗口的快捷键是 Ctrl+ L 。
知识收藏夹
最初在舞台上画的树杈，经过转换，已经进入“库”中成了元件；同时，在工作区中，留下了元件的影子，称为“实例”。
目标三 取出实例拼果树
第十一步：把鼠标指针指向“库”的“预览”窗格，拖动鼠标到舞台上，如图7-4-16所示。
图7-4-16
图7-4-17
第十二步：放开鼠标左键，元件的实例就被拖到了舞台上，这样，在舞台上就有了两个实例，如图7-4-17所示。请注意，“树杈”元件仍留在“库”窗口中，拖出来的只是一个实例——元件的影子。
第十三步：单击“箭头工具”，再单击“选项”中的“比例”按钮，在当前实例的周围出现8个方形控制点，拖动控制点使实例缩小，如图7-4-18所示。
图7-4-18
第十四步：单击“选项”中的“旋转”按钮，把实例旋转到适当角度，并移动位置和大树杈拼在一起，如图7-4-19所示。
图7-4-19
第十五步：重复前面的四个步骤，再从“库”里拖出一个实例，并把它缩小、旋转、移动，拼到大树杈的另一枝上，如图7-4-20所示。
图7-4-20
第十六步：从“库”里拖出一个实例，对它进行缩小、旋转、移动等操作，并把它连接到树杈上，如图7-4-21所示。
由于从元件库中拖出的实例都是同一个元件的影子，因此，拖到舞台上的实例，初始大小都是相同的，每次都要缩小，比较麻烦。此时，用“复制”的方法就相对简便。
图7-4-21
图7-4-22
第十七步：选中小树杈，单击“编辑（E）”→ “复制（D）（ Ctrl+D）”，出现一个新的小树杈，旋转、移动，连接到树杈上，如图7-4-22所示。
第十八步：重复第十七步，即可拼成一棵苹果树，如图7-4-23所示。
图7-4-23
第十九步：保存文件为“苹果树”。
技巧展示台
从“库”窗口的“名称”窗格拖动元件名称，也可以拖出元件的实例。
目标四 苹果树变桃树——修改元件
第二十步：单击“箭头工具”，双击实例大树杈（其实修改任何树杈实例，结果都相同），进入对应元件的编辑模式 ，如图7-4-24所示。这时，当前选中的大树杈已不是实例，而是元件本身，它正常显示，可以修改，其它实例颜色变浅成为陪衬，不可修改。
图7-4-24
图7-4-25
第二十一步：单击“橡皮工具”，把苹果擦掉，再用“画笔工具”画一个粉色（ FFCC66）的桃子，并用“铅笔工具”在桃子中间画一条曲线，如图7-4-25所示。可以看到，元件被修改时，较浅颜色的所有实例也同时发生变化。
第二十二步：单击左上角的“场景1”，退出元件编辑模式 ，回到场景，如图7-4-26所示。
图7-4-26
第二十三步：文件另存为“桃树”。
技能检查站
⒈在桃树上再加一层更小的树杈，如图7-4-27所示。
图7-4-27
⒉把这棵桃树变成如图7-4-28所示的梨树。
图7-4-28
目标五 元件和实例的关系
知识收藏夹
⒈元件是实例的模板，实例是元件的复制品。一个元件可以拖出多个实例。
⒉元件和实例始终保持着单向联系，元件时刻影响实例，而实例不会影响到元件。例如，修改元件时，所有实例同时发生变化；对一个实例进行变形时（如缩放、旋转等），元件不受影响，其他实例也不受影响。
⒊在动画文件中，元件记录着图形原始信息，实例只记录元件的序号和变形信息。使用实例可以大大减小动画文件的体积。
水平测试所
⒈画好树杈并转换成元件，留在舞台上的“树杈”是（ ），进入库中的“树杈”是（ ）。把库窗口中的“树杈”拖到舞台上，出现的是（ ）。
（A）实例（ B）元件（ C）群组
⒉选择后显示为虚点状的有（ ），选择后显示为包围蓝色方框的有（ ）。
（A）实例（ B）图形（ C）群组
能力挑战场
制作逐帧动画，让桃树从一个大树杈开始，一层层地长高，如图7-4-29所示。
图7-4-29
信息大观园
矢量图和点阵图
计算机中的图象类型大致可以分为矢量图和点阵图两种，它们各有特色，也有各自的优缺点。
矢量图用数学函数的方式来记录图象内容，它以线条和色块为主，例如一个圆的 数据只需要记录圆心坐标、半径、线条粗细和填充的色彩等，因此，它的文件所占的体积比较小，也可以很容易地进行放大、缩小或旋转等操作，并且不会失真，精度较高，如图7-4-30所示为矢量图放大效果。但这种格式的图像有一个缺点，不易制作色彩丰富或色彩变化太多的图像，而且绘制出来的图像不是很逼真，无法像照片一样精确地描绘自然界的景象。
点阵图是由许多点组成的，这些点称为像素，不同色彩的像素合在一起就构成了一副完整的图像。在保存点阵图时需要记录的是每一个像素的位置和色彩数据，图像分辨率越高文件就越大，计算机处理时的速度也就越慢。它的优点是能够记录色彩和色调变化丰富的图像，可以逼真地表现自然界的景象。但是，它在进行缩放时会出现明显的失真，边缘轮廓模糊不清，也就是常说的马赛克现象，影响图像的外观。如图7-4-31所示为点阵图的放大效果。
Flash 主要使用矢量图，它生成的动画文件体积很小，非常适合制作网页卡通动画。
