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制作|著作权所有,不得用于商业用途

美丽的校园……