圖1

　　老規(guī)矩，看到效果圖：分析!分析！再分析！我們將怎么完成這個(gè)圖標(biāo)的制作呢？經(jīng)觀察得：

　　一：背景制作（灰白色，加一條高光線）。這步應(yīng)該比較簡單。
　　二：圖標(biāo)的雛形（關(guān)鍵地方，顏色的搭配漂亮，因?yàn)榻o你第一感覺就是色彩。高光，浮雕，影子等細(xì)節(jié)的制作，看上去很立體就是這些因素造成的啦！）
　　三：郵件圖標(biāo)的添加（這個(gè)跟第二步類似）
　　四：文字的添加（關(guān)鍵點(diǎn)，文字排版，圖層樣式的設(shè)置。）

　　這都是我自己主觀的分析。嘿嘿，僅供參考。我覺得最關(guān)鍵的就是：色彩的搭配了，圖標(biāo)影調(diào)的分布！

　　準(zhǔn)備素材：字體下載

　　第一步：

　　新建一個(gè)文檔200×200px。背景色：白。分辨率：72dpi。現(xiàn)在給按鈕做輔助線，Ctrl+R顯示輔助線，在尺寸區(qū)域里面按住鼠標(biāo)左鍵，把拽輔助線拉下來。如下圖：

圖2

　　按快捷鍵：Ctrl+Alt+C，打開調(diào)整畫布大小的窗口。設(shè)置如下（畫布擴(kuò)大區(qū)域顏色的選則，窗口最下面的那個(gè)選項(xiàng)）：

圖3

　　下面是效果圖：

圖4

　　第二步：制作背景

　　作者使用的是灰白色的漸變：#f2f2f2—#c5c5c5。

圖5

　　注意這步小技巧：作者在背景上新建一層空白圖層，命名為“backlight”，使用小筆刷在背景中間和頂部分別畫一個(gè)小光圈。

圖6

　　調(diào)整這層大小如下圖，OK,我們的背景搞定！

圖7

　　第三步：

　　新建一層，按U，選擇圓角矩形工具，羽化值：10。如下圖畫，重命名為“button bg”。

圖8