使用photoshop制作發(fā)光的電源按鈕
這個PS教程將會為大家介紹使用photoshop制作一個發(fā)光的電源按鈕。
1、運行Photoshop創(chuàng)建一個500*500px的新文檔,由于我們是制作一個圖標(biāo)按鈕,所以在形狀上一定要使用標(biāo)準(zhǔn)對稱的幾何圖案。選擇“編輯—首選項—參考線、網(wǎng)格和切片”,如圖所示。
2、打開首選項窗口后我們開始設(shè)置網(wǎng)格作為輔助。由于前面創(chuàng)建了500px的文檔,所以我們可以設(shè)置網(wǎng)格線間隔:100像素、子網(wǎng)格:4,如圖所示
3、完成設(shè)置后,按下Ctrl+'快捷鍵,就可打開網(wǎng)格了,如圖所示。
4、選擇“橢圓工具”,然后按著Shift+Alt,在圖片的中心處按下左鍵并拖動,得到一個黑色的圓形,如圖所示。
5、使用想同的方法,再創(chuàng)建一個白色的同心圓,如圖所示。
6、在屬性欄中選擇“排除重疊形狀”按鈕,如圖所示。
7、以前面步驟創(chuàng)建的圓心下面一格的位置作為圓心,再創(chuàng)建一個圓形,效果如圖所示。
8、右鍵單擊圖層面板中的“形狀2”圖層,選擇“刪格化圖層”,然后使用“矩形選框工具”選擇下方的弧形,并清除,如圖所示。
9、選擇“濾鏡—模糊—高斯模糊”,設(shè)置半徑為11像素,如圖所示。
10、設(shè)置形狀2的不透明度為30%左右,效果如圖所示。
11、單擊形狀1的圖層調(diào)色板,打開拾色器,設(shè)置顏色,然后添加“內(nèi)陰影”圖層樣式,如圖所示。
12、使用鋼筆工具,創(chuàng)建下圖所示的路徑。
13、單擊右鍵,選擇“建立選區(qū)”命令,設(shè)置羽化為0,選擇消除鋸齒,如圖所示。
14、在弧形圖層的上方新建一個圖層,并使用“漸變工具”在選區(qū)內(nèi)拉出白色到透明的漸變效果,如圖所示。
15、按著Ctrl鍵單擊形狀1的蒙板縮略圖載入圓形選區(qū),按下Ctrl+Shift+I反選,按下Delete清除圖層1中選區(qū)的內(nèi)容,如圖所示。
16、設(shè)置圖層1的不透明度為40%,如圖所示。
17、雙擊“形狀1”圖層,打開圖層樣式對話框,設(shè)置“投影”圖層樣式,如圖所示。
18、把電源素材復(fù)制到圖片中,你也可以使用自定形狀工具自己制作一個,如圖所示。
19、最后為電源素材圖層添加“外發(fā)光”、“內(nèi)發(fā)光”兩種層樣式,如圖所示。
加上背景素材,這個發(fā)光的電源按鈕就完成了,photoshop教程完畢。
標(biāo)簽(TAG) 按鈕圖標(biāo) 按鈕教程