最终完成效果

图1 Photoshop图层面板

    可以看到，除了背景层就三个层~~ 最上面是文字层，然后是中央那个灰色按钮，再下面是那个白色的框框，其中灰色按钮和白色框框的，图层效果基本是一样的。只不过一大一小，颜色一白一黑罢了
。

    具体的明暗啊，深浅的，大家都可以自己调整看看。这里用了内阴影，内发光，外发光，渐变叠加（白-黑-白）和描边。尤其注意内阴影的应用比较特殊。这里它用作了高光，下图2是详细设置。

图2 Photoshop样式设置

    此外需要注意的就是按钮矢量边框的位置，如果不合适，可能导致模糊，选中节点上下（or左右）移动，到清晰为止，如图3。

图3 Photoshop调整矢量边框