flash制作好看的按钮【通用13篇】

工具/材料

flashcs6

操作方法

以actionscript2.0为例，打开flash，新建点击2.0

以滚动的图片浏览器为例，绘制路径，将图片转换为元件相信大家已经有所了解了，做完基本步奏后会出现下面的场景

在时间轴上选中某一帧，为其添加一个play按钮，为了看出效果我们会在前面添加一个stop代码，点击时播放

就那样我们的play按钮做好了，初学者我们可以在选中需要添加动作的元件后，选中动作-时间轴控制-play就完成了，试着播放一下吧

利用flash制作一个简单的按钮，来了解按钮的4种鼠标事件的作用。下面就开始操作了。

选择“ 插入 ”—“ 新建元件 ”

名称为“ 按钮 ”，类型选择“ 按钮 ”

6选择“ 弹起 ”帧，用“ 矩形工具 ”绘制一个矩形，并设这个矩形边框为“无”，类型为“ 放射线 ”，填充色为“红—黑”渐变。

单击“ 指针经过 ”，右键选择“ 插入关键帧 ”

8选择“ 矩形 ”，把填充色改为“ 兰—黑 ”渐变

9选择“ 按下 ”，右键选择“ 插入空白关键帧 ”

10、用“ 椭圆工具 ”绘制一个椭圆形，并设这个矩形边框为“无”，类型为“放射线”，填充色为“绿—黑”渐变。

11、选择“ 点击 ”，右键选择“ 插入关键帧 ”

12、选择“ 场景1 ”，返回主场景。

13、选择“图层1”第1帧，把按钮元件拖到场景中。

14、按CTRL+ENTER，可以看一下效果了。

在动画的制作过程中，一些特殊的按钮也会给人留下深刻的印象，今天在此本人就制作一款随着鼠标缩放的按钮，同时分享制作的步骤和截图，仅供参考使用，希望对你有所帮助。

步骤

1、启动flashcs5，执行ctrl+n组合键，新建一个大小为800*600，帧频为12fps，背景颜色为白色的文档。

2、执行文件-导入-导入到舞台命令，把事先准备好的一副图片导入到舞台，调节其大小为800*600，全居中(水平中齐、垂直中齐)

3、执行插入-新建元件命令，新建一个名称为“缩放按钮”的按钮元件，点击确定后进入编辑区域。

4、选择工具箱里多星形工具，在属性面板中设置工具设置选项，设置样式为星形，边数为20，星形顶点大小为0.9.点击确定在舞台绘制一个多边形。

5、选择工具箱里文本工具，设置属性面板，字体设置为“王羲之书法字体”，字体大小设置为30，颜色设置为白色，在多边形上输入文字为“进入”。

6、选择指针经过帧，按f6键插入关键帧，接着选择多边形，选择工具箱里任意变形工具，将多边形放大。

7、在指针经过帧，同样方法将文字“进入”也放大，使其布局美观，点击场景1，返回场景1.

8、在库中找到“ 缩放按钮 ”元件，按住鼠标左键将其拖拽到舞台中，放置在一个合适的位置。

9、选择工具箱里任意变形工具，调整其大小和位置，使其在整个页面上显得更加美观。

10、执行ctrl+enter组合键进行测试动画，执行件-另存为命令，在弹出的对话框中输入名称为“缩放按钮”，找到一个合适的位置进行保存即可。

教程结束，以上就是flash制作一款随着鼠标缩放的按钮方法介绍，操作很简单的，大家按照上面步骤进行操作即可，希望能对大家有所帮助!

这里教大家怎么用按钮来控制影片的播放，暂停也差不多一样，只是多一个按钮，就不重复了，这里只做播放按钮。

方法/步骤

1、首先把弄好的动画放置于图层1，如图是做的粗略东环

2、之后在第一帧右键点击，添加动作，编写代码，stop()，让其停在第一帧。

3、之后新建图层2

4、然后把事先做好的按钮放置于其中在与动画同尾的第二图层添加关键帧

5、之后同样在按钮的第一帧处编写代码，on play()。

6、测试一下影片，一开始是静止的，等你按动按钮之后才会开始，如果还有暂停按钮的话只要再按暂停，动画便是停止的，很方便。这是我按钮的播放效果，测试的影片就不放了。

注意事项

注意代码要写对，不然会出错

按钮元件可以创建用于响应单击、滑过或其他动作的交互式按钮，可以定义与各种按钮状态关联的图形，然后将动作指定给按钮实例。我现在详细教你如何制作漂亮的圆形按钮。

1、点击开始菜单程序文件夹里的FL软件，即打开FL软件，如下图所示。

