htt...">
论坛交流
首页办公自动化| 网页制作| 平面设计| 动画制作| 数据库开发| 程序设计| 全部视频教程
应用视频: Windows | Word2007 | Excel2007 | PowerPoint2007 | Dreamweaver 8 | Fireworks 8 | Flash 8 | Photoshop cs | CorelDraw 12
编程视频: C语言视频教程 | HTML | Div+Css布局 | Javascript | Access数据库 | Asp | Sql Server数据库Asp.net  | Flash AS
当前位置 > 文字教程 > Flash教程
Tag:flash cs,flash 8,鼠绘,as,手绘,工具,文字,loading,入门,初学,mc,影片剪辑,声音,mtv,游戏,引导,遮罩,菜单,补间,广告条,时钟,视频教程

基本动态按钮介绍

文章类别:Flash | 发表日期:2008-9-21 20:11:37

   ※闪吧※<a target=_blank href=http://www.flash8.net<img src=../img/flash/20089212073170377801.gif border=0 align=absMiddle height=16 width=16> <a href="www.flash8.net" TARGET=_blank>[ 点击下载 ]</a></a>]                         FLASH 4 : 基本动态按钮介绍          
                                                                                                                                                                                                                                                                                                                                                           http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=4,0,2,0" width="550" height="400">                                        http://www.flash8.net/file/Tutorials1/1015/23/23.swf";>                                                                                http://www.flash8.net/file/Tutorials1/1015/23/23.swf"; quality=high pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash"; type="application/x-shockwave-flash" width="550" height="400">                                                                               

                                                                                                                                                                                                 有没有人还不知道如何用Flash做按钮的呢?在这里举个最简单的按钮例子来说明,已经会的,请捧场一下,还不熟悉做法的,也希望看过後能融会贯通,举一反叁,因为在FLASH世界里,是不分按钮和影片的,经常是交替混杂一起运用,日後介绍的内容,将渐渐省略掉一些基本的操作做法,而以重点来提示,若有碰到任何的疑问,欢迎进入Flash问题讨论区内提出问题.....                                                                                                                                                               http://www.flash8.net/file/Tutorials1/1015/23/librarypic.gif"; width="159" height="238">                                  左图为此范例中的图库元件。                                                                          

1.ball图像元件是此次内容的主角,很重要哦!

                                    

