本篇教程主要教同學們制作好看的網頁圖標，也可以通過教程來制作類似的手機圖標，主要我們通過圖層樣式給圖形添加一些效果，比如說陰影、發光等效果。圖標的制作大體都是在圖層樣式中來完成的，本篇教程用到的圖層樣式是需要掌握的工具，同學們可以多了解一下其中的設置，這對我們在制作文字或者說是一些需要添加效果的時候有很關鍵的作用，一起來學習一下吧。

效果圖：

學習PS請到www.16xx8.com

操作步驟：

1、首先我們打開背景素材，將前景色設置為淺綠色#b1de20，背景色設置為深綠色#2a8a14，使用用橢圓選框工具，按住Shift鍵創建一個圓形選區，然后新建圖層，選擇漸變工具，填充漸變：

2、雙擊圖層，打開圖層樣式對話框，在左側列表添加投影和外發光選項這兩種效果：

3、選擇內發光、斜面和浮雕、紋理效果，在對話框中設置參數，制作帶有紋理的立體效果：

4、新建圖層，使用橢圓選框工具繪制一個圓形選區，填充深綠色#006837，執行選擇，變換命令，在選區周圍顯示定界框，按住Shift+Alt鍵拖拽定界框的一角，將選區成比例縮小，按下回車鍵確認操作，按下Delete刪除選區內的圖像，形成一個環形，再按下Ctrl+D取消選擇：

5、雙擊圖層2，打開圖層樣式對話框，添加內發光和投影效果：

6、選擇橢圓形狀工具，在屬性欄中選擇路徑選項，按住Shift鍵創建一個比圓環稍小點的圓形路徑，新建圖層，選擇畫筆工具，在畫筆下拉菜單中選擇方頭畫筆，設置畫筆的大小、圓度和間距，設置形狀動態大小抖動為70%，控制方向：

7、將前景色設置為淺黃色#cce198，單擊路徑面板底部的“用畫筆描邊路徑”按鈕，形成一個虛線效果，在路徑面板空白處單擊，隱藏路徑：

8、雙擊圖層3，添加斜面浮雕和投影效果：

9、打開圖標素材：

10、按下快捷鍵Ctrl+Shift+[將它置為底層，再依次把圖標拖入文檔中：

11、選擇自定義形狀工具，在形狀下拉面板菜單中選擇Web，加載網頁形狀庫，新建圖層，繪制圖形：

12、雙擊圖層8，添加描邊、內陰影和外發光效果：

13、用相同的參數方法，變換一下填充的顏色，可以制作出更多的圖標效果：

完成：

學習PS請到www.16xx8.com