Fireworks制作灰蓝质感按钮教程

今天我教大家用Fireworks制作一例蓝黑风格的魅力质感按钮。主要用到fireworks的颜色渐变、形状变形、钢笔工具、透明度调整等。

先看效果图： 免费资源http://www.it55.com

http://www.it55.com/

 
效果图 sflj http://www.it55.com kg^&fgd

　　1、建立一个483*450的画布； vd;k;l http://www.it55.com rdfg

　　2、用矩形工具画一个矩形设置如下：

http://www.it55.com/

图1

　　3、用矩形工具画一个336*78的矩形设置如下：

图2 免费设计素材下载http://www.it55.com

　　4、用矩形工具画一个322*65的矩形设置如下：

sflj http://www.it55.com kg^&fgd

图3 sflj http://www.it55.com kg^&fgd

　　5、用矩形工具画一个200*1的矩形设置如下：

免费矢量图片素材下载http://www.it55.com

　　6、复制这个矩形，位置向下调一个像素，再调整色相饱和度，设置如下：

http://www.it55.com

　　7、合并这两个矩形，复制三个调整大小后分别放到四个角，效果如顶图： http://www.it55.com在线教程

图4 免费资源http://www.it55.com

　　8、用钢笔工具画一个如下的图形，设置如下：
　　9、复制两个用钢笔工具调整大小，透明度分别为80、40、20，效果如下：
　　10、合并这三个图层，复制－粘帖－修改－变形－垂直翻转，再向下移动，透明度设为20，效果如下： 免费资源http://www.it55.com

图5

http://www.it55.com

　　11、用钢笔工具画一个如下的图形，设置如下：
　　12、复制三个分别调整角度并放到矩形的四个角，效果如顶图： it55.com

图6

　　13、用椭圆工具画一个如下的椭圆，设置如下： 免费壁纸下载http://www.it55.com

图7

it55.com

　　14、设置顶部高光
　　15、先画一个椭圆，然后设置运动模糊，再复制一个缩小一些，再向左　　移动，如下图所示：
　　16、用钢笔工具画两个光源，设置如下：

免费矢量图片素材下载http://www.it55.com

图8 免费壁纸下载http://www.it55.com

　　17、设置你要的文字，复制一层修改－变形－垂直翻转－命令－创意－图象渐隐，效果如下：

http://www.it55.com/

　　最后调整一下各层的位置，完成了，第一次写教程，有什么不对的地方还请大家多提意见，谢谢！

（编辑：IT资讯之家 www.it55.com）