1.打開PS，新建一個(gè)900*600px的尺寸（任意），復(fù)制一層，新建一個(gè)漸變調(diào)整層，做一個(gè)45度的從#a1a5ae到#eef2f3的線性漸變。

2.光是漸變背景，感覺差了點(diǎn)什么，添加點(diǎn)質(zhì)感吧。復(fù)制一層漸變圖層，轉(zhuǎn)智能對象，添加一個(gè)雜色。

3.執(zhí)行“濾鏡—風(fēng)格化—浮雕效果”，添加一個(gè)浮雕效果。

4.將這個(gè)圖層的圖層混合模式更改為“疊加”，我們的背景就完成了。

5.畫一個(gè)圓角矩形，圓角半徑10，并添加圖層樣式。

斜面浮雕

內(nèi)陰影

漸變疊加 （顏色：#d3d3d4-#ffffff）

投影

6.復(fù)制一層這個(gè)圓角矩形，移到下層，清除圖層樣式，將圖層填充修改為0，添加一個(gè)投影圖層樣式，我們來增加陰影的層次感。

7.接下來，我們來做那個(gè)中框，新建一個(gè)合適的圓角矩形，將圖層的填充修改為0，添加圖層樣式。這里需要注意的是圓角矩形的圓度需要對齊一下，不然看上去很難看。

描邊 （顏色：#ececec）

內(nèi)陰影

外發(fā)光

投影

8.用橢圓工具畫出中間凹陷的的主體來，添加圖層樣式。

（將圖層的填充修改為0）

內(nèi)陰影

投影

注解：在這里面如何做出像云朵一樣的圖形，畫三個(gè)圓，排列好后進(jìn)行合并圖層就可以得到云朵形狀。制作中間的三個(gè)圓，這三個(gè)圓的的圖層樣式是一樣的，只是圓的大小不一樣。排列好，進(jìn)行圖層樣式。

內(nèi)陰影

漸變疊加 （顏色和之前一樣即可）

投影 （顏色：#6d7777）

最后把圖標(biāo)放上去，給這幾個(gè)圖標(biāo)添加圖層樣式。

顏色疊加 （顏色：#cccccc）

內(nèi)陰影

投影

在這個(gè)過程中你可以變化一下數(shù)值，就可以得到了不一樣的圖標(biāo)，記住，教程是死的，人是活的，只有不斷的練習(xí)和嘗試，這樣會達(dá)到意想不到的效果。

最終效果：

www.16xx8.com