圖標(biāo)制作，用PS制作個性的的網(wǎng)頁圖標(biāo)(4)

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

效果圖：

學(xué)習(xí)PS請到m.theoat.com.cn

操作步驟：

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

2、雙擊圖層，打開圖層樣式對話框，在左側(cè)列表添加投影和外發(fā)光選項(xiàng)這兩種效果：

3、選擇內(nèi)發(fā)光、斜面和浮雕、紋理效果，在對話框中設(shè)置參數(shù)，制作帶有紋理的立體效果：

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

5、雙擊圖層2，打開圖層樣式對話框，添加內(nèi)發(fā)光和投影效果：

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

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

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

9、打開圖標(biāo)素材：

10、按下快捷鍵http://m.theoat.com.cn/photoshop/jiaocheng/110097.htmlCtrl+Shift+[將它置為底層，再依次把圖標(biāo)拖入文檔中：

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

12、雙擊圖層8，添加描邊、內(nèi)陰影和外發(fā)光效果：

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

完成：

學(xué)習(xí)PS請到m.theoat.com.cn