最终效果：
PSD源文件 微盘下载
新建一个1000*1000，72分辨率的新画布。
新建一层，填充34%的灰色。
在当前这个层上右键选择“转换为智能对象”，你也可以在“图层”菜单里选择这个命令。
添加杂色。
再高斯模糊一点。
手把手教你制作精致立体的旋钮图标2现在看上去跟原图的背景差不多了。这里我插一句，之所以我把这个背景层转成智能对象后再添加滤镜的好处是，万一你觉得哪里不合适的话可以很方便的修改，比如你认为杂色不够的话可以直接双击图层下面的杂色栏修改数值，不需要重新来过~
布置两条居中的参考线，以参考线的交叉点为中心画一个直径为723像素的椭圆形状。
在圆形的下面用“合并形状”模式添加一个小圆形。
把填充透明度调至0，双击这个层进入图层样式，添加纯黑白的渐变。有同学做出来不是这个效果，可以试试取消勾选反向
继续添加内阴影。
手把手教你制作精致立体的旋钮图标3外发光。我添加一些杂色，这样外发光能很柔和的融入到同样带有杂色的背景里，不会太突然。
最后给这个层添加白色的“投影”，数值非常的小，模拟这个凹陷的圆形边缘厚度
重新画一个直径为468像素的圆形。
从“椭圆1”层里选中小的圆形路径，直接CTRL+C复制小圆形。
粘贴到“椭圆2”，把路径操作模式改为“减去”。有同学反映复制过去后交叉部分是黑色的，这是因为在步骤上出了一点问题，粘贴小圆形之前先要激活路径，就是按A点击大圆形。
同样把填充透明度调为0，在图层样式里添加黑白渐变。为了这个渐变能更好的模仿原图，你可以左键移动渐变的黑白分布。