《flash cs5动画设计实例教程》6.ppt

本章重点：按钮元件制作及如何导入声音文件 本章难点：创建动态按钮和音效动画制作 6.1 自建按钮 按钮元件可以改变动画的播放顺序，控制动画的播放时间和播放速度，并可以随时调用电影片段和控制它的属性，按钮是交互动画中的常用对象。 按钮元件的四种状态是： 弹起状态： 鼠标和按钮不发生接触，按钮处于一般状态。 6.1.2 创建动态按钮 为了增加按钮的动感和交互性，在按钮的制作过程中还可以为按钮元件不同的帧添加简单动画或者声音，制作动态按钮。 制作动画：“飞舞的蝴蝶”动态按钮。 1）打开上节制作的“绘制按钮.fla”文件。 2）选择菜单栏“窗口”?“库”命令，打开“库”面板。 6.2 利用按钮库制作按钮 6.2.1 介绍按钮库 Flash自带了一个按钮库，在这个按钮库中有许多样式精美的按钮。 6.2.2 添加和修改按钮库 如果要将自己制作的按钮、图片或影片元件放到公用库中，也就是说，要在“公用库”中添加素材，则需要打开Flash cs5的库文件夹，在库文件夹中进行添加。 一般情况下，库文件夹的路径是：c:\ProgramFiles\Macromedia\Flashcs5\zh_cn\Configuration\Libraries 6.3 Flash中声音的控制实例 6.3.2 导入声音 导入一个外部声音文件到库中 步骤： 打开Flash cs5，新建一个Flash文档。 1）选择菜单栏“文件”?“导入”?“导入到库“命令，打开“导入到库”对话框。 2）选择声音文件，单击“打开”，就将声音文件导入到库中了。 6.3.3 声音的编辑 在“效果”下拉列表框中，可以设置音频效果： 无：不使用任何效果，选择此项可删除以前所 　　设置的效果。 左声道： 只有左边的声道才会有音效。 右声道： 只有右边的声道才会有音效。 从左到右淡出： 音效会从左边的声道转移到右 　　边的声道。 从右到左淡出： 音效会从右边的声道转移到左 　　边的声道。 6.3.4 声音的使用方法 制作音效动画：架子鼓 步骤： 1）打开Flash cs5，新建一个Flash文档，设置影片尺寸为“400px×292px”,背景颜色为“白色”，帧频为“12”。 2）选择菜单栏“文件”→“导入”→“导入到舞台”命令，导入一幅图片jzg.bmp（图片在所附光盘中）到舞台，适当调整图片的位置。 机械工业出版社 中等职业教育“十一五”规划教材?电子商务专业 机械工业出版社 《Flash cs5 动画设计实例教程》 目标技能 了解按钮元件时间轴的4种状态 熟练掌握自建按钮元件的制作方法 能够利用按钮元件制作交互动画 熟悉按钮库中的按钮元件，能够熟练操作按钮库 了解Flash中的声音类型 能够熟练地导入声音文件，能够编辑声音文件 第6章 按钮制作与声音设置 本章目录 6.1 自建按钮 6.2 利用按钮库制作按纽 6.3 Flash中声音的控制实例 指针经过状态：鼠标经过按钮但没有按下时的 状态。 按下状态：在按钮按下鼠标时的状态。 点击状态：此状态定义响应鼠标事件的有效 区域范围，且此区域不会显示在影 片中。 6.1.1 绘制按钮 创建按钮元件的方式有以下几种： 1）选择菜单栏中的“插入”?“新建元件”命令，直接新建一个按钮元件，然后进入按钮元件的编辑模式，对按钮的每种状态进行编辑； 2）在舞台上画一个任意形状的图形，然后选中它，单击鼠标右键，从弹出的快捷菜单中选择【转换为元件…】命令，将它转换为按钮元件，再进入按钮元件编辑模式编辑按钮； 3）把图形元件或影片剪辑元件转换为按钮元件。选中图形元件或影片剪辑元件，单击鼠标右键，从弹出的快捷菜单中选择【转换为元件…】命令，在打开的“转换为元件”对话框中，将类型修改为按钮，就将其转换为按钮元件了。 制作动画：绘制按钮 步骤： 1）打开Flash cs5，新建一个Flash文档，设置影片尺寸为“200px×200px”,背景颜色为“白 色”，帧频为“12”。 2）选择“插入” ? “新建元件”命令，打开“创建新元件”对话框，名称框设为“按钮元件”，类型为“按钮”，如图示。 3）单击“确定”，进入按钮元件的编辑模式。 4）在按钮元件编辑模式下，将当前图层名称修改为按钮外观，单击第1帧（弹起），选择工具箱中“椭圆”工具按钮，设置笔触颜色为无，填充色为“红色”。按住Shift键，在场景编辑区画一个无边框的圆，，调整圆的位置，使圆心与中心点对齐。 5）单击插入图层按钮，新建一个图层，重新命名为文本。 6）单击文本图层的第1帧，选择工具箱中的文本工具按钮，设置填充色为黑色。在场景中绘制一个文本框，在文本框中输入文字——弹起，，调整文字位置，将它置于圆上。 7）右键单击按钮外观图层的第2帧（指针经过），从弹出的快捷菜单中选择【插入关