| 网站首页 | Photoshop资源 | Photoshop学院 | Photoshop展示 | 设计素材 | 设计学院 | 数码学院 | 返回总部 | 
您现在的位置: Photoshop资源站 >> 设计学院 >> 动画设计 >> Flash >> Flash技巧综合 >> 正文
  Flash另类效果之透明按钮设计           ★★★ 【字体:
Flash另类效果之透明按钮设计
作者:佚名    教程来源:不详    点击数:    更新时间:2007-8-15    

本例主要给大家介绍一种另类、实用的钮——透明按钮。通过对本文的学习,读者不仅能掌握两种实用按钮的制作方法,还能学习一些简单的Actions,可谓一举多得。

效果预览图:

效果图

相关下载:

  源文件下载:点击这里下载(18.3K, zip压缩文件)

设计步骤:=版权所有  软件 下载  学院  版权所有=

  1.打开Flash MX 2004,如图1所示新建一个Flash文档。按快捷键Ctrl+F3打开“属性”面板,单击“文档属性”按钮打开“文档属性”面板(快捷键Ctrl+J),设置场景大小为200px x 120px,背景色为白色色,帧频为12fps。如图2所示。

 

图1,图2

  2.单击【窗口】→【其他面板】→【公共库】中的Buttons命令,打开“按钮”库。如图3所示从“Arcade buttons”文件夹中把按钮arcade button - orange拖入到“场景1”中。

图3

3.点选场景中的“按钮”,按快捷键F9打开“动作”面板,输入以下代码:

// 当鼠标按下按钮再松开时执行语句=版权所有  软件 下载  学院  版权所有=
on (release) {
    // 让按钮透明度属性值自减10,得到一个新的透明值
    this._alpha -= 10;
    // 当变量小于零时,即按钮不可见时,把按钮的透明值重设为100
    if (this._alpha<0) {
        this._alpha = 100;
    }
}

  代码中的_alpha属性为影片透明度属性,其值在0-100之间。当一个影片剪辑的alpha值为0时,该影片剪辑完全透明;如alpha值为100时,该影片剪辑完全可见。

  代码中,if语句的作用是:如果影片实例完全透明,则重设透明度值为100,让按钮完全可见。在脚本执行时,this引用包含该脚本的影片剪辑实例;在调用某个对象的方法时,this包含对所调用方法的对象的引用;在按钮的on事件中,this引用包含该按钮的时间轴;在影片剪辑的onClipEvent事件中,this引用该影片剪辑自身的时间轴。

  引申一下,在一些游戏的设计中,设计者需要让游戏中某个元件(包括按钮)在触发后即消失,那又该怎么做呢?可以通过隐藏或是删除的方法。

// _visible属性决定了影片是否可见,影片不可见时会被禁用
this._visible = 0;
// 该语句用来删除通过MovieClip对象的attachMovie或duplicateMovieClip方法或是通过控制语句duplicateMovieClip创建的影片剪辑实例
removeMovieClip(target);

  另外,读者可以自行设定按钮的透明度,使其一击则暗,再击则明。总之掌握_alpha等属性的使用方法后,灵活的把透明按钮(或是透明元件)运用在自己的作品中,定会有意想不到的效果的

教程录入:onegreen    责任编辑:onegreen 
  • 上一篇教程:

  • 下一篇教程:
  •  
    发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口
    最新热点 最新推荐 相关文章
    FrontPage 2003教程 用FrontPage2003轻
    Flash 电影字幕显示效果
    Flash 泡泡文字效果
    体验Adobe Flash CS3新特性
    Flash中作毛笔写字动画效果
    Flash遮罩特效实例--百叶窗效果
    Flash绘精致矢量图—逼真土豆
    Flash 扫描显示文字的效果
    Adobe flash cs3 ActionScript 3.0入门
    Flash特效动画制作:飞舞的螺炫