2、按下ctrl+N组合键或执行菜单栏中的"文件>新建"命令打开【 新建文档 】对话框，在【 常规 】选项卡下选择ActionScript 2.0，单击"确定"按钮，即创建一个文档，如下图所示。

3、执行菜单栏中的“插入>新建”命令或按下Ctrl+F8组合键，打开【 创建新元件 】对话框，更改元件名称为” 漂亮的按钮 “，选择元件类型为” 按钮 “，单击”确定“按钮，如下图所示。

4、右击该舞台，在弹出的快捷菜单中选择【 文档属性 】命令，打开【 文档设置 】对话框，设置背景颜色为#666666，单击【 确定 】按钮，如下图所示。

5、单击工具箱中的【 矩形工具 】按钮，自动弹出快捷菜单，在其中选择【 椭圆工具】， 打开属性面板，设置其笔触颜色和填充颜色分别为白色、#00CCCC，绘制圆形按钮，如下图所示。

6、添加文字，打开属性面板，设置如下图所示。

7、右击” 图层1 “图层的第2帧，在弹出的快捷菜单中选择” 插入关键帧 “命令，选中圆形的填充区域，打开属性面板， 设置其背景颜色为#FF3399 ，如下图所示。

8、同步骤7的操作方法，如下图所示。

9、返回场景1，将名为“ 漂亮的按钮 ”的按钮元件拖到舞台上，如下图所示。

10、按住 Alt+Enter组合键 打开影片，如下图所示。

flash是一款功能强大的矢量图形制作软件，我们使用该软件不仅可以制作动画，也可以制作矢量图形，下面我们就来看看在flash中是如何制作播放按钮的吧。

操作方法

首先将flash打开，打开该软件之后在菜单那里找到窗口菜单，如图所示：

点击窗口菜单在其下拉菜单那里我们找到公用库选项，如图所示：

点击公用库选项在其子级菜单里我们找到buttons选项，如图所示：

点击buttons选项之后在弹出的对话框内我们找到playback flat选项，如图所示：

点击playback flat选项之后在其子级菜单里找到flat blue play选项，如图所示：

所有鼠标左键将flat blue play选项拖放到舞台上我们就得到了播放按钮了，如图所示：

无论是网页还是动画，按钮是经常用到的一种交互方式，如果它具有一定的特色的话，也会为网页或者动画的表达吸引人的眼球，如何做出一款让人过目不忘的按钮呢?在这里就跟大家分享一篇关于制作3d按钮的制作过程，鼠标指向按钮时呈现按下的状态，相应的图片会慢慢出现，接下来就跟大家交代一下制作过程，仅供参考使用。

步骤

启动flashcs5，点击actionscript2.0，新建一个大小为550*400，帧频为15fps，背景色为黑色的flash文档。

执行文件-导入-导入到库命令，将事先准备好的图片导入到库，到库中进行查看。

执行插入-新建元件命令，新建一个名称为01的图形元件，选择工具箱里矩形工具，设置笔触和填充颜色都为#00ffcc，笔触大小为1，在编辑区域绘制一个长方形。

选中该矩形按ctrl+c组合键进行复制，接着按ctrl+shift+v组合键进行原位置粘贴，并向左上方移动，改变填充颜色为#33cc66.

新建图层2，选择工具箱里文本工具在编辑区域输入图1，执行插入-新建元件命令，新建一个名称为2影片剪辑元件，将图形元件01连续拖入到编辑区域四次并调整其位置。

在时间轴面板中选择前四帧，依次插入关键帧，选择第二帧然后删除一个01元件，接着选择第三帧删除两个01元件，再接着选择四帧删除三个01元件。

执行插入-新建元件命令，新建一个名称为pic1的图形元件，在库中选择一张图片拖拽到编辑区域，并设置全居中，然后按ctrl+b组合键将图片打散。

重复步骤7，采用相同的方法新建图形元件pic2和pic3，分别将库中的另外两张图片拖拽到编辑区域进行打散。

执行插入-新建元件命令，新建一个名称为picture影片剪辑，将元件pic1拖拽到编辑区域，设置全居中，在属性面板中设置alpha为0，在15帧处插入关键帧，其alpha值为100%，在1-15帧中创建补间动画。

选择第16帧右键单击从下拉菜单中选择插入空白关键帧，将元件pic2拖拽到编辑区域并设置全居中，其alpha值设置为0，在30帧处插入关键帧alpha值设置为100%，在16-30帧之间创建传统补间动画。

选择第31帧插入空白关键帧，将元件pic3拖拽到编辑区域设置全居中，设置其alpha值为0，在45帧处插入关键帧设置其alpha值为100%，在31-45帧之间创建传统补间动画。

