今天我们看看大家都喜欢的透明按钮在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。结果是一弧形产生了。
提示:你可以使用subselection tool(见下图)来调整弧形的各个节点,使它变的厚一些,或者薄一些。选择subselection tool工具,然后选择弧形,点中需要调整的节点,这时候它会由白色的空心变成绿色的实心(也会显现他的手柄点)。使用小键盘的方向键进行细致的移动调节,或者用鼠标拖动节点。
你应该已经得到这样的一个图形:
9、我们现再加一个新圆形,来作为最终效果图的边缘。选择有蓝白渐变的圆形。克隆(ctrl+shift+d)一个新圆.在信息面板(info panel,mx已经整合到了properties)里设置圆的大小为165*165 pixels。在填充选项里将球形渐变变为线形渐变(linear),并编辑渐变颜色为从#ffffff到#555555.选择paint bucket工具。调整渐变的效果,使颜色重点的在上面,颜色淡的在下面 (调节的时候,可以暂时使其他元素在层面板里表示为不可见)
现在把新圆拖到层的最底部(shift+ctrl+向下的方向键)。我们得到了教程实例的最终结果,应该类似于下图:
我还在这个按钮上加了些效果元素。其中蓝色圆形的描边为1px,让他看起来有点深度。上部的弧形还附加了些阴影效果。
新闻热点
疑难解答