新建一個(gè)漸變圖層，角度設(shè)置為45度； #a1a5ae 到 #eef2f3 的線性漸變。

如圖：

為了讓背景更加豐富，我們可以使用濾鏡—雜色—添加雜色，然后濾鏡—風(fēng)格化—浮雕效果，讓背景更加豐富，同時(shí)將混合模式改為疊加，只保留質(zhì)感，顏色仍然使用漸變。這樣看起來細(xì)節(jié)就多了。

下一步我們開始制作主體：先畫一個(gè)400x400像素的圓角矩形（圓角的大小可以按照自己的感覺去把握）并添加圖層樣式

做好了以后投影有點(diǎn)虛？沒關(guān)系，我們可以復(fù)制一層這個(gè)圓角矩形，將下面圖層填充修改為0，關(guān)掉其他的圖層樣式只保留投影投影，這樣陰影的層次感就出來了。

因?yàn)槲覀儽尘笆亲龅?5度漸變，所以我們可以在拉一個(gè)長投影，從右上到左下的一個(gè)角度：直接Ctrl+左鍵點(diǎn)擊主體圖層調(diào)出選區(qū)新建一個(gè)黑色圖層，給圖層做一個(gè)動(dòng)感模糊，角度記得跟背景一樣，做好了以后降低一下不透明度，讓投影顯著不那么重，最后再加一個(gè)蒙版，把多余部分擦去即可。

下面，我們繼續(xù)繪制按鈕的第二層，這里需要注意一下，圓角一定要相同才顯得正常好看，所以我們直接使用最簡便的方法，Ctrl+J復(fù)制底層，右鍵清除圖層樣式，Ctrl+T調(diào)出選區(qū)，直接將其等比例縮小到自己覺得合適的大小，最后填充改為零就完成了。

然后我們?cè)賹?duì)中間層進(jìn)行圖層樣式的添加，最后如圖所示：

主體完成后我們進(jìn)行旋鈕的制作，使用橢圓工具在中心畫一個(gè)圓填充改為零，作為旋鈕主體，然后添加圖層樣式

跟底座一樣，復(fù)制一層，作為暗部投影，最后在做一個(gè)45度的長投影就可以了（記得將亮部的投影部分擦去）：

（投影參數(shù)）

效果如圖：

我們?cè)賹⒅虚g的圓復(fù)制一層，清除掉圖層樣式，Ctrl+T等比例縮小設(shè)置描邊，作為標(biāo)志的外圈，然后我們將標(biāo)志放入，一個(gè)旋鈕圖標(biāo)就完成了

最后，我們?cè)偌右恍┛潭妊b飾：