达达首页 | 设计教程 | 辅助工具 | 字体字库 | 素材贴图 | 非 主 流 | PS 笔刷 | 签名模版 | 网页模版 | 达达贴吧
设为首页

加入收藏

联系我们
PhotoShop 教程 | Illustrator 教程 | CorelDraw 教程 | FireWorks 教程 | 3D MAX 教程 | MAYA 教程 | Flash 教程 | After Effects 教程
相关教程
普通教程 Fireworks滤镜制作血…
普通教程 用FW插件轻松创建透…
普通教程 Fireworks三维插件辅…
普通教程 FW实例:用Marble大…
普通教程 Fireworks Eyecandy…
最新更新

Fireworks Eyecan…

Fireworks滤镜制作…

用FW插件轻松创建…

Fireworks三维插件…
您现在的位置: 达达派 >> 教程中心 >> FireWorks教程 >> 插件篇 >> 教程正文
用FW插件轻松创建透明按钮
作者:佚名 文章来源:网络采集 点击数: 更新时间:2007-1-14 6:54:45
教程录入:令彬    责任编辑:令彬  添加到雅虎收藏+
   我们浏览网页时经常会看到一种透明的按钮,十分美观,适当运用绘图软件的一些基本工具和技巧就能制作出这个特效,但是如果使用一些现成的插件就方便多了。目前已经有网友自己开发出了Macbutton扩展插件,并通过了Macromedia公司的验证,目前的版本是V2.0.0版。我们可以到Macromedia的官方网站上去下载,也可以到开发者本人的个人网站上下载。

  我们先将Macbutton V2.01下载到自己的电脑上,然后准备在Fireworks MX 2004中安装这个扩展插件。

   1) 打开Fireworks MX 2004,选择“帮助”菜单下的“管理扩展功能…”。弹出如图1所示的Macromedia扩展管理器。

图1 Macromedia扩展管理器

  单击扩展管理器上的“安装新扩展”按钮,找到Macbutton V2.01扩展文件所在的目录,如图2所示。

图2 找到扩展所在目录并安装

  选中macbutton.mxp点击“安装”,弹出安装协议窗口,如图3。

图3 安装协议窗口

  选择“接受”,最后会跳出提示安装成功的消息,如图4所示。

图4 安装成功提示

  选择“确定”,这时发现在Macromedia扩展管理器多出了Macbutton一项,这就是所安装的扩展,如图5所示。

 
图5 扩展管理器中的Macbutton
 
   2) 在第一步的扩展管理器中有使用这个扩展的英文说明,最后一段话是“To use this command, choose Commands > Bitgenius > MacButton.”,意思就是说如果要使用这个扩展时,只需要选择“命令”菜单下的“Bitgenius| MacButton”即可。其实还可以找到Fireworks MX 2004安装文件夹中的“Configuration| Commands”文件夹对其进行路径的进行修改。这里为了简单起见,就使用默认的路径开始创建透明按钮。

   首先,新建一个200×100的文件。选择“命令”下拉菜单中的“Bitgenius| MacButton”,这样会跳出创建透明按钮对话框,如图6所示。右侧部分有两个选择“Rectangle”和“Circlebutton”,代表的意思分别是“矩形按钮”和“圆形按钮”。这里选择创建一个矩形按钮,并分别设置矩形的大小、位置、圆角度数和颜色,如图7所示。这样得到了如图8所示的矩形,发现它其实是一组组合。
 
图6 创建透明按钮窗口
 
图7 设置矩形按钮属性
 
图8 绘制透明对象


   3) 打开对齐面板,通过水平居中和垂直居中两个按钮将所得对象放置到画布中心以方便编辑,并适当的通过属性面板修改透明度。下一步就需要将这个组合转换为按钮了。选择这个组合,选择“修改”菜单下的“元件”|“转换为元件…”,得到图9所示的元件属性弹出窗口,命名为 “button”,选择“按钮”。单击“确定”,这是组合已经被转换为按钮了,其左下脚出现了一个小箭头并且为其添加了一个切片,如图10所示。
 
图9 元件属性设置
 
图10 按钮图像


   4) 双击按钮打开按钮编辑器,可以为每个状态创建不同的文字和图形了。并且选择这个透明按钮的所有对象,按Ctrl+G将它们组合起来,如图11所示。
 
图11 打开按钮编辑器

[1] [2] 下一页

  • 上一篇教程:

  • 下一篇教程:
  • 【字体: 】【发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口
    关于我们 | 帮助(?) | 广告服务 | 版权声明 | 商业合作 | 发展历程 | 联系我们

    Copyright ? 2005-2008 CGFancy.com, All Rights Reserved,达达网络:陕ICP备06010337号

    技术交流:71125455(平面)、545534707(三维),业务合作:71125455