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

2024-01-18 17:28:27 來源/作者: / 己有:0人學習過


作者:佚名   出處:網(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的圖層調色板,打開拾色器,設置顏色,然后添加“內陰影”圖層樣式,如圖所示。

 

 


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

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

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

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

 


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

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

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

 


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

 

 

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