Photoshop制作漂亮前卫的web按钮
本教程介绍如何使用Photoshop绘制时尚质感的的网页按钮，主要通过软件的自定义形状工具和图层样式来完成，下面让我们一起来学习吧。先看效果图。
http://www.missyuan.net/uploads/allimg/110223/1649335Z6-0.jpg
新建文档1280x1024像素，背景白色，建新层，填充黑色，添加图层样式。
http://www.missyuan.net/uploads/allimg/110223/16493363B-1.jpg
效果如下。
http://www.missyuan.net/uploads/allimg/110223/1649333458-2.jpg
建新层，画一个黑色圆角矩形。
http://www.missyuan.net/uploads/allimg/110223/1649331129-3.jpg
添加图层样式。
http://www.missyuan.net/uploads/allimg/110223/16493341E-4.jpg
http://www.missyuan.net/uploads/allimg/110223/1649335Q5-5.jpg
http://www.missyuan.net/uploads/allimg/110223/1649334631-6.jpg
效果如下。
http://www.missyuan.net/uploads/allimg/110223/164933D03-7.jpg
建新层，用钢笔画出下图所示路径，转为选区填充白色，图层模式叠加，不透明度20%，填充75%。
http://www.missyuan.net/uploads/allimg/110223/1649336406-8.jpg
建新层，用矩形工具做如下选区，填充0082f0，去掉选区用柔角橡皮涂抹两端，产生渐隐的效果。
http://www.missyuan.net/uploads/allimg/110223/1649332416-9.jpg
添加图层样式。
http://www.missyuan.net/uploads/allimg/110223/164933KX-10.jpg
效果如下。
http://www.missyuan.net/uploads/allimg/110223/1649333952-11.jpg
建新层，画一黑色箭头。
http://www.missyuan.net/uploads/allimg/110223/164933Da-12.jpg
添加图层样式。
http://www.missyuan.net/uploads/allimg/110223/1649334318-13.jpg
http://www.missyuan.net/uploads/allimg/110223/1649331117-14.jpg
http://www.missyuan.net/uploads/allimg/110223/164933J61-15.jpg
效果如下。
http://www.missyuan.net/uploads/allimg/110223/16493362C-16.jpg
复制一层缩小，改变渐变叠加的颜色。
http://www.missyuan.net/uploads/allimg/110223/1649335C5-17.jpg
建新层，用钢笔画出下图所示路径，转为选区填充黑色。
http://www.missyuan.net/uploads/allimg/110223/1649331O7-18.jpg
添加图层样式。
http://www.missyuan.net/uploads/allimg/110223/16493355O-19.jpg
http://www.missyuan.net/uploads/allimg/110223/1649332545-20.jpg
http://www.missyuan.net/uploads/allimg/110223/1649334591-21.jpg
效果如下。
http://www.missyuan.net/uploads/allimg/110223/164933DG-22.jpg
然后底部建新层做一个阴影，类似下图效果。
http://www.missyuan.net/uploads/allimg/110223/1649335216-23.jpg
用上述方法作出其它按钮，最终效果如下。
http://www.missyuan.net/uploads/allimg/110223/1649335Z6-0.jpg
页:
[1]