📄
字号:
<html>
<head>
<meta http-equiv="Content-Language" content="en-us">
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<meta name="GENERATOR" content="Microsoft FrontPage 4.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<title>符号和组件</title>
</head>
<body bgcolor="#CCFFFF">
<p align="center" style="margin-left: 0; margin-right: 0; margin-top: 0"><font color="#FF0000" size="6" face="华文中宋"><b>Flash</b>
</font><font face="华文彩云" color="#FF0000" size="6"> 基础</font></p>
<p align="left" style="line-height: 150%; margin: 0"><font face="黑体"><font size="1" color="#008000"><本课必须</font><font SIZE="1" color="#800000">付费</font><font SIZE="1" color="#008000">才能使用，付出才有收获，劳动最光荣></font></font></p>
<p align="left" style="line-height: 150%; margin: 0"><font color="#0000FF" size="4">十三、符号和元件</font><br>
<font color="#0000FF">制作网页</font>上的动画时，一定要使文件的体积尽可能的小，这样下载的速度将会缩短，动画中重复的图像要把它制成一个符号，便于重复利用，下面我们来看一下符号的创建和使用；<br>
<font color="#0000FF">符号</font>也叫组件或<font color="#800000">元件</font>，意思都是一样的，我们这儿把它叫元件，它有三种类型，分别是<font color="#800000">影片、按钮、和图形元件</font>，我们创建的元件放在“窗口”菜单的图“<font color="#800000">库</font>”中，而系统自带的元件放在“<font color="#800000">共享库</font>”里。使用的时候，从里面拖到工作区里就可以了，十分方便；<br>
<font color="#0000FF">创建元件</font>的方法是选择“插入”菜单里的“<font color="#800000">新建元件</font>”命令，此时将会弹出一个对话框，输入元件名称，选择元件类型，单击“确定”即可打开一个工作场景，在里面进行元件的制作；</p>
<p align="left" style="line-height: 150%; margin-left: 0; margin-right: 0"><img border="0" src="创建元件.jpg" width="408" height="122"><br>
<font color="#0000FF">那么</font>三种元件有什么区别呢？图形元件将来是作为一个<font color="#800000">基本图形</font>使用，一般是静止的一幅画，像奔跑的动物就是有几个图形元件组合出来的；</p>
<p align="left" style="line-height: 150%; margin-left: 0; margin-right: 0"><img border="0" src="图形元件1.jpg" width="142" height="62"><img border="0" src="图形元件2.jpg" width="142" height="62"><img border="0" src="图形元件3.jpg" width="142" height="62"><img border="0" src="图形元件4.jpg" width="142" height="62"></p>
<p align="left" style="line-height: 150%; margin-left: 0; margin-right: 0"> 影片元件是<font color="#800000">一小段动画</font>，用在要一直运动的物体，比如夜空闪闪发光的小星星，一个不停旋转的图标，都可以先制作成一个影片元件，使用的时候拖到工作区就可以了；</p>
<p align="left" style="line-height: 150%; margin-left: 0; margin-right: 0">
<p align="left" style="line-height: 150%; margin-left: 0; margin-right: 0">
<OBJECT classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
WIDTH=120 HEIGHT=80>
<param name="Movie" value="影片元件.swf">
<param name="Src" value="影片元件.swf">
<param name="Loop" value="1">
<param name="BGColor" value><embed src="影片元件.swf" quality="high" bgcolor="#FFFFFF" TYPE="application/x-shockwave-flash" PLUGINSPAGE="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash">
</OBJECT>
<br>
<font color="#0000FF">按钮元件</font>比较特殊，原因在于按钮比较特殊，按钮可以跟<font color="#800000">鼠标</font>进行对话，当鼠标移向一个按钮时，按钮会有一些不同的<font color="#800000">变化</font>，当鼠标单击按钮时，按钮可以发布一个<font color="#800000">命令</font>，从而控制动画的播放，因此我们制作出按钮元件可以<font color="#800000">控制动画</font>，比如停止（stop）、播放（play）等等，按钮的颜色会随着鼠标的动作而改变；</p>
<p align="left" style="line-height: 150%; margin-left: 0; margin-right: 0">
<OBJECT classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="192" height="192" WIDTH=70 HEIGHT=70 >
<param name="Movie" value="按钮元件.swf">
<param name="Src" value="按钮元件.swf">
<param name="Loop" value="1">
<param name="BGColor" value><embed src="影片元件.swf" quality="high" bgcolor="#FFFFFF" TYPE="application/x-shockwave-flash" PLUGINSPAGE="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash">
</OBJECT> <br>
<font color="#0000FF">我们</font>先来练习一下图形元件和影片元件，我们将要制作一个<font color="#800000">飘动的心</font>；<br>
<font color="#0000FF">启动</font>Flash系统自动新建一个影片文件，将背景色改为<font color="#800000">黑色</font>，以“飘动的心”为文件名保存文件到自己的文件夹；<br>
<font color="#0000FF">首先</font>创建一个图形元件，选择“插入”中的“新建元件”命令，创建一个以“红心”为名称的<font color="#800000">图形元件</font>，此时进入元件编辑状态；<br>
<font color="#0000FF">选择</font>“文件”中的“<font color="#800000">导入</font>”命令，导入文件夹中的“<font color="#800000">心心相依</font>”，这是一颗红心；<br>
<font color="#0000FF">接下来</font>去掉红心的背景白色，先<font color="#800000">打散</font>图形，然后用橡皮小心擦去背景色，可以用放大镜放大，擦完后再用油漆桶选红色填充色喷一下，清除残留的白色，<font color="#800000">保存一下文件；</font><br>
<font color="#0000FF">这样</font>我们已经有了一个基本图形元件，利用这个红心，我们将创建一系列元件和动画；<br>
<font color="#0000FF">下面利用</font>这个红心元件创建另一个能变色的红心元件；<br>
<font color="#0000FF">单击</font>“插入”中“新建元件”，以“<font color="#800000">变色的心</font>”为名称，新建一个图形元件，单击“确定”，进入元件编辑；<br>
<font color="#0000FF">选择</font>“<font color="#800000">库</font>”中的红心元件，把它拖到工作区中，用排列面板对齐红心，这样动画将在正中央,在信息面板中调节高和宽均为<font color="#800000">30</font>。<br>
<font color="#0000FF">在第5帧</font>处插入关键帧，打开“<font color="#800000">属性</font>”面板，在“颜色”的“没有”上旁边下拉按钮，选择“高级”，再点击“设置”（如下图所示），看一下弹出的面板，在这里可以修改<font color="#800000">元件实例</font>的颜色，颜色由<font color="#800000">三原色</font>构成，分别是红（Red），绿（Green）和蓝（Blue），用左边的百分数乘以右边的一个小于255的数来的到三原色的值；<br>
第5帧设为<font color="#800000">黄色</font>，修改红色为255，绿色为255，蓝色为0，百分数不变；</p>
<p align="left" style="line-height: 150%; margin-left: 0; margin-right: 0"><img border="0" src="颜色效果.jpg" width="266" height="56">
<img border="0" src="高级效果.jpg" width="258" height="207"><br>
<font color="#0000FF">在第10帧</font>处插入关键帧，同样修改实例的颜色为<font color="#800000">紫色</font>，修改红色为255，绿色为0，蓝色为255，百分数不变；<br>
<font color="#0000FF">在第15 帧</font>处插入关键帧，同样修改实例的颜色为<font color="#800000">绿色</font>，修改红色的百分数为0，乘数为0，绿色为255，蓝色为0，百分数不变；<br>
<font color="#0000FF">在第20帧</font>处插入关键帧，同样修改实例的颜色为<font color="#800000">桔红色</font>，修改红色为128，百分数为不变，绿色为128，蓝色为128，百分数不变；<br>
<font color="#0000FF">这样</font>，第1帧是红色，5是黄色，10是紫色，15是绿色，20是桔色，下面把大小再变化一下，打开信息面板和对齐面板，把“到场景”按下选中，把第5帧的心缩小一半改成15，对齐到中心，第10帧缩到最小改成1，对齐到中心，第15帧缩小到一半改成15，并对齐，第20帧还原改为30，也对齐到中心,再为各个关键帧创建<font color="#800000">动作</font>动画；<br>
<font color="#0000FF">下面</font>接着制作多个心，新建一个图形元件，以“<font color="#800000">花瓣心</font>”为名称；<br>
<font color="#0000FF">新增</font>5个图层，五个图层上各拖出一颗<font color="#800000">图库</font>中的“变色的心”，五颗心排列成<font color="#800000">五边形</font>（花瓣形），各个心离远一点儿（大约相距120左右）；</p>
<p align="left" style="line-height: 150%; margin-left: 0; margin-right: 0"><img border="0" src="花瓣心.jpg" width="128" height="124"><br>
<font color="#0000FF">打开</font><font color="#800000">属性</font>面板，将各个图层的心的“<font color="#800000">首先</font>”改为1、5、10、15、20从而产生波浪效果；</p>
<p align="left" style="line-height: 150%; margin-left: 0; margin-right: 0"><img border="0" src="首先.jpg" width="214" height="32"><br>
<font color="#0000FF">同时选中</font>5个图层的第20帧，单击右键，选择“<font color="#800000">插入帧</font>”命令，从而加长影片产生动画；<br>
<font color="#0000FF">下面</font>再创建一个元件，用<font color="#800000">花瓣心</font>排列出两颗相交的心来。以“<font color="#800000">两颗心</font>”为名称，新建一个图形元件；<br>
<font color="#0000FF">新建</font>5个图层，从图层1开始，每层放几颗<font color="#800000">花瓣心</font>，在这5个图层中设法摆出两颗<font color="#800000">相交</font>的心的造型来，一层当中可以多放几个心，，图层不够时也可以再新建图层，然后再用“<font color="#800000">插入帧</font>”命令都加长到20帧；<br>
<font color="#0000FF">“两颗心”</font>制作好后，就可以进行主场景的制作，单击左上方“<font color="#800000">场景1</font>”按钮返回主场景，从图库中拖入一个“<font color="#800000">两颗心</font>”，再在第20帧处单击右键选择“<font color="#800000">插入帧</font>”命令；<br>
<font color="#0000FF">到此</font>，我们的制作全部完成，<font color="#800000">保存</font>一下文件，按Ctrl＋回车键测试影片，观看影片的效果；</p>
<p align="left" style="line-height: 150%; margin-left: 0; margin-right: 0">
<OBJECT classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
WIDTH=250 HEIGHT=180>
<param name="Movie" value="心情.swf">
<param name="Src" value="心情.swf">
<param name="Loop" value="1">
<param name="BGColor" value><embed src="心情.swf" quality="high" bgcolor="#FFFFFF" TYPE="application/x-shockwave-flash" PLUGINSPAGE="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash">
</OBJECT>
</p>
<p align="left" style="line-height: 150%; margin-left: 0; margin-right: 0">
<font color="#0000FF">本节</font>学习了元件的创建和使用方法，如果你成功地完成了练习，请继续学习下一课内容。
</p>
<p style="line-height: 150%; margin-top: 0; margin-bottom: 0">
<font SIZE="1" color="#008000">
本教程由86团学校TeliuTe制作|著作权所有，不得用于商业用途
</font>
</p>
<p style="line-height: 150%; margin-top: 0; margin-bottom: 0">
<font SIZE="1" color="#008000">
美丽的校园……
</font>
</p>
</body>
</html>
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -