photoshop制作时尚前卫的网页按钮
作者:佚名 出处:http://www.16xx8.com/1linkpic/17.gif本教程介绍如何使用photoshop绘制时尚质感的的网页按钮，主要通过软件的自定义形状工具和图层样式来完成，下面让我们一起来学习吧。 先看效果图。http://pic.16xx8.com/allimg/110226/1400123927-0.jpg新建文档1280x1024像素，背景白色，建新层，填充黑色，添加图层样式。
http://pic.16xx8.com/allimg/110226/14001261C-1.jpg效果如下。
http://pic.16xx8.com/allimg/110226/1400124114-2.jpg建新层，画一个黑色圆角矩形。
http://pic.16xx8.com/allimg/110226/1400124145-3.jpg添加图层样式。
http://pic.16xx8.com/allimg/110226/140012J27-4.jpghttp://pic.16xx8.com/allimg/110226/1400124549-5.jpghttp://pic.16xx8.com/allimg/110226/1400125336-6.jpg效果如下。
http://pic.16xx8.com/allimg/110226/140012EJ-7.jpg建新层，用钢笔画出下图所示路径，转为选区填充白色，图层模式叠加，不透明度20%，填充75%。
http://pic.16xx8.com/allimg/110226/1400124L3-8.jpg建新层，用矩形工具做如下选区，填充0082f0，去掉选区用柔角橡皮涂抹两端，产生渐隐的效果。
http://pic.16xx8.com/allimg/110226/140012C25-9.jpg添加图层样式。
http://pic.16xx8.com/allimg/110226/140012C14-10.jpg效果如下。
http://pic.16xx8.com/allimg/110226/140012K91-11.jpg建新层，画一黑色箭头。
http://pic.16xx8.com/allimg/110226/1400124227-12.jpg添加图层样式。
http://pic.16xx8.com/allimg/110226/140012B43-13.jpghttp://pic.16xx8.com/allimg/110226/1400124021-14.jpghttp://pic.16xx8.com/allimg/110226/1400121252-15.jpg效果如下。
http://pic.16xx8.com/allimg/110226/1400121301-16.jpg复制一层缩小，改变渐变叠加的颜色。
http://pic.16xx8.com/allimg/110226/1400122152-17.jpg建新层，用钢笔画出下图所示路径，转为选区填充黑色。
http://pic.16xx8.com/allimg/110226/140012AI-18.jpg添加图层样式。
http://pic.16xx8.com/allimg/110226/14001253Y-19.jpghttp://pic.16xx8.com/allimg/110226/1400123092-20.jpghttp://pic.16xx8.com/allimg/110226/1400121K3-21.jpg效果如下。
http://pic.16xx8.com/allimg/110226/140012Ka-22.jpg然后底部建新层做一个阴影，类似下图效果。
http://pic.16xx8.com/allimg/110226/1400125H1-23.jpg用上述方法作出其它按钮，最终效果如下。
http://pic.16xx8.com/allimg/110226/1400123927-0.jpg {:soso__16854685127617207362_4:}
页:
[1]