1、Flash 动画中多功能按钮制作方法【关键词】 Flash 动画 多功能按钮 制作方法Flash 动画中控制动画的播放经常要用到按钮,因此按钮的制作是Flash 动画制作中的重要环节。在一部动画中,如果设置的按钮过多,会影响动画画面的美观及动画内容的展示。如果将控制动画播放的几种功能集中在同一个按钮内,即制作出多功能按钮,不仅解决了按钮过多的问题,还使动画画面更加美观。下面就介绍 Flash 动画中多功能按钮制作的过程,即把开启和关闭声音效果的功能集成在一个按钮中。1 设置 Flash 动画基本参数启动 Flash 软件,打开属性面板,动画舞台大小、帧频等根据需要设置,这里为默认舞台大小(55
2、0400 像素)及帧频(12 fps)。将背景颜色设为黑色,为后面要制作按钮的发光效果做准备。见图 1。图 1 属性面板中参数的设置将文件保存在 D 盘根目录下,并命名为“多功能按钮” 。2 制作按钮外观点击工具面板中的矩形工具按钮,然后点击笔触颜色按钮,将笔触颜色设为#0000FF,见图 2。图 2 笔触颜色设置点击填充色按钮,再打开混色器面板,将填充样式类型设为线性,再将颜色控制条的左箭头颜色设为#9E9D03,右箭头颜色设为#FCFC7A,其它设置为默认,见图 3。图3 混色器面板中线性填充样式属性设置点击工具面板下方的边角半径设置按钮,打开矩形设置对话框,将边角半径设为 5,见图 4。
3、图 4 矩形边角半径设置现在可以画出要制作的按钮外观了。将图层 1 命名为按钮效果,点击第一帧,在舞台上需要放置按钮的位置,用鼠标点击并拖出一个大小适当的矩形。此时看到填充色为左深右浅,但我们要制作的按钮填充色为上深下浅,需要点击工具面板中的颜料桶工具按钮,在填充色的上端点击按钮,向下拖出直线,松开按钮,此时的填充色即为上深下浅了。下面要在填充色上制作一个反光效果,使按钮看上去更漂亮。在按钮效果图层上方新建一个图层,命名为反光。点击工具面板中的矩形工具按钮,然后点击笔触颜色按钮,设为取消。填充色的填充样式类型设为线性,将颜色控制条的左右箭头颜色均设为#FFFFFF,中间再增加一个箭头,颜色也设
4、为#FFFFFF。右箭头 Alpha(透明度)值设为 0 %,中间箭头 Alpha(透明度)值设为 84 %,左箭头 Alpha(透明度)值设为 0 %。在制作的按钮填充色上用鼠标拖出一个大小约为原填充面积上下径一半的矩形,用颜料桶工具从上到下拖出直线,完成反光效果的制作。3 将按钮外观转换为按钮元件将舞台上画出的按钮外观全部选取,按键盘上的 F8 键,打开转换为元件对话框,选中影片剪辑类型,命名为“按钮_mc” ,确定。双击按钮影片剪辑,进入按钮影片剪辑制作舞台,选中按钮外观,按 F8 键再次打开转换为元件对话框,选中按钮类型,命名为“按钮” ,确定,即将按钮外观转换为按钮元件了。点击时间轴
5、上方的“按钮_mc” ,进入按钮_mc制作舞台,在图层 1 的上方新建一个图层 2,在第一个关键帧中画一个尖端向右的三角形。在图层 1、图层 2 中插入第二个关键帧,删除图层 2 第二个关键帧中的三角形,在三角形的位置上画一个“暂停”图形。见图5。图 5 按钮外观制作效果4 制作按钮发光效果双击按钮元件,进入按钮制作舞台,在图层 1 的下方新建一个图层 2。点击图层 1 的“按下”帧,按键盘上的 F5 键插入帧;在图层 2 的“指针经过”帧中插入关键帧,点击矩形工具按钮,将边角半径设为 8,将笔触设为取消,填充样式类型设为放射状,将颜色控制条的左箭头颜色设为#6060FF、Alpha 值设为
6、100 %,右箭头颜色设为#000000、Alpha值设为 70 %,在中间偏左位置增加一个箭头,颜色设为#898AFE、Alpha值设为 15 %。现在画一个大于按钮外观的矩形,并用工具面板中的填充变形工具适当改变这个矩形的填充面积及形状。见图 6。图 6 按钮发光效果 5 制作按钮控制音效的功能点击时间轴上方的“按钮_mc” ,进入按钮_mc 制作舞台。插入一个新图层,命名为 AS(Action Script),用于写入 Flash 语言。点击 AS 图层的第 1 帧,打开动作面板,写入下述语言:stop();my_sound = new Sound();my_sound.loadSoun
7、d(“kenny G.mp3“,true); my_sound.start();注意,在 D 盘根目录下要有 kenny G.mp3 文件。在 AS 图层中的第 2 帧插入一个关键帧,点击第 2 帧,在动作面板中写入下述语言:stop();stopAllSounds();在图层 1 的第 1 帧中点击按钮元件,打开自动面板,写入下述语言:on (release) gotoAndPlay(2); 在图层 1 的第 2 帧中点击按钮元件,打开自动面板,写入下述语言:on (release) gotoAndStop(1);见图 7。图 7 按钮动作 AS 语言的写入到此为止,能控制动画播放及控制音效的按钮就制作完成了,按 Ctrl+Enter 组合键测试影片,此时可以听到 kenny G.mp3 的音乐,将鼠标指向按钮,按钮周围会出现蓝色光晕,点击按钮,音乐就会停止播放。再点击按钮,音乐又会重新播放。按照本文制作按钮的思路,可以将其它控制动画的几种功能集成到一个按钮中,制作更多的多功能按钮。