日期:2012-11-27  浏览次数:20893 次

本教程学习如何用Photoshop制作金属质感按钮,主要通过Photoshop的图层样式来实现,下面一起来学习吧。

先看效果图。

Photoshop图层样式绘制蓝色金属质感按钮_WEBJX.COM

新建文档550550像素,背景黑色,建新层,前景色4c73f1画一个正圆形状,复制3个,副本1图层缩小5%左右,副本2层缩小位置如下,颜色改为白色。

Photoshop图层样式绘制蓝色金属质感按钮_WEBJX.COM

选择形状1,隐藏其它层,添加图层样式。

Photoshop图层样式绘制蓝色金属质感按钮_WEBJX.COM

Photoshop图层样式绘制蓝色金属质感按钮_WEBJX.COM

描边颜色请采样我的截图,效果如下。

Photoshop图层样式绘制蓝色金属质感按钮_WEBJX.COM

选择副本层,添加图层样式。

Photoshop图层样式绘制蓝色金属质感按钮_WEBJX.COM

Photoshop图层样式绘制蓝色金属质感按钮_WEBJX.COM

Photoshop图层样式绘制蓝色金属质感按钮_WEBJX.COM

Photoshop图层样式绘制蓝色金属质感按钮_WEBJX.COM

效果如下。

Photoshop图层样式绘制蓝色金属质感按钮_WEBJX.COM

选择副本2,填充归零,添加图层样式。

Photoshop图层样式绘制蓝色金属质感按钮_WEBJX.COM

添加蒙版黑白直线渐变。

Photoshop图层样式绘制蓝色金属质感按钮_WEBJX.COM

最终效果如下。

Photoshop图层样式绘制蓝色金属质感按钮_WEBJX.COM