本教程的按钮构成部分不多,总共为两大部分,金属外框和蓝色玻璃部分。制作的时候只要画好相应的图层,加上图层样式效果就出来了。制作过程比较简单。
最终效果
Photoshop制作金属边框的蓝色透明按钮

1、将背景色填充为黑色。前景色设为 #0090ff ,用“形状工具”在画布中央画一个圆。

Photoshop制作金属边框的蓝色透明按钮

 

 

2、对这个圆应用下面的图层属性:

 

 

 

Photoshop制作金属边框的蓝色透明按钮

 

 

 

3、最终,你得到这样的效果:

 

 

 

Photoshop制作金属边框的蓝色透明按钮

 

 

 

4、用“矩形”工具,画出下面的形状,确保矩形之间的间距是一样的;

 

 

 

Photoshop制作金属边框的蓝色透明按钮

 

 

 

5、对这个矩形应用“滤镜->扭曲->球面化”。

 

 

 

Photoshop制作金属边框的蓝色透明按钮

 

 

 

6、在重复第五步2次。

 

 

 

Photoshop制作金属边框的蓝色透明按钮