玻璃按键的暗部很少，重点是高光部分的渲染。可以先使用图层样式使内边缘高亮，底部投影；然后用手绘在顶部加高光；其他部分可以添加一些环境光或反射。

最终效果

<点小图查看大图>最终效果

:

1.新建一个画布(我的是1000*1000px，新手可以跟着做)，背景色(个人喜好，我的背景比较模糊，会发一篇关于背景的专题文章，这次加个色就行)

新建一个你认为合适的导航，我这里是圆角为17px / 600*80px 的圆角矩形。
创建一个你认为合适的新导航。我有一个圆角17px/600*80px的圆角矩形。

2、首先填充为（ 0 ），内发光（颜色：#ffffff - 效果：叠加 - 不透明度90% - 大小12px ）其余不用设置。很棒！感觉来了有木有。
2.先填充为(0)，内部发光(颜色:# ffffff-效果:叠加-不透明度90%-大小12px)。剩下的就不用设置了。太棒了！我感觉我在这里。

内阴影 （颜色：#e5e5e5 - 效果：叠加 - 不透明度45% - 距离1px 其余为0 全局光全为90度）。
内阴影(颜色:# e5e 5e 5-效果:叠加-不透明度45%-距离1px，静止为0，全局光均为90度)。

接下来是投影：
颜色：#4c4c4c 效果：叠加 不透明度：50% 距离：2px 大小：3px 扩展：0。
接下来是投影:
颜色:#4c4c4c效果:叠加不透明度:50%距离:2px尺寸:3px延伸:0。

3、这里画一个椭圆 （做高光用）。
3.在这里画一个椭圆(突出显示)。

4、蒙版羽化16.8px。
4.面具羽毛16.8px.

5、效果：叠加 不透明度35% 剪切蒙版 看一下效果。

6、椭圆并未显示，因为这个：5.效果:覆盖35%的不透明度，并剪切蒙版以查看效果。

6椭圆不会显示，因为:

我们把椭圆要剪切进去的圆角矩形（是被剪切的圆角矩形哦！） ，将内部效果混合成组勾上，将剪贴图层混合成组取消勾选。看一下效果：
我们把椭圆切割成圆角矩形(就是切割的圆角矩形！)，将内部效果混合成组，并取消选中剪切粘贴层作为组。看效果:

7、我们回到这步。
7.让我们回到这一步。

8.椭圆羽化调整后，右键点击光栅化图层。

9、然后点击圆角矩形，调出选区（调选区不用教了吧！ ctrl 鼠标左键 点击），然后ctrl shift I 反选再点击椭圆图层��˾��վ���按Delete，看下效果吧。
10、然后 ctrl d 取消选区，效果：叠加，不透明度：35%，效果如下。
9.然后点击圆角矩形调出选区(不教！Ctrl鼠标左键点击)，然后ctrl shift I反向选择，然后点击椭圆图层，按Delete即可看到效果。

11、再次画一个椭圆。
11.再画一个椭圆。

12、做法同上一个椭圆，自己回想一下蒙版羽化：3px - 栅格化 - 调选区 - 反选 - 删除 - 效果：叠加 - 不透明度15%。然后呢给这个椭圆加一个蒙版。

12.方法与前面的椭圆相同。回想一下蒙版羽毛:3px-栅格化-选择调整-反选择-删除-效果:叠加-不透明度15%。然后呢？给椭圆戴上面具。

13、还是画椭圆，这次是在下方哦。
13.仍然画一个椭圆，这次在底部。

14、蒙版羽化 18px左右，效果还是叠加，不透明度15%，效果如下。
14.蒙版羽化18px左右，效果还是叠加的，不透明度15%。效果如下。

加上文字，效果如下图。
添加文字，效果如下。

最终效果：

最终效果: