Flash 基础

十三、符号和组件
制作网页上的动画时，一定要使文件的体积尽可能的小，这样下载的速度将会缩短，动画中重复的图像要把它制成一个符号，便于重复利用，下面我们来看一下符号的创建和使用。
符号也叫组件或元件，意思都是一样的，我们这儿把它叫组件，它有三种类型，分别是影片、按钮、和图形组件，自己创建的组件放在“窗口”菜单的“图库”中，而系统自带的组件放在“共享图库”里。使用的时候，从里面拖到工作区里就可以了，十分方便。
创建组件的方法是选择“插入”菜单里的“新建组件”命令，此时将会弹出一个对话框，输入组件名称，选择组件类型，单击“确定”即可打开一个工作场景，在里面进行组件的制作。
那么三种组件有什么区别呢？图形组件将来是作为一个基本图形使用，一般是静止的一幅画，像奔跑的动物就是有几个图形组件组合出来的。 影片组件是一小段动画，用在要一直运动的物体，比如夜空闪闪发光的小星星，一个不停旋转的图标，都可以先制作成一个影片组件，使用的时候拖到工作区就可以了。
按钮组件比较特殊，原因在于按钮比较特殊，按钮可以跟鼠标进行对话，当鼠标移向一个按钮时，按钮会有一些不同的变化，当鼠标单击按钮时，按钮可以发布一个命令，从而控制动画的播放，因此我们制作出按钮组件可以控制动画，比如停止（stop）、重复（repeat）、继续播放（play）等等，所有的控制都由按钮的命令来完成，我们将学习编程的知识，来对按钮进行程序控制。
我们先来练习一下图形组件和影片组件，我们将要制作一个飘动的心。
启动Flash系统自动新建一个影片文件，关闭其他面板，只打开“图库”将背景色改为黑色，以“飘动的心”保存文件到自己的文件夹。
首先创建一个图形组件，选择“插入”中的“新建组件”命令，创建一个以“红心”为名称的图形组件，此时进入组件编辑状态
选择“文件”中的“导入”命令，导入文件夹中的“心心相依”，这是一颗红心。
接下来去掉红心的背景白色，记住先打散图形，然后用橡皮小心擦去背景色，可以放大到800倍，擦完后再用油漆桶选红色填充色喷一下，清除残留的白色。保存一下文件
这样我们已经有了一个基本图形组件，利用这个红心，我们将创建一系列组件和动画。
下面利用这个红心组件创建另一个能变色的红心组件
单击“插入”中“新建组件”，以“变色的心”为名称，新建一个图形组件，单击“确定”，进入组件编辑。
选择“图库”中的红心组件，把它拖到工作区中，注意让两个十字架对准，这样动画将在正中央,在信息面板中调节高和宽均为30。
在第5帧处插入关键帧，打开“效果”面板，单击“没有”旁边的下拉按钮，选择“高级”，看一下弹出的面板，在这里可以修改组件实例的颜色，颜色由三原色构成，分别是红（Red），绿（Green）和蓝（Blue），用左边的百分数乘以右边的一个小于255的数来的到三原色的值。
第5帧设为黄色，修改红色为255，绿色为255，绿色为0，百分数不变。
在第10帧处插入关键帧，同样修改实例的颜色为紫色，修改红色为255，绿色为0，蓝色为255，百分数不变。
在第15 帧处插入关键帧，同样修改实例的颜色为绿色，修改红色的百分数为0，乘数为0，绿色为255，蓝色为0，百分数不变。
在第20帧处插入关键帧，同样修改实例的颜色为桔红色，修改红色为128，百分数为100％，绿色为128，蓝色为128百分数不变。
这样，第1帧是红色，5是黄色，10是紫色，15是绿色，20是桔色，下面把大小再变化一下，打开信息面板和对齐面板，把“到场景”按下选中，把第5帧的心缩小一半改成20，对齐到中心，第10帧缩到最小改成1，对齐到中心，第15帧缩小到一半改成15并对齐，第20帧还原改为30也对齐,再为各个关键帧创建动作动画。
下面接着制作多个心，新建一个图形组件，以“花瓣心”为名称。
新增5个图层，五个图层上各拖出一颗图库中的“变色的心”，五颗心排列成五边形（花瓣形），各个心离远一点儿（大约相距120左右）。
打开实例面板，将各个图层的心的“首先”改为1、5、10、15、20从而产生波浪效果
同时选中5个图层的第20帧（用Shift键），单击右键，选择“插入帧”命令，从而加长影片产生动画。
下面再创建一个组件，用花瓣心排列出两颗相交的心来。以“两颗心”为名称，新建一个图形组件。
新建5个图层，从图层一开始，每层放几颗花瓣心，在这5个图层中设法摆出两颗相交的心的造型来，一层当中可以多放几个心，或者先在一层中把位置先摆好，再通过“剪切”和“粘贴到新位置”来贴到其他图层中，图层不够时也可以再新建图层，然后再用“插入帧”命令加长到20帧。（参考一下影片“心情”中的“跳动的心”组件的摆法）
“两颗心”制作好后，就可以进行主场景的制作，单击左上方“场景1”按钮返回主场景，从图库中拖入一个“两颗心”，再在第20帧处单击右键选择“插入帧”命令。
到此，我们的制作全部完成，保存一下文件，按Ctrl＋回车键测试影片，观看影片的效 果。

本教程由86团学校TeliuTe制作|著作权所有，不得用于商业用途

美丽的校园……