看到效果图，蛮以为一个小图标应该很容易就能搞定，没想到需要这么多步骤。细节，细节，还是细节！切记！OK，开始我们这次的教程。先上效果图：
图1
老规矩，看到效果图：分析!分析！再分析！我们将怎么完成这个图标的制作呢？经观察得：
一：背景制作（灰白色，加一条高光线）。这步应该比较简单。 二：图标的雏形（关键地方，颜色的搭配漂亮，因为给你第一感觉就是色彩。高光，浮雕，影子等细节的制作，看上去很立体就是这些因素造成的啦！） 三：邮件图标的添加（这个跟第二步类似） 四：文字的添加（关键点，文字排版，图层样式的设置。）
这都是我自己主观的分析。嘿嘿，仅供参考。我觉得最关键的就是：色彩的搭配了，图标影调的分布！
准备素材：字体下载
第一步：
新建一个文档200×200px。背景色：白。分辨率：72dpi。现在给按钮做辅助线，Ctrl+R显示辅助线，在尺寸区域里面按住鼠标左键，把拽辅助线拉下来。如下图：
图2
按快捷键：Ctrl+Alt+C，打开调整画布大小的窗口。设置如下（画布扩大区域颜色的选则，窗口最下面的那个选项）：
图3
下面是效果图：
图4
第二步：制作背景
作者使用的是灰白色的渐变：#f2f2f2—#c5c5c5。
图5
注意这步小技巧：作者在背景上新建一层空白图层，命名为“backlight”，使用小笔刷在背景中间和顶部分别画一个小光圈。
图6
调整这层大小如下图，OK,我们的背景搞定！
图7
第三步：
新建一层，按U，选择圆角矩形工具，羽化值：10。如下图画，重命名为“button bg”。
图8
关键部分：图层样式的设置
投影：
图9
渐变叠加：
图10
描边：
图11
现在得到的效果：
图12