2.move影片片段元件就是完全使用ball图像元件来制作完成的。                                       

                                    

                                       3.music音效元件,则是用来加在button按钮元件里按下动作时的音效。                                       

                                    

                                       4.button按钮元件,当然就是结合上述的元件而组成的,也就是我们这次要做的主题了。

                                    

                                       所以在这里基本上只要有ball(                                        主角),和music(配角),就能做出有声有色的动态按钮了!

                                                                                                                                                                                                 http://www.flash8.net/file/Tutorials1/1015/23/movepic.gif"; width="380" height="380">                                  move影片片段元件的制作:                                     

                                       1.新增move影片片段元件,从图库中将ball元件拉至场景的正中心位置。                                       

                                    

                                       2.在第10影格处插入要害影格,将ball图形向上移动一些些位置,选择元件实体,将其内容的alpha值,设为0%。                                       

                                    

                                       3.在第1影格的内容,做移动渐变的效果。                                       

                                    

                                       4.依序做出向下、左、右的渐变图层。

                                    

                                       完成图如下:

                                                                                                                                     http://active.macromedia.com/flash2/cabs/swflash.cab#version=4,0,0,0"      ID=move WIDTH=100 HEIGHT=100>                                      http://www.flash8.net/file/Tutorials1/1015/23/move.swf";>                                                                                                                  http://www.flash8.net/file/Tutorials1/1015/23/move.swf"; quality=high bgcolor=#FFFFFF  WIDTH=100 HEIGHT=100 TYPE="application/x-shockwave-flash" PLUGINSPAGE="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash";>                                                                                                                                                                                                                                          http://www.flash8.net/file/Tutorials1/1015/23/pic1.gif"; width="416" height="165">                                  按下Ctrl+F8新增一个button按钮元件。                                                                                                                                                               http://www.flash8.net/file/Tutorials1/1015/23/pic2.gif"; width="480" height="145">                                                                                                   每个按钮元件都有4个图框:                                                                          

                                       最左边3个图框光看名称就已经不难知道它们的作用了,而执行图框,则是定义此按钮的作用范围。

                                                                                                                                                                                                 http://www.flash8.net/file/Tutorials1/1015/23/pic5.gif"; width="240" height="190">
                                                                      从图库中将ball元件拉至场景的正中心位置,并且在滑鼠经过和按下的影格中插入要害影格。                                     

                                       在滑鼠经过影格处,从图库中将move元件拉至场景的正中心位置,也就是与ball元件重叠,且是在ball元件的下方。参考左图。

                                    

                                       可点选move元件实体,按Ctrl+Shift+↓,将其排列顺序一致最後。如下图所示。

                                                                    滑鼠经过影格的完成图如下:                                                                                                   http://active.macromedia.com/flash2/cabs/swflash.cab#version=4,0,0,0"   ID=over WIDTH=100 HEIGHT=100>                                      http://www.flash8.net/file/Tutorials1/1015/23/over.swf";>                                                                                                                  http://www.flash8.net/file/Tutorials1/1015/23/over.swf"; quality=high bgcolor=#FFFFFF  WIDTH=100 HEIGHT=100 TYPE="application/x-shockwave-flash" PLUGINSPAGE="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash";>                                                                                                                                                                                                                                          http://www.flash8.net/file/Tutorials1/1015/23/pic4.gif"; width="400" height="200">                                  接下来将影格移到按下的地方,点选元件实体内容,将其颜色效果做非凡设定,设定值如下图所示。                                     

                                       从图库中拉出move元件,同样将其内容的颜色效果做下图的非凡设定值,然後同样移至ball元件的正下方重叠。                                        

                                                                                                                                                                                                 http://www.flash8.net/file/Tutorials1/1015/23/pic3.gif"; width="570" height="305">                                                                                                                                                               http://www.flash8.net/file/Tutorials1/1015/23/pic6.gif"; width="470" height="350">                                  http://active.macromedia.com/flash2/cabs/swflash.cab#version=4,0,0,0"   ID=down WIDTH=100 HEIGHT=100>                                      http://www.flash8.net/file/Tutorials1/1015/23/down.swf";>                                                                                                                  http://www.flash8.net/file/Tutorials1/1015/23/down.swf"; quality=high bgcolor=#FFFFFF  WIDTH=100 HEIGHT=100 TYPE="application/x-shockwave-flash" PLUGINSPAGE="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash";>                                                                                                                                                                              接下来要加入按钮音效了,双点按下影格处,点选声音选项,选取music音效元件,这样就完成音效设定了,相当简单吧...                                                                          

                                       加入完音效後,将会在影格中看到音效的波动图形,如左下图所示。

                                                                                                                                                                                                 http://www.flash8.net/file/Tutorials1/1015/23/pic7.gif"; width="240" height="84">                                  http://www.flash8.net/file/Tutorials1/1015/23/pic8.gif"; width="275" height="182">                                                                                                                                                               按下Ctrl+E,回到主场景中,将做好的button按钮元件,从图库中拉出,一个简单且有声有色的按钮就出来了!                                                                          

还是那句话,哪个步骤有不了解的地方,或哪里写得不够详尽,请至Flash问题讨论内提出问题.....谢谢!

                                                                                                                                                                                                                                                                    下一课:http://www.flash8.net/file/Tutorials1/1015/22.htm";>中空文字变化
                                                                    
                                                   
上一篇:{教程}物件缩放 人气:1998
下一篇:{教程}改变背景图形 人气:3259
Flash视频教程

Flash视频教程
Windows视频教程
Windows操作
[文]
WORD教程
Word教程
[文]
Excel教程
Excel教程
[文]
PowerPoint教程
PowerPoint
[文]
Dreamweaver
Dreamweaver
[文]
FIREWORKS
Fireworks
[文]
FLASH教程
Flash教程
[文]
photoshop平面设计
PhotoShop
[文]
CorelDraw
CorelDraw
[文]
C语言教程
C语言教程
[文]
html
Html教程
[文]
DivCss布局
Div+Css布局
[文]
Javascript
Javascript
[文]
ACCESS数据库
ACCESS数据库
[文]
ASP教程
ASP教程
[文]
SQLServer数据库
SQLServer
[文]
ASP.NET教程
ASP.NET教程
[文]
FlashAS
FlashAS
[文]
视频教程列表
计算机基础入门及办公自动化: 网页制作开发视频教程: 平面广告设计视频教程 初级程序设计及ASP动态网站开发 Asp.net动态网站开发视频教程 Flash 动画角本编程视频教程
文章教程搜索
 
Flash推荐教程
Flash热门教程
看全部视频教程
购买方式/价格
购买视频教程: 咨询客服
tel:15972130058