最終效果：
1、打開Photoshop，Ctrl+N新建一個文檔，文檔尺寸可自定義。
2、按住Alt鍵雙擊背景圖層，使其轉(zhuǎn)換為普通圖層。然后再次雙擊，打開圖層樣式面板，為其添加顏色疊加樣式，顏色為#262523。
3、新建一層，用白色大號柔邊畫筆在畫布中心點擊出白色亮光。
4、Ctrl+T將其拉寬壓扁，如下圖所示。
5、將圖層不透明度調(diào)整為10-30%，這里可以根據(jù)自己的感覺來調(diào)整。
6、接下來我們創(chuàng)建icon主體。利用圓角矩形工具在畫布中心點擊，在彈出的對話框中設(shè)置數(shù)值如下。
7、在圓角矩形上方隨意繪制一個比其尺寸大一些的形狀，因為我們后面會將其轉(zhuǎn)換為剪貼蒙版，因此形狀可隨意繪制。
8、為創(chuàng)建的形狀添加角度漸變。
9、然后按住Alt鍵在角度漸變與圓角矩形中間點擊鼠標(biāo)左鍵，將其轉(zhuǎn)換為剪貼蒙版。然后在圖層名稱上點擊右鍵，將其轉(zhuǎn)換為智能對象。
10、利用馬賽克濾鏡（濾鏡>像素化>馬賽克）對其進行分塊處理。
11、將執(zhí)行了馬賽克濾鏡的圖層Ctrl+J復(fù)制一層，同樣轉(zhuǎn)換為剪貼蒙版。然后點擊濾鏡>風(fēng)格化>照亮邊緣。
12、將其圖層混合模式設(shè)置為線性減淡（添加），圖層不透明度設(shè)置為30%。此時每個格子間都被細(xì)線分割開了。
13、將上一步創(chuàng)建的圖層Ctrl+J再次進行復(fù)制。將圖層混合模式設(shè)置為減去，圖層不透明度設(shè)置為20%。
選擇移動工具，利用鍵盤上的方向鍵將其位置向下方與右方分別移動1像素。這樣格子的間隔部分便形成了凹槽的效果。
14、利用橢圓工具在icon中心繪制出一個正圓形。
15、然后為其添加圖層樣式。
16、利用橢圓工具在icon中心再次創(chuàng)建一個較小的正圓形。
17、為其添加圖層樣式。
18、下面我們來添加文字。
19、然后為文字添加圖層樣式。
20、把第4步創(chuàng)建的圓角矩形圖層按住Alt鍵向上拖動復(fù)制一份，把填充調(diào)為0，這樣我們就可以不受這個圖層本身顏色的控制了，而可以對圖層樣式進行調(diào)整。
21、給它添加圖層樣式。
22、雙擊圖層，打開圖層樣式面板。在混合選項中，將“圖層蒙版隱藏效果”勾選上。
23、然后為圖層添加蒙版，用黑色畫筆將細(xì)節(jié)擦出來。
最后添加上倒影，完成最終效果。
PS教程難易程度分類閱讀：
Photoshop初級教程 |
Photoshop提高教程 
