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

作者:佚名　  出處:網(wǎng)

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

　　16、設置圖層1的不透明度為40%，如圖所示。

　　17、雙擊“形狀1”圖層，打開圖層樣式對話框，設置“投影”圖層樣式，如圖所示。

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

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

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