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

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

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

 

 

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

 

 

 

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

 

 

 

3、最终，你得到这样的效果：

 

 

 

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

 

 

 

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

 

 

 

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

 

 

 

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

 

 

 

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

 

 

 

6、在重复第五步2次。

 

 

 

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