Flash 入门教程26：按钮元件制作(精选)
flash动画制作：元件和元件的创建技巧介绍
flash动画制作：元件和元件的创建技巧介绍
flash是制作动画的专业软件，⽤它可以制作丰富多变的动画效果，下⾯我将向⼤家分享flash动画制作的⼀些基本知识与⽅法。
希望能给您带来⼀些帮助。
⽅法/步骤
1、元件的是flash动画的基本元素，如果把flash动画⽐作是⼀部电影，那么元件就是演绎这部电影的演员，所以了解熟悉“演员”是⾮常重要的。
在flash中，元件有三类：影⽚剪辑、按钮和图⽚。
2、影⽚剪辑类的元件可以存放⼀段视频、动画等，⽤它可以实现视频的调⽤，画中画等效果。
3、按钮元件提供⼈机交互的功能，它有四个帧弹起、指针经过、按下、点击，分别对应四种⿏标操作状态。
4、图⽚元件是⽤来存放图⽚的，可以把外部的图⽚导⼊存成图⽚元件，当然也可以把在舞台上⽤flash提供的绘图⼯具绘制的图画转存成图⽚元件。
5、以上三种元件⼏乎可以囊括flash动画制作的所需的所有类型的素材，当然每种类型的元件并不是相互孤⽴的，他们彼此之间很多时候是相互联系的。
那么如何创建这三种元件呢，看如图所⽰：
6、创建成功的元件，都存放在元件库中，如何找到这些元件呢？⽅法如图所⽰：
使⽤的⽅法是在元件库找到需要的元件，把它拖⼊到舞台即可。
以上就是flash动画元件和元件的创建技巧介绍，希望能对⼤家有所帮助！。
Flash课件制作之——按钮对象的使用
Flash课件制作必杀技之——按钮对象的使用马汉吉Flash的按钮（Button）是执行事件响应的主要对象，利用按钮不仅可以实现对影片的控制，还能实现很多的交互效果。
教学课件由于其用途的要求，必须具有如播放控制、界面跳转、参数赋值等功能，而这些功能通常需要使用按钮来实现。
因此，按钮的正确使用是每个flash课件制作者必须掌握的基本功。
（一）认识按钮。
按钮是Flash的一种重要对象，它支持对象脚本（Object Actions），在Flash5以前的版本中，它是除了影片剪辑（Movie Clip）外可支持对象脚本的另一种对象（Symbol），下面我们以Flash5为例，撩开它神秘的面纱。
Flash自带有一个共享库（Common Libraries），库中有一些可供直接使用的对象，如按钮（Button）、图片（Graphic）、影片剪辑（Movie Clip）、声音（Sound）等等，你可以从Windows → Common Libraries开启这一共享库并找到所需要的对象类。
图为一个从Flash 共享库的Buttons类拖出的一个名为“play”的按钮，双击该按钮开启编辑状态可以看到该按钮的内部结构。
一个标准的按钮通常由四帧组成，这四帧分别为“Up、Over、Down、Hit”，分别表示鼠标向上、鼠标经过、鼠标按下、执行等事件，这四帧一般做成关键帧，在各帧配以不同的内容、颜色或者声音，以便使用时识别响应事件。
而图层则不受限制，你可以按需要添加多个图层以丰富按钮的个性。
图中的按钮共有三各图层，其中text图层用以放置按钮的说明文字，triangle图层用以放置示意播放的三角性图案，而circle图层放置圆形图案，这三个图层大大丰富了该按钮的特色。
除了可以直接利用共享库的按钮外，我们也可以自建按钮，新建按钮的方法是点击Insert → New Symbol或按Ctrl+F8键，也可以先绘制好按钮图形或选定某个图形后点击Insert→ Convert to Symbol或按F8键，调出Symbol Properties面板将其转换成按钮。
《flash动画——按钮的制作》教案
《flash动画——按钮的制作》教案教学目标知识与技能理解按钮元的各种状态掌握创建按钮的基本方法并制作有个人特色的按钮2过程与方法通过亲自体验，理解按钮的工作原理。
在按钮的动作设置的过程中，归纳出利用按钮控制Flash动画的方法。
3情感态度与价值观通过主动学习使用按钮，体验Flash动画的交互性，培养学生的创造力。
在开拓思路，提高技术的同时渗透美学的理念与成功的快感，促进学生审美能力的提高，鼓励作品的原创性与新颖性。
教学重点：制作“按钮”元的方法，并丰富其表现效果教学难点：“按钮”元的四个状态帧的理解，教法、学法：演示法、类比法、启发式教学法和任务驱动式教学法观看演示学习法、合作探究法、实践法。
教学时：1时教学过程：一、导入先提出学生的一个问题：“为什么网上很多flash是有一个播放，去点击了以后动画才开始放，而我们前面学会做的flash一打开就开始放了。
”并在里对有按钮的flash和没按钮的flash进行对比，引出flash里的按钮。
二、学习新Flash按钮按钮的功能应用展示不同类型的flash按钮，请学生来分析他们的功能，然后再小结。
2按钮的新建根据以前所讲的元新建功能，请学生直接上台来新建按钮提示：按钮是元3按钮的4个状态帧请学生根据中文字面意思来分析四个状态帧的功能)弹起：代表的是按钮的初始状态;2)指针经过：代表鼠标的指针在按钮上停留的状态;3)按下：代表鼠标的指针在按钮上单击的状态;4)点击：用来设置鼠标动作的感应区举例说明：区域较大的文字按钮᠄举例说明：隐形按钮4文字按钮练习教师讲解演示文字按钮的制作方法，学生认真观看。
三、学生上机实践练习基本任务：文字按钮的制作拓展任务：个性按钮的制作学生上机练习，不清楚的地方可以小组讨论或举手提问老师。
教师巡视、指导。
四、展示、评价展示部分有代表性的学生作业，师生共同评价。
五、堂小结师生共同回顾本节的学习内容：按钮制作的基本方法。
第三周flash中的按钮元件
方法提示
• 1、新建按钮元件，制作出“play”按钮，在时间轴中 新建图层，把按钮从库面板拖动到第1帧的合适位置， 单击按钮，打开动作面板，在“play”和按钮控制命令 “play”按钮上面的命令： on(release){ play( ); }
• 2、 要禁止动画一开始就自动播放，这样播放按钮才 会起到作用 。单击时间轴上的第1帧，打开舞台下面 的“动作”面板，双击“影片控制”下的“stop”命 令，是动画在第一帧就停止。在最后一帧同样加入 “stop”。
第三周flash中的按钮元件
作业：制作播放按钮
• 给“小卡车.fla”增加一个具有让动画“开始播放” 功能的按钮。
•思考:存在什么问题？ 1、动画开始时自动播放 2、动画结束也没有停顿 基本要求：有一个控制“开始播放”的按钮。动画开始和结束都停止。 进阶要求：除上述要求，按钮由自己设计制作并体现一定创意内涵。
动画欣赏
第三周flash中的按钮元件
Flash中的元件 ——按钮
第三周flash中的按钮元件
按钮的构成
交互性在FLASH动画中非常重要，按钮是实现交互最基本元素。
按钮有四个状态帧（关键帧）：
弹起
（按钮的 常态—— 未接触时）
经过
（鼠标划 过按钮时 的状态）
按下
（按下鼠 标键的状
态）
点击
（按钮响 应鼠标事 件的范围
第三周flash中的按钮元件
按钮的功能实现
• Action Script语句的运用 Flash提供了许多Action Script（动作脚本），通过 它们可以提高动画与用户的交互性并加强对动画的 控制。
• ActionScript语句的对象是：关键帧、按钮、影片剪 辑元件。
图形按钮元件的制作
图形按钮元件的制作第一步：设置作品舞台属性创建一个新的Flash文档，将其舞台大小设置为400x200像素，背景色为蓝色，帧频默认为12fps，并保存为“控制声道的图形按钮.fla”，如下图所示：第二步：创建一个“双声道”按钮元件（1）使用“插入|新建元件”命令，在“创建新元件”对话框中将元件名称命名为“双声道”，行为类型中选用“按钮”，然后单击“确定”按钮，如下图所示，进入创建按钮元件的舞台中。
（2）在元件窗口中，使用“文件|导入”命令，打开“导入”对话框，找到保存图片的目录后，选择需要导入到舞台上的图片文件，例如：center1.gif，然后单击“打开”按钮，如下图所示：（3）由于在素材文件夹中除了我们选用的图片文件center1.gif外，还有另外2个图片的文件名与center 1.gif类似，所以在图片导入过程中FlashMX程序会提示用户是否导入序列图像，如下图所示。
由于我们在制作“双声道”按钮元件时，需要在“指针经过”帧和“按下”帧中分别导入center2.gif和center3.gif图像，因此我们单击对话框中的“是”按钮。
（4）此时，我们可以发现在“双声道”按钮元件的图层1时间线的“弹起”、“指针经过”和“按下”帧中被分别插入了关键帧（因为每个帧中都被导入了不同的gif格式的兔子图像）。
我们先使用对齐面板，将各个关键帧中的兔子图像置于舞台的中心位置，然后将原先的图层1重命名为“兔子”，完成后如下图所示：（5）接着，我们将“兔子”图层锁定，然后在该图层的上方插入一个新的图层，并重命名为“文字”。
在“文字”图层的第1帧，使用“文本工具”输入红色的字符“双声道”，在“指针经过”和“按下”帧中分别插入关键帧，然后将这两个关键帧中的红色“双声道”字符修改为“黄色”和“淡绿色”，完成后如下图所示：（6）在“文字”图层的上方插入1个新的图层，并重命名为“音乐”，在该图层的“指针经过”帧中插入一个空白关键帧，如下图所示：（7）使用“文件|导入到库”命令，在弹出的“导入到库”对话框中选定需要到入的文件，此处我们选用“m usic.wav”声音文件，然后单击“打开”按钮，如下图所示：（8）鼠标单击选中“音乐”图层时间线上的“指针经过”空白关键帧，展开属性面板，在声音下拉列表中选用“music.wav”，效果下拉列表中选用“无”，如下图所示：（9）对“音乐”图层中的“指针经过”空白关键帧设置完声音后，我们可以看到该空白关键帧中被自动添加了一根音频线，如下图所示，“双声道”按钮元件到此基本创建完毕。
大学 flash 水晶按钮制作步骤
水晶按钮制作步骤
一、制作图形元件：按钮A
1、椭圆1：属性：无笔触颜色，填充色为灰，宽和高：65
颜色面板：径向渐变（白色0%--------紫色100%）
颜料桶工具：单击圆下方
2、椭圆2：属性：淡紫，宽和高：65
柔化填充边缘（30，30）
3、文本“A”：50，深紫
4、背景：灰色
5、椭圆3：属性：无笔触，白色填充
颜色面板：线性渐变（白色0%--------白色100%），添加样本
颜料桶工具：上到下拖动鼠标，渐变变形工具调整
组合
6、椭圆4：属性：无笔触，白色填充
填充颜色工具：样本色
颜料桶工具：下到上拖动鼠标，渐变变形工具调整
组合
7、调整椭圆3、4的大小和位置
二、用相同的方法制作图形元件：按钮B，C，D，E
三、将底图文件（01.swf）导入库
四、场景1：
1、“底图”图层：
2、“按钮”图层。
FLASH双控按钮的制作方法
FLASH双控按钮的制作方法
七．音乐图层：点第一帧，到属性，找到声音,把生日快乐mp3点出来。
第一帧输入（stop();），2440插入空白关键帧，右键输入_root.gotoAndPlay(1);。
图层上锁
八.（1.）音乐控制按钮图层：首先，点第一帧把小花拖入场景中，转换按钮元件，名称：（按钮），然后在转换音乐控制，影片剪辑输入实例名：yy。
双击进入音乐控制场景中，在双控按钮场
景，共俩图层。
-
2-第一帧，在点场景中按钮实例，输入：
on (press) { _root.play(); _root.yy.gotoAndSt op(2);}
第二帧，在点场景中按钮实例，输入：
on (press) { _root.gotoAndStop(1); _root.yy.g otoAndStop(1);}
这层在时间轴两帧上加语句，两帧都加上stop();
这两帧，是在场景点你做的按钮分别加上语句。
双控按钮又能控制音乐又能控制所有元件。
FLASH影片的按钮元件
FLASH影片的按钮元件讲课人：杨晓明目标：掌握按钮的制作方法主要内容：1 公用库中按钮的使用方法2 个性按钮的制作一介绍按钮这节课来学习按钮元件的制作过程。
我们首先打开一个用按钮来控制动画的FLASH影片“播放控制”，来认识一下按钮的作用：利用按钮可以实现与FLASH动画之间的交互。
二在FLASH的公用库中，已经提供了大量漂亮的按钮。
我们打开窗口菜单下的公用库，选择按钮，在打开的“库-按钮”面板有许多文件夹，每个文件夹下都存有许多的按钮元件，将它们拖动到舞台上可以直接使用。
三自己制作简单按钮（认识按钮的制作过程）1 插入菜单下的新建元件命令，在打开的新建对话框中的行为选项选中按钮。
2 在按钮元件编辑区的时间轴上我们可以看到自动分为四个部分分别为：弹起，即按钮的初始状态；指针经过，鼠标经过按钮时，按钮的应有状态；按下，点击按钮时，按钮的状态；点击，即区域标示，鼠标只有在这一区域内活动，按钮才能有相应的反应。
（重点）3 在弹起状态，新建一矩形（黑色）。
在指针经过状态插入关键帧，将矩形颜色改为红色。
同样在按下状态插入关键帧，将矩形改为青色。
最后在点击状态插入关键帧，因为这一状态只是区域标示，因此在动画播放过程中不会显示这一状态的图形，因此无须更改颜色。
4 回到场景，将按钮拖到舞台，测试影片，观看效果。
四 其实按钮不仅仅可以是图形，也可以是文字或者素材图片，下面我们就做一个文字形状的带声音的按钮。
A 文字按钮1 新建一个名字为“前进”的按钮元件。
2 进入按钮元件编辑区的弹起状态，在弹起状态，利用文字工具输入3 在指针经过状态插入关键帧，并将字体颜色设置为红色4 在按下状态插入关键帧，将字体颜色设置为蓝色。
5 在点击状态插入关键帧，并画一个矩形，完全覆盖文字。
（所有步骤中的颜色大家可以自己设置）6按照上节课所学的内容，导入一个按钮的声音文件。
7 在按钮元件的按下状态，选中关键帧，在属性面板的声音选项，选中这个声音。
flash动画---按钮元件的学习教案
flash动画---按钮元件的学习教案第一篇：flash动画---按钮元件的学习教案第1课“flash制作—按钮元件的使用”教学设计课题：flash制作—按钮元件的使用教学内容：《信息技术基础》（教育科学出版社）高等学校教材（flash制作六—按钮元件的使用）教材分析：本教材系统介绍了信息技术的理论基础。
以阅读资料的形式介绍了中国汉字的起源、书法的演变过程及中文信息处理技术的产生，让学生在学习信息技术的同时，了解中国文化的发展。
全教材以“模块-活动”形式进行组织呈现，分别是：“课程导入”“信息技术概述”“信息技术的获取”“常用搜索引擎的介绍”“常用工具的基本介绍和使用”“网络数据库”等几大模块。
本节课是学习flash教学中非常关键的一课，因此本节课以树立学生对学习flash的自信心为出发点，采取讲述法、演示法、动手实践与自主探究的方式，让学生在一种轻松愉快的学习氛围中进行学习。
学情分析：随着信息社会的到来，信息技术的学习成为当代中小学生必要的一门学科。
要适应时代的发展，就必须使自己成为一名高水平的信息技术人才。
学习信息技术的过程中，能够充分调动学生对现实生活的观察，增强学生的创新意识、审美意识等。
高一学生对信息技术已经由了初步的接触，但是掌握还不是很多。
而本节课以学生比较感兴趣的游戏入手，能够充分激发学生的兴趣。
而要求学生短时间内对flash 软件有一定的掌握，这就需要教师在详细介绍软件特点的同时也要充分调动学生自主探究的积极性，以达到更好的教学效果。
教学目标1．了解Flash按钮交互的原理。
2.学会制作按钮，或从公用库中正确选择按钮元件。
3．理解Action Script控制程序实现交互功能。
知识与技能：1.了解Flash按钮元件的基本功能。
2.学会公用库中正确选择并使用按钮元件。
3.学会制作简单的按钮。
过程与方法：1.通过老师的讲解和学生实践让学生们了解多按钮的功能，并掌握其使用和制作方法。
flash按钮
注意：as代码应该添加在动作面板里 而且 只能是 按钮 关键帧 影片剪辑的动作 面板里
通常，大家会看到这样的flash：
有一个停止的画面，然后出现一个播放按 钮，需要点击一下那个按钮整个flash才开始 播放。 其实，这个flash就是在停止的画面那个帧的 动作面板里，添加了语句 stop（）；
而按钮的动作面板上，添加了语句 on (release) { play(); }
它的含义就是：在按钮上单击一下鼠标，整 个flash就开始播放。
按钮超级链接
按钮-实例4
1.链接外部网站 on(release) {getURL("");} 2.链接内部网站 on(release) {getURL(“1.hml");} 3.链接下载 on(release) {getURL(“1.doc");}
Flash按钮
Flash里的按钮
按钮，是flash三大元件之一，同时也是最具 有交互性的元件。
Flash里的按钮，在flash制作的导航栏或者 flash制作的网页 以及flash制作的游戏 MTV 里通常扮演很重要的角色～
可以说，在成熟的flash作品里面，都会看到 按钮的身影～～ 比如：MTV开始播放的按钮，网页的导航 按钮，游戏开始的按钮。。。。
按钮-实例1
按钮文字震动的感觉
按钮-实例2
中英文切换
按钮-实例3
按钮控制动画
按钮-实例4
提示文字
除了自己制作按钮以外，也可以使用flash软 件自己带的按钮。
Flash自带的按钮还是很漂亮的哟 ～！！
Flash按钮制作
“play”按钮上面的命令： on(release){
play(); }
课堂总结： 1、基本按钮制作（注意按钮的几种状态）。
2、对dia Flash 8.0程序 • 2、新建Flash文档 • 3、菜单/插入/新建元件… 文件：元件1，类型：按钮。 单击“确定”。 • 4、在工具栏中选择绘图工具制作四种不同状态的按钮。
请欣赏下面的动画
制作动作按钮演示
方法：1、要禁止动画一开始就自动播放，这样播放 按钮才会起到作用 。单击时间轴上的第1帧，打 开舞台下面的“动作”面板，双击“影片控制” 下的“stop”命令，是动画在第一帧就停止。在最 后一帧同样加入“stop”。 2、然后新建立一个按钮元件，按照我们刚才做的方 法制作出“play”按钮，在时间轴中新建一图层， 把“play”按钮从控制拖动到第1帧的合适位置， 单击按钮，打开动作面板，在“play”和按钮上面 加如控制命令：
请欣赏
说说上面两幅动画有什么不同？ （讨论）
按钮有四个状态帧（关键帧）： 弹起（为按钮的常态——鼠标未接触时状态） 指针经过（为当鼠标划过按钮时的状态） 按下 （为按下鼠标键的状态） 点击（表示按钮响应鼠标事件的范围或称区域面 积，此状态的画面内容、颜色在动画播放时不可 见）
• 按钮制作方法演示 • 方法：
Flash 制作之六――按钮元件的使用
Flash 制作之六――――――――按钮元件的使用教学目标：学会在动画制作中正确使用按钮元件教学重点：制作按钮元件教学难点：在按钮元件中编辑添加动画教学方法：讲授法，演示法教学过程：引入：动画展示：用按钮来控制一段动画的播放。
在前面我们所做的动画的基础上，我们可以考虑加上一个按钮，简单的来控制一下它的播放，今天我们就来讲讲有关按钮元件的制作。
一：制作按钮1．使用新建元件工具，新建一个元件，类型为“按钮”。
2．进入到按钮元件的编辑界面，对按钮的四个状态进行编辑：在“弹起”状态使用椭圆工具画上一个圆填充色为红色，在“指针经过”状态将按钮的填充色变为绿色，“按下”状态时改为七彩色。
3．将按钮元件拖到场景中进行测试，按钮在指针经过及按下的不同状态呈现不同的颜色。
二：使用按钮控制动画播放双击库中的按钮元件图标，回到按钮元件的编辑界面。
添加一个新的图层，在按钮的“指针经过”状态，插入一个关键帧，然后把库中已经做好的一个影片剪辑类型的元件拖到这一帧中。
此影片剪辑类型的元件为一段简单的文字变幻的动画。
三：测试动画回到场景中，将按钮元件拖到场景中，通过测试影片，在指针经过按钮的时候，相应的动画就会进行播放。
指针离开按钮，动画就停止播放。
四：实践利用上节课所学知识先制作一个影片剪辑类型的元件，内容为一段简单的动画。
然后新建一按钮元件，使用按钮来控制此段动画的播放。
五：教学反思按钮是FLASH动画中三个比较重要的元件（影片剪辑，图象，按钮）之一，按钮所起的作用是交互，制作者或使用者都可以通过按钮来控制动画的播放。
所以本节课就是在前面所做的动画的基础上，添加按钮来控制播放。
flash按钮
按钮按钮元件是Flash的基本元件之一，它具有多种状态，并且会响应鼠标事件，执行指定的动作，是实现动画交互效果的关键对象。
从外观上，“按钮”可以是任何形式，比如，可能是一幅位图，也可以是矢量图；可以是矩形，也可以是多边形；可以是一根线条，也可以是一个线框；甚至还可以是看不见的“透明按钮”。
1．新建按钮元件新建一个影片文档，执行【插入】|【新建元件】命令，弹出一个【新建元件】对话框，在【名称】中输入“圆形按钮”，选择【行为】为【按钮】类型，单击【确定】按钮，进入到按钮元件的编辑场景中。
2．创建按钮（1）绘制按钮图形步骤1 创建【弹起】帧上的图形将【图层1】重新命名为“圆形”，选择这个图层的第1帧（弹起帧），利用【椭圆工具】绘制出如图4-4-6所示的按钮形状。
这个形状是由一个蓝色圆形和一些小椭圆形状组合而成的，另外为了表现球的立体感，在蓝色圆形下边还绘制了一个椭圆阴影。
你可以充分发挥自己的想象力，绘制出更漂亮的按钮图形。
步骤2创建【指针经过】帧上的图形选择【指针经过】帧，按F6键插入一个关键帧，并把该帧上的图形重新填充为橄榄绿色，如图4-4-7所示。
步骤3创建【按下】帧上的图形【按下】帧上的图形和【弹起】帧上的图形相同，因此利用复制帧的方法即可得到。
先用鼠标右键单击【弹起】帧，在弹出的菜单中选择【复制帧】命令，然后用鼠标右键单击【按下】帧，在弹出的菜单中选择【粘贴帧】命令即可。
步骤4创建【点击】帧上的图形选择【点击】帧，按F7键插入一个空白关键帧，这里要定义鼠标的响应区。
用【矩形工具】绘制一个矩形，如图4-4-8所示。
注意一定要让这个矩形完全包容前面关键帧中的图形。
说明：【点击】帧中的内容，在播放时是看不到的，但是它可以定义对鼠标单击所能够做出反应的按钮区域。
也可以不定义【点击】帧，这时【弹起】状态下的对象就会被作为鼠标响应区。
（2）创建文字效果为了使按钮更实用并更具动感，下面我们在圆形按钮图形上再增加一些文字特效。