用fireworks设计目前比较流行的web风格按钮

现在大家在网上许多类似这样的效果：

它渐变不是很明显但是给人自然和谐的美感，下面我们就通过fireworks一步一步来实现上面的效果。

1、  首先打开fireworks然后新建一个300×200的画布。然后用矩形工具在画布上绘出一个200×80的矩形。

2、  第二步就是填充渐变色这一步是重点我们直接由图例显示，这样更直观。首先选择“线性渐变”填充色的调节是关键，如图：

也就是先把渐变色设置成相同，然后左边的在原来的基础上把颜色滑块向上滑动少许。操作如图所示。

同理把右边的颜色滑块向下移动少许。操作看图所示：

至此的效果如图所示：大致的效果已经出来我们再做些细节的处理。

3、  细节处理，复制矩形一份，执行ctrl+shift+t（数值变形）把宽和高都减小2px，然后确定。然后给复制的具体添加一个1像素的白色边框。此时的效果如图：

然后执行“平面化所选”命令，接下来使用“矩形选框”工具调整其羽化值为85如图：

按下del键，然后ctrl+D取消选区，好了到这里实现了最终的效果，如图所示：

标签: 用fireworks设计目前比较流行的web风格按钮

发表于 fireworks