第十一讲 FLASH元件.ppt

第十一讲 FLASH元件 * 《网页开发工具》第十一讲 FLASH元件 11.1 Flash的元件 1、元件的概念 元件是一些可以重复使用的图像、动画或者按钮，他们被保存在库中；元件出现在舞台上则成为实例。元件的应用可以使影片的编辑更加容易，在对许多重复的元素进行修改时，只要对于元件做出修改则该元件的所有实例都会自动更新。 运用元件可以显著减小文件的尺寸，还可以加快影片的播放，因为元件在浏览器上只需下载一次。 图形、按钮、影片剪辑是FLASH中的三种元件，其中： 图形元件通常用于存放静态的图像； 影片剪辑是一个独立的小影片； 按钮用于创建对鼠标时间响应的互动按钮，在其中还可以加入影片剪辑或音效文件。 2、FLASH的元件类型 《网页开发工具》第十一讲 FLASH元件 元件建立好后存在于库中，如果被拖入到舞台，则舞台中的对象成了元件在舞台中的一个例子，称为实例。 元件的修改将影响到与该元件有关的所有实例； 实例的改变只与自身有关。 每个实例可以有自己的名字，与元件名字无关。 3、元件和实例 《网页开发工具》第十一讲 FLASH元件 11.2 Flash 按钮制作 按钮有特殊的编辑环境，通过在4帧时间轴上创建关键帧，制定不同的按钮状态。 弹起帧：表示鼠标指针不在按钮上的状态； 指针经过帧：代表鼠标指针在按钮上的状态； 按下帧：表示鼠标单击按钮时的状态； 单击帧：定义对鼠标单击做出反应的区域。 《网页开发工具》第十一讲 FLASH元件 图11-1 按钮状态的“四个帧” 《网页开发工具》第十一讲 FLASH元件 1）新建一个文档，选择“插入”|“新建元件”命令，在出现的对话框中，选择按钮类型并输入按钮名字。这时时间轴进入按钮编辑模式。 2）要创建弹起状态按钮图像，在弹起帧中插入空白关键帧，进行编辑。 3）同样在指针经过帧和按下帧中插入空白关键帧并进行编辑。 4）在单击帧中插入空白关键帧，然后用绘图工具制作鼠标响应区域，该区域在测试时并不出现。 5）按钮制作完成后就出现在库面板中。 11.2.2 按钮的制作过程 《网页开发工具》第十一讲 FLASH元件 在编辑影片时可以选择是否启用按钮功能。启用按钮功能后，按钮就会对用户指定的鼠标事件做出响应；当按钮功能被取消时，单击按钮会将按钮选中。一般情况下，编辑时按钮的功能是被禁止的，启用按钮则可以快速测试按钮的行为是否满意。 选择菜单“控制”|“启用简单按钮”可以启用或者禁止按钮功能。 按钮中的影片剪辑在编辑时是看不到的，只有在测试影片时才会出现。 11.2.3 按钮的启用 《网页开发工具》第十一讲 FLASH元件 1、建立文字元件（名称为文字，类型为图形），在其中输入想要显示在按纽上的文字。 2、建立新元件（名称为彩条，类型为图形），在其中画一个填充色为渐变色，无边框的矩形条。 3、建立新元件（名称为遮罩，类型为影片剪辑），将文字和彩条利用遮罩层形成彩色文字动画效果。 4、建立新元件（名称为按纽，类型为按纽），将遮罩影片放入按纽的单击帧中。 5、回到场景，将按纽放入舞台中央，测试影片。 11.2.4 按钮制作实例——彩色按钮 《网页开发工具》第十一讲 FLASH元件 　　 一个按钮再美观也必须满足实际使用的需要，所以，这里我们就要为按钮添加动作。回到场景一，打开图库面板拖入前面制作的按钮。选定按钮，打开对象动作面板，写入以下代码： 　　on (press) { 　　 getURL (index.htm); 　　} 　　其中getURL指向的就是按钮的链接页，on (press)代表单击按钮执行页面跳转。 11.2.5 为按钮添加链接 《网页开发工具》第十一讲 FLASH元件 《网页开发工具》第十一讲 FLASH元件 11.2.6 11.3 影片剪辑制作 11.3.1 影片剪辑 影片剪辑是一个独立的影片，在影片剪辑中可以包括动画和音效等。 它具有独立的时间轴，能实现许多复杂的效果。 《网页开发工具》第十一讲 FLASH元件 1、建立空白文档，并设置文档属性为130*400，背景为深兰色。 2、插入新建元件（名称为line ，类型为图形），在元件编辑模式下用钢笔工具绘制一段弧线，复制出一条曲线，用鼠标拖动它与第一条曲线连接好。 3、插入另外一个新元件（linewine），编辑时从库中拖拽line到舞台，复制出一个line 元件，调整元件的位置使其位于line 元件左下方一个像素的位置。重复以上操作，复制出line2,line3等。 11.3.2 影片剪辑制作实例——飘舞的线条 《网页开发工具》第十一讲 FLASH元件 4、插入新元件text，用文本工具