先来看看制作出的效果吧!
下面是具体的制作步骤：
一、新建一个文档，大小为700*500像素，使用圆角矩形工具绘制一个圆角的长方形，新建一个图层，然后使用渐变工具设置下面两种颜色进行填充，该图层命名为：按钮背景 ，效果如下图：
二、复制此图层，命名为高光，改变填充为白色填充，透明度为50%，使用矩形选区工具绘制如下选区，然后按Delete删除。
三、这样我们就做出了一个最基础的玻璃效果了，为了效果更加好，我们接下来继续修饰使用椭圆形选区选择下部分，然后进行羽化，半径大约30px左右，然后按Delete删除
四、按Ctrl单击该图层，然后执行“选择”“修改”“扩展”，来扩大选区范围，，大概为1px，然后在按钮背景下面新建一个图层，把矩形选区填充为白色，该图层命名为边缘，效果
相关教程：
PhotoShop绘制玻璃质感水晶按钮教程
PhotoShop制作网页导航按钮教程
PS绘制蓝色高光方形水晶按钮教程
_ueditor_page_break_tag_
五、下面我们将最下面的背景图层的颜色改变为黑色色，当作背景来使用，当然你可以设置其他颜色的背景。这样就可以看见我们上一步制作出的边缘效果了。
六、再次使用圆形选区工具绘制选区，然后进行羽化，半径为30px，选择“边缘”图层然后按delete键两次。
同样的方法，不过上选择按钮的上半部分，同样的30像素的羽化，这次是按delete一次。
七、然后按住Ctrl键单击“按钮背景”图层，然后再次扩展(“选择”“修改”“扩展”)，这次的扩展的数值为2px，然后在“边缘”图层下面创建一图层，然后绘制一黑色的矩形选区，该层命名为边缘2.
八、选择“边缘2”图层，图层模式的渐变填充选项设置如下颜色渐变：
_ueditor_page_break_tag_
九、输入你想要的文字或者添加一些图标什么的，并且添加一些图层样式效果使之更加具有玻璃反射效果，效果如下
十、在最下面的图层新建一个图层，绘制一个较小的椭圆，并且使用模糊滤镜使它变成按钮的阴影，我使用的是高斯模糊(这个相信朋友们都有自己习惯的方法)。
十一、隐藏我们的背景图层，点击最上面的高光图层，shift+ctrl+alt+E，加盖印章，然后复制一层，垂直翻转。
十二、然后使用圆形工具选择下部分，羽化半径30px，然后按delete键删除。
十三、最后点亮我们的背景图层，然后把“背景3副本图层”的不透明度降低到自己感觉OK的程度，你就可以欣赏自己的作品了。
本人做的不好，还请见谅，不过，相信会对新手朋友有一定帮助的!.
相关教程：
PhotoShop绘制玻璃质感水晶按钮教程
PhotoShop制作网页导航按钮教程
PS绘制蓝色高光方形水晶按钮教程
