flash动画中多按钮制作方法

Flash 动画中多功能按钮制作方法 日期：2011 年 1 月 25 日 | 来源：未知 | 纠错补充 | 建议投诉 | 书签收藏 【关键词】 Flash 动画 多功能按钮 制作方法 Flash 动画中控制动画的播放经常要用到按钮，因此按钮的制作是 Flash 动画制作中的 重要环节。在一部动画中，如果设置的按钮过多，会影响动画画面的美观及动画内容的展 示。如果将控制动画播放的几种功能集中在同一个按钮内，即制作出多功能按钮，不仅解 决了按钮过多的问题，还使动画画面更加美观。下面就介绍 Flash 动画中多功能按钮制作 的过程，即把开启和关闭声音效果的功能集成在一个按钮中。 1 设置 Flash 动画基本参数 启动 Flash 软件，打开属性面板，动画舞台大小、帧频等根据需要设置，这里为默认 舞台大小(550400 像素)及帧频(12 fps)。将背景颜色设为黑色，为后面要制作按钮的发光 效果做准备。见图 1。图 1 属性面板中参数的设置将文件保存在 D 盘根目录下，并命名为 “多功能按钮” 。 2 制作按钮外观 点击工具面板中的矩形工具按钮，然后点击笔触颜色按钮，将笔触颜色设为 #0000FF，见图 2。图 2 笔触颜色设置点击填充色按钮，再打开混色器面板，将填充样式 类型设为线性，再将颜色控制条的左箭头颜色设为#9E9D03，右箭头颜色设为 #FCFC7A，其它设置为默认，见图 3。图 3 混色器面板中线性填充样式属性设置点击工 具面板下方的边角半径设置按钮，打开矩形设置对话框，将边角半径设为 5，见图 4。图 4 矩形边角半径设置现在可以画出要制作的按钮外观了。将图层 1 命名为按钮效果，点击第 一帧，在舞台上需要放置按钮的位置，用鼠标点击并拖出一个大小适当的矩形。此时看到 填充色为左深右浅，但我们要制作的按钮填充色为上深下浅，需要点击工具面板中的颜料 桶工具按钮，在填充色的上端点击按钮，向下拖出直线，松开按钮，此时的填充色即为上 深下浅了。 下面要在填充色上制作一个反光效果，使按钮看上去更漂亮。在按钮效果图层上方新 建一个图层，命名为反光。点击工具面板中的矩形工具按钮，然后点击笔触颜色按钮，设 为取消。填充色的填充样式类型设为线性，将颜色控制条的左右箭头颜色均设为 #FFFFFF，中间再增加一个箭头，颜色也设为#FFFFFF。右箭头 Alpha(透明度)值设为 0 %， 中间箭头 Alpha(透明度)值设为 84 %，左箭头 Alpha(透明度)值设为 0 %。在制作的按钮填 充色上用鼠标拖出一个大小约为原填充面积上下径一半的矩形，用颜料桶工具从上到下拖 出直线，完成反光效果的制作。 Flash CS4 制作开始暂停按钮（网络收集） （一）制作开始按钮： （1） 将做好的动画影片剪辑放在“场景 1”的图层 1 的第 2 帧。 （2） 新建一按钮元件，名“开始”，编辑“ 开始按钮”。（做法同 FLASH 8.0），全居中对齐。 （3） 在 “场景 1”的图层 1 上面新建图层 2，名“开始”，将做好的“ 开始按钮”元件拖入第 1 帧。并放在舞台 的适当位置。打开“属性”面板，将改为 ksbtn （4） 回到场景 1，点一下“开始层”的第 1 帧，打开“动作面板” ，输入： function pl(event:MouseEvent): void play(); ksbtn.addEventListener(MouseEvent.CLICK,pl); (5) 在第 2 帧插入空白关键帧。 (6) 在图层 2 上面新建图层 3，名 AS，在第 1 帧输入 stop(); (7) 把图层 1 的帧延长到那个动画影片剪辑的长度。 (8) 这样开始按钮就做好了，测试看看吧。 （二）制作停止按钮： （1）新建一按钮元件。名“停止”，编辑“ 停止按钮”，全居中对齐。 （2）在“ 场景 1”的开始层上面插入一图层，名“ 停止”，将编辑好的“停止按钮”元件拖入第 2 帧（第 1 帧为 空白关键帧），并放在舞台的适当位置。打开“属性” 面板，将改为 tzbtn （3）回到场景 1，点一下“停止层”的第 2 帧，打开“动作面板” ，输入： function tz(event:MouseEvent): void gotoAndPlay(1) tzbtn.addEventListener(MouseEvent.CLICK,tz); （4）延长帧到结束帧的长度。这样停止按钮也做好了，保存，测试。时间轴面板如下图： = 关于音乐停不了的问题： 音乐的问题已经解决了哈。我原来就是用“数据流” 的，怎么弄都停不了。后来我就试着把音乐从影片剪辑 中剥离出来，在场景 1 的 mc 层上面新建一层，从第 2 帧开始放音乐，反正总帧数的长度就是以音乐为准 的，这样按停止按钮，音乐也就停止了哈 查看文章 Flash CS4 制作暂停按钮 2009-04-20 02:02 /这里用到了 button 组件 下面一行是定义按钮的上面的文字 btn.label=“播放|停止“ /这是一个自定义函数啦 function playMC(event:MouseEvent):void /下面是让 this.id 这个值和上一次的不同 简单的说 就是在 True 和 False 之间来回切换 this.id=!this.id /这是用到 ?： 运算符 如果 this.id 为真，则执行:号前面的语句，即 mc.stop(); 如假则执行后面 的语句，即 mc.stop(); this.id ?mc.stop() : mc.play(); /下面是 AS3 中强大的侦听事件，基本模型为 事件源.addEventListener( 事件,触发); btn.addEventListener(MouseEvent.CLICK,playMC) 注意：影片剪辑简称 mc 就是上面运动的影片剪辑 新建一个 影片剪辑 命名它的实例名称为 mc 隐形按钮 隐形按钮，顾名思义就是该按钮在动画中是隐蔽的，所显示的是 它覆盖的画面，在动画制作中应用比较普遍。 1.启动 FLASH8 软件 2.确立文档属性 选择“修改-文档“命令,打开“文档属性“对话框, 设置动画宽和高的规格为 400*300,帧频 30，其它默认.点击“确定” 按钮。如图 1 所示： （图 1） 3.在主场景添加 5 个图层，共 6 个图层。自下而上分别命名为背 景、中秋、蔗罩、音效、文本和按钮。点击背景图层第一帧，导入一 张中秋的背景图片，全居中，转为图形元件（右键点击图片转换为 元件），在第 200 帧插入普通帧，上锁。如图 2 所示： （图 2） 4.点击中秋图层第一帧，用椭圆形工具画一个气球放置背景下边， 转换为图形元件。如图 3 所示： （图 3） 在第 60 帧插入关键帧，将气球移到场景中间，全居中。点击第 1 帧创 建补间动画；在第 61 帧插入空白关键帧，用刷子工具在场景中间（气 球位置）画一个无笔触颜色，填充色为放射性多彩颜色（颜色盘右下 角的最后）的绽放礼花，将其转为图形元件；如图 4 所示： （图 4） 在 100 帧插入关键帧，选择“变形分离”将其打散；在 150 帧插入空 白关键帧，用文本工具在礼花位置上输入“中秋快乐”四个字，将其转换 为图形元件。选择“变形分离”两次，将其打散，点击第 100 帧创建 形状补间；在第 200 帧插入普通帧。如图 5 所示： （图 5） 5.点击蔗罩图层，在 61 帧插入关键帧，用椭圆形工具在礼花中心托 一个无笔触颜色、填充色任意的小圆，如图 6 所示： （图 6） 选择“变形分离” 将其打散，在 100 帧插入关键帧，用任意变形工具 将小圆托至覆盖整个礼花，如图 7 所示： （图 7） 选择“变形分离” 在将这个大圆打散，点击第 60 帧创建形状补间。在 第 101 帧插入空白关键帧，再在第 200 帧插入普通帧。 6.选择：“文件导入导入到库”，导入礼花音效。在音效图层第 61 帧插入空白关键帧，将音效拖入场景编辑区，在第 200 帧插入普通 帧，上锁。如图 8 所示： （图 8） 7.选择文本图层第一帧，用文本工具在气球位置输入“play”。在第 2 帧插入空白关键帧，延长至第 200 帧，上锁。 8.创建隐形按钮 “选择插入新建元件按钮”，在名称输入“按钮” 两个字，点击确定进入隐形按钮编辑区。在点击帧（第 4 帧）插入空 白关键帧，用矩形工具托一个无笔触颜色、填充色任意的小矩形，全 居中。如图 9 所示： （图 9） 9.选择按钮图层第一帧，将按钮元件（小矩形）拖入编辑区，放在 “play”的上边（要完全遮盖它）。延长至第 200 帧。 10.设置语句 右键点击中秋图层第一帧，打