fireworks制作透明按钮一例

　　今天我们看看大家都喜欢的透明按钮在fireworks里的一种制作方法。

　　1、创建新文档，大小200*200 pixels，背景颜色：#aaaaaa.

　　2、选择ellipse tool(圆工具)，绘制一个大小为150*150的圆形。放在画布中间。

　　提示：将绘制的元素放在画布的中央可以在主菜单里选择：commands>document>center document。

　　3、选择圆形，此时他处于高亮状态。在fill填充面板里选择radial(球形渐变)。在fill颜色井弹出的编辑渐变参数中，改变颜色为从#0000bb到#ffffff。现在你的图片应该如下所示：

　　4、选择圆形保持高亮状态，在工具面板里选择"paint bucket"。你应该可以看到有一条细黑线，并在某一端有调节柄（如下图）。调节渐变如下图所示：

　　5、创建一个新圆，大小为130 * 130 pixels，颜色为#ffffff.将它置于画布的中央（按照第二步的提示）。此时，正处于被选择的高亮状态，在主菜单中选择edit>copy（ctrl+c)，然后选择edit>paste(ctrl+v) 。

　　6、你现在应该有了两个大小为130*130的圆形。此时，选择上面的白色圆形，按住shit键不放，按动小键盘上的向下键移动两次。结果是移动白色圆形20个象素。如下所示：

　　提示：按住shit键不放，按小键盘选择方向键可以一次移动10个象素。这次我们是向下移动了20个象素。

　　现在两个圆形均可见，下面的圆形为高亮选择状态。按住shit键不放，选择上面的白色原形。现在两个处于高亮状态。在主菜单中选择modify>combine>punch。结果是一弧形产生了。

　　7、现在弧形处于高亮选择状态，在层面板layers panel中将透明度修改为70%。

　

　　8、现在可以看出球体按钮已经开始成型。选择刚刚创建的弧形，在effect区内选择blur>glaussian blur。在弹出的菜单内我增加了4.5个数值的模糊效果。你可以凭你的喜好选择模糊程度。这个部分可以由你自由发挥。（以下作者描述了下不同数值的结果，不在赘述，困猫注)

　　提示：你可以使用subselection tool（见下图）来调整弧形的各个节点，使它变的厚一些，或者薄一些。选择subselection tool工具，然后选择弧形，点中需要调整的节点，这时候它会由白色的空心变成绿色的实心（也会显现他的手柄点）。使用小键盘的方向键进行细致的移动调节，或者用鼠标拖动节点。

　　

　　你应该已经得到这样的一个图形：

　　9、我们现再加一个新圆形，来作为最终效果图的边缘。选择有蓝白渐变的圆形。克隆(ctrl+shift+d)一个新圆.在信息面板(info panel,mx已经整合到了properties)里设置圆的大小为165*165 pixels。在填充选项里将球形渐变变为线形渐变(linear)，并编辑渐变颜色为从#ffffff到#555555.选择paint bucket工具。调整渐变的效果，使颜色重点的在上面，颜色淡的在下面 (调节的时候，可以暂时使其他元素在层面板里表示为不可见）

　　现在把新圆拖到层的最底部（shift+ctrl+向下的方向键）。我们得到了教程实例的最终结果，应该类似于下图：

　　我还在这个按钮上加了些效果元素。其中蓝色圆形的描边为1px，让他看起来有点深度。上部的弧形还附加了些阴影效果。

ICP备案编号:粤ICP备06052964号

www.sosof.com

选择显示字体大小

fireworks制作透明按钮一例

关键字本文所属关键字

相关与本文相关文章

分类所有文章关键字导航

源码编程相关

SQL数据库相关

手机无线相关

网页设计制作相关

网站建设推广相关

操作系统/服务器相关

图形图像多媒体相关

标准网站致力的规范

www.sosof.com

选择显示字体大小

fireworks制作透明按钮一例

shouchang();

关键字 本文所属关键字

相关 与本文相关文章

分类 所有文章关键字导航

源码编程相关

SQL数据库相关

手机无线相关

网页设计制作相关

网站建设推广相关

操作系统/服务器相关

图形图像多媒体相关

标准 网站致力的规范

关键字本文所属关键字

相关与本文相关文章

分类所有文章关键字导航

标准网站致力的规范