分别在15、30、45帧处打开其对应的动作面板，输入stop();语句。

执行插入-新建元件命令，新建一个名称为”按钮“的按钮元件，在“点击”中插入关键帧，选择工具箱里矩形工具在编辑区域绘制一个矩形。

返回主场景，将影片剪辑元件2拖拽到舞台中，连续3次，调整他们的位置，并设置其大小为120*50，分别修改其实例名称为up1，up2，up3，并分别设置其投影滤镜效果。

点击时间轴下面的新建图层按钮新建图层2，将元件“按钮”拖拽到舞台三次，调整其大小和位置。

选择第一“按钮”元件打开其动作面板输入代码，同样道理分别选择第二第三个“按钮”输入代码。

新建图层3，将库中的影片剪辑picture拖拽到舞台设置大小为500*300，调整其位置，修改其实例名称为ss，执行ctrl+s进行保存，保存名称为3d按钮，然后按ctrl+enter进行测试。

学过web的都知道，每个网页都会有导航栏，导航栏在flash中也可以做出来，它是由一个个的按钮拼接而成的，现在我们来学习怎么做出一个按钮，然后你就会做出一个导航栏了。下面就为大家介绍flash制作一个导航按钮方法，一起来看看吧!

步骤

先打开flash软件，新建一个AS3.o的舞台，舞台大小为550-400，如下图所示：

按Ctrl+F8创建按钮元件：用矩形工具画出一个矩形，并且填充色为线性渐变，两边蓝中间白，结果如图所示：

新建图层，在矩形中间写上文字：新闻

在指针经过、弹起、按下、点击四个都插入关键帧，然后在指针经过改变按钮的颜色为中间白色，两侧黄色;在指针按下改变按钮大小为原来的90%;结果如下所示：

测试影片剪辑，就可以看到一个动态的按钮，如下图所示：

注意事项

按钮很简单，只要你创建的是按钮元件，那么你的舞台上无论放什么元件，做出来的都是按钮。

用按钮控制动画运行，对按钮进行语言编辑，通过点击按钮控制动画的开始暂停重播，应用到脚本语言。

1、打开flash软件程序，建立一个FLASH文档;

2、用多角形工具，绘制一个五角星;

3、对五角星就行 形状动画补间 ;

4、新建一个图层，绘制3个按钮，分别为，开始，暂停，停止;

5、先对动画的第 一帧经行脚本编辑，再对按钮进行脚本编辑;

6、导出影片 格式为G IF，动画完成。

注意事项：

添加脚本注意先后顺序，注意脚本语言应该使用半角输入法，那俩点是分号不是冒号。

在动画或网页中经常看到一些按钮，下面向朋友们介绍flashcs6制作简单的按钮方法，一起来学习一下制作方法。

方法/步骤

1、打开FLASH CS6，单击“新建”下方“ActionScript 3.0”类型 。

2、单击菜单"插入">“新建元件”(或按快捷键Ctrl+F8)，在弹出的对话框中选择“按钮”元件类型并改名为按钮1。

3、双击时间轴上图层1，将图层1命名为背景， 用矩形工具在场景中画一圆角矩形(大小160X60，边线#000000，填充#FFCCCC)。

4、分别在“指针经过”、“按下”与“点击”帧上插入关键帧(快捷键F6) ，使用颜料桶工具(快捷键K )修改矩形填充颜色。

5、在时间轴上单击新建图层按钮添加图层2，将图层2 改名为文字，使用文本工具输入文字“开始 ”(大小36，颜色#000000 )。

6、在库窗口中，在按钮1上右键，选择直接复制，将按钮开关复制一份并全名为按钮2，打开按钮2，将文字修改为“结束”。

7、单击场景1回到主场景，从 库窗口中将按钮1与按钮2拖动到场景中 ，从控制菜单中单击测试影片(快捷键Ctrl+Enter )或测试场景 (快捷键 Ctrl+Alt+Enter)测试。

注意事项

在制作按钮中将背景与文字分层存放，便于复制与修改。

在按钮“指针经过”与“按下”帧放置制作好的影片剪辑可制作动态按钮效果。

flash按钮制作可以说是flash的基础，利用Flash制作一个简单的按钮，来了解按钮的4种鼠标事件的作用。下面就来简单介绍一下flash按钮制作的步骤。

flash按钮制作步骤如下：

1、双击Flash CS3图标

2、选择Flash文件(ActionScript2.0)

3、选择“插入”—“新建元件”

4、名称为“按钮”，类型选择“按钮”

5、选择“弹起”帧，用“矩形工具”绘制一个矩形，并设这个矩形边框为“无”，类型为“放射线”，填充色为“红—黑”渐变。

6、单击“指针经过”，右键选择“插入关键帧”

7、选择“矩形”，把填充色改为“兰—黑”渐变

8、选择“按下”，右键选择“插入空白关键帧”

9、用“椭圆工具”绘制一个椭圆形，并设这个矩形边框为“无”，类型为“放射线”，填充色为“绿—黑”渐变。

10、选择“点击”，右键选择“插入关键帧”

11、选择“场景1”，返回主场景。

12、选择“图层1”第1帧，把按钮元件拖到场景中。

13、按CTRL+ENTER，可以看一下效果了。

按钮可以进行很多方面的控制。这里，通过一个简单的实例，来看一看，通过点击按钮来实现图片的放大、缩小，以及深浅的改变。下面来看看吧!

方法/步骤

舞台中导入一张图片。对齐中选垂直居中分布，水平居中分布，使图片与舞台对齐。舞台大小最好与图片大小一致。设置方法见：flash中Mask实例——放大镜

图片右键——转换为元件——影片剪辑，取名图片。

新建图层2，导入边框图片。

对齐面板中选择匹配宽和高，使边框与舞台大小一致。然后，垂直、水平居中，对齐舞台。

选中舞台上的图片实例，属性面板中，实例名写为：图片。

新建一层，取名按钮。窗口——公用库——按钮。

挑选自己喜欢的按钮，放置在边框底部。

双击按钮，进入元件编辑页面。将text图层解锁，点击按钮上的文字，将其改为“大”。

库面板，选中按钮元件，右键——直接复制，复制出三个。

将复制出的三个按钮拖入边框底部，分别改文字为：小、深、浅。

选中“大”按钮，在动作面板中写入：on (release) {图片._xscale += 10;图片._yscale += 10;}(鼠标按下，图片的横竖比例加十)。同理，按钮“小”的脚本应该知道怎样写了吧。

深浅按钮的脚本里，将原大按钮里的脚本“横、竖比例”改为“alpha”，更改图片的透明度即可：on (release) {图片._alpha -= 10;}(鼠标按下，图片的透明度减十)

注意事项

虽然flash是CS3，但用惯了2.0脚本，所以这是基于AS2.0所写的脚本，可在文件——发布设置——Flash中，将AS版本改为2.0。

flashCC中大家用着就可以感觉到很多工具和效用都删减了，比如骨骼工具还有动作编辑什么的，可是运行速度快了，但是公用库这个很省力的东西也没有了，所以就需要我们自己来制作了，不过灵活性更强

1、首先大家要了解这个按钮的原理，聚焦与中心的按钮实际上是两个按钮的组合，这样说大家会清楚点，所以我们一个一个做然后放在一起就可以了，因为小编之前做过一遍，所以跟着教程走，不要被图片迷惑，首先新建元件，命名一下，自己知道是干什么的就可以了，类型自然是按钮

2、我们先来做那个外环，效果是经过会出现，会跟随鼠标移动，点击会变色，所以先需要有一个环 ，第一帧是没有的 ，在第二帧处插入关键帧， 选择椭圆工具，设置属性，笔触增大到20，斑马线

3、然后按住shift健画一个正圆，点击一下正圆，在属性处可以设置一下颜色， 这里小编用的是黑白渐变色，大家也可以选择其他的颜色

4、然后在 第三帧 ，也就是 按下的那一帧插入关键帧 ，将颜色进行更改

5、小编这里是将渐变的 方向反转了一下 ，只需要打开颜色面板，将滑块儿的左边与右边调换就可以了

6、最后一帧改成实线，颜色随意，因为播放的时候是看不到的最后一帧的颜色效果的

7、回到场景中， 找到变形面板，然后将图形的比例缩小到90%， 右下角有一下两个图形重叠的小标识，一直点击，差不多就可以了

8、前半部分基本是完成了，大家可以试下效果，里面的按钮是一种传统的按钮制作方法，小编只说几个关键点，K帧的位置大家都看见了，所以就不一一指明了，要建立三个图层，分别放置轮廓，阴影和文字

9、在轮廓处选择基本矩形工具画一个圆角矩形出来，先在属性中设置一下参数

10、然后到阴影层，将轮廓复制一份，向右下角稍微移动，颜色变成白色

11、在第 二帧中添加关键帧， 改变一下属性中的颜色，这个还是随自己爱好

12、这里阴影需要再次回移，达到一种动态的效果，第三帧中就没有阴影了

14、轮廓处依然是改变颜色，或者属性中其他的参数，为的是达到一种动态的效果

15、最上面的文字层可以在做轮廓的时候一起做，也可以在轮廓和阴影都做完后再补上，还是在每一帧处改下颜色就可以了