比如說，同樣一個5畫素的描邊的圖層樣式，在10畫素的圓和100畫素的圓下，其表現效果肯定是不一樣的。

所以，四個字：活學活用。

首先，我們看看原圖，一個400X300的小圖。

新建一個1000X800的文件，新增一個漸變調整層，做一個#b4b097到#4e473a的90度的徑向漸變，設定縮放為150%，勾選仿色，防止出現色塊。

我想大家一定很好奇，我的截圖徑向漸變中的淺色為何不居中，而是位於中部居上，看我們的GIF演示。

在漸變填充的狀態下，我們把滑鼠指標放置到螢幕上，出現那個移動工具的圖示時，我們拖動，漸變的位置也跟著動，這一個操作方法，在圖層樣式中一樣可用。

使用圓角矩形工具畫一個600X600畫素的圓角矩形，設定圓角為140畫素，設定水平居中，垂直居中。

我將這個圓角矩形命名為“主體”，併為其添加了一個圖層樣式。

複製一層“主體”圖層，更改圖層名為“投影”，將“投影”圖層置於“主體”圖層下層，將圖層填充設定為0，再新增一個圖層樣式，我們來增強一下投影效果。

原圖畫的是一個類似橢圓的形狀，我這裡偷懶一下，還是畫的圓角矩形，大小為500X360畫素，圓角半徑為130畫素，新增一個圖層樣式。

下面，我們建立螢幕，設定前景色為#b4b097，使用圓角矩形工具，畫一個大小為420X280畫素，圓角半徑為100畫素的圓角矩形。

為這個“螢幕”圖層新增一個圖層樣式。

複製一層“螢幕”圖層，轉智慧物件，新增一個雜色，並將圖層混合模式更改為“柔光”。

用兩個螢幕的那個圓角矩形相減，得到我們需要的螢幕下部的高光形狀，將這個形狀的顏色設定為#eaead2，在屬性面板中設定一個1畫素的羽化，並將圖層混合模式更改為“柔光”，不透明度34%。

設定前景色為#eaead2，用螢幕的那個圓角矩形和一個橢圓相交，得到我們需要的螢幕頂部的高光形狀，同樣的將圖層混合模式更改為“柔光”，不透明度34%，並新增一個圖層蒙版，適當的擦拭左右兩側。

下面，我們來製作按紐，設定前景色為#b4b097，畫一個正圓，並新增一個圖層樣式。

設定前景色為#d9d0ca，畫一個小一點的圓，並新增一個圖層樣式。

複製一層“按紐”圖層，更改圖層名為“投影”，將圖層填充設定為0，再新增一個圖層樣式，我們來增強下投影效果。

選擇住按紐的這三個圖層，CTRL+G，建立圖層組，命名為“按紐1”，複製圖層組，得到四個按紐，最右側的一個按紐，我將顏色更改了，這裡不再給引數了，如果你不懂得如何改，那麼你看教程就是隻是單純的看，並沒有真正的理解。真不會的話，下載我們的PSD看看。

最後我添加了我們P大點S的LOGO和圖示，設定了一個內陰影和投影，這個圖層樣式太經常用到了，我們的教程裡太經常看到了，這裡就不說了。

我們的最終效果：