使用photoshop制作發(fā)光的電源按鈕

這個(gè)PS教程將會(huì)為大家介紹使用photoshop制作一個(gè)發(fā)光的電源按鈕。

1、運(yùn)行Photoshop創(chuàng)建一個(gè)500*500px的新文檔,由于我們是制作一個(gè)圖標(biāo)按鈕,所以在形狀上一定要使用標(biāo)準(zhǔn)對(duì)稱的幾何圖案。選擇“編輯—首選項(xiàng)—參考線、網(wǎng)格和切片”,如圖所示。

2、打開(kāi)首選項(xiàng)窗口后我們開(kāi)始設(shè)置網(wǎng)格作為輔助。由于前面創(chuàng)建了500px的文檔,所以我們可以設(shè)置網(wǎng)格線間隔:100像素、子網(wǎng)格:4,如圖所示

3、完成設(shè)置后,按下Ctrl+'快捷鍵,就可打開(kāi)網(wǎng)格了,如圖所示。

4、選擇“橢圓工具”,然后按著Shift+Alt,在圖片的中心處按下左鍵并拖動(dòng),得到一個(gè)黑色的圓形,如圖所示。

5、使用想同的方法,再創(chuàng)建一個(gè)白色的同心圓,如圖所示。

6、在屬性欄中選擇“排除重疊形狀”按鈕,如圖所示。

7、以前面步驟創(chuàng)建的圓心下面一格的位置作為圓心,再創(chuàng)建一個(gè)圓形,效果如圖所示。

8、右鍵單擊圖層面板中的“形狀2”圖層,選擇“刪格化圖層”,然后使用“矩形選框工具”選擇下方的弧形,并清除,如圖所示。

9、選擇“濾鏡—模糊—高斯模糊”,設(shè)置半徑為11像素,如圖所示。

10、設(shè)置形狀2的不透明度為30%左右,效果如圖所示。

11、單擊形狀1的圖層調(diào)色板,打開(kāi)拾色器,設(shè)置顏色,然后添加“內(nèi)陰影”圖層樣式,如圖所示。


12、使用鋼筆工具,創(chuàng)建下圖所示的路徑。

13、單擊右鍵,選擇“建立選區(qū)”命令,設(shè)置羽化為0,選擇消除鋸齒,如圖所示。

14、在弧形圖層的上方新建一個(gè)圖層,并使用“漸變工具”在選區(qū)內(nèi)拉出白色到透明的漸變效果,如圖所示。

15、按著Ctrl鍵單擊形狀1的蒙板縮略圖載入圓形選區(qū),按下Ctrl+Shift+I反選,按下Delete清除圖層1中選區(qū)的內(nèi)容,如圖所示。

16、設(shè)置圖層1的不透明度為40%,如圖所示。

17、雙擊“形狀1”圖層,打開(kāi)圖層樣式對(duì)話框,設(shè)置“投影”圖層樣式,如圖所示。

18、把電源素材復(fù)制到圖片中,你也可以使用自定形狀工具自己制作一個(gè),如圖所示。

19、最后為電源素材圖層添加“外發(fā)光”、“內(nèi)發(fā)光”兩種層樣式,如圖所示。



加上背景素材,這個(gè)發(fā)光的電源按鈕就完成了,photoshop教程完畢。

標(biāo)簽(TAG) 按鈕圖標(biāo) 按鈕教程