最終效果：

主要過程：

新建文檔1200X1000像素，填充顏色#3d3d42，再添加雜色》添加雜色。

給這個(gè)調(diào)整層添加內(nèi)陰影。

模式：正片疊加

顏色：#000000

不透明度：75%

角度：90°

距離：5

大小：250

選擇橢圓工具，按住shift建畫一個(gè)黑色的正圓，圓的大小是600X600像素,將填充修改為25%，并添加圖層樣式。

內(nèi)陰影

模式：正片疊底

顏色：#000000

不透明度：76%

角度：90°

距離：5

大小：32

投影

模式：線性減淡（添加）

顏色：#ffffff

不透明度：10%

角度：12°

距離：2

大?。?

利用布爾運(yùn)算中的減去，你很容易的畫出下面這個(gè)黑色的圓環(huán)。

畫一個(gè)矩形，設(shè)置好角度后，應(yīng)用Ctrl+Alt+Shift+T，就是得到360°的直線，同時(shí)配合蒙版，將直線內(nèi)置圓圈里面。

下面，回到直線的下層，我們畫一個(gè)圓，添加圖層樣式。

內(nèi)發(fā)光

模式：正片疊底

不透明度：75%

顏色：#000000

方法：柔和

大?。?4

漸變疊加

模式：正常

不透明度：100%

漸變：這里你這個(gè)自己選定

樣式：角度

角度：73%

縮放：100%

投影

模式：正片疊底

顏色：#e509ce（這里根據(jù)你上面選擇的顏色進(jìn)行調(diào)整）

不透明度：75%

角度：90度

距離：33

大小：35

接下來，我們來畫那個(gè)內(nèi)圓，同樣的在直線圖層的下層，我畫了一個(gè)黑色的圓，將填充修改為25%，并添加了一個(gè)圖層樣式。

內(nèi)發(fā)光

模式：正片疊底

不透明度：22%

顏色：#000000

方法：柔和

大?。?6

外發(fā)光

模式：疊加

不透明度：56%

顏色：#ffffff

方法：柔和

大小：32

下面，我們來畫那個(gè)按紐，畫一個(gè)正圓，添加圖層樣式。

斜面浮雕

樣式：內(nèi)斜面

方法：平滑

深度：100%

方向：上

大?。?0

角度：90°

高度：30°

高光模式：濾色

顏色：#ffffff

不透明度：34%

陰影模式：正片疊底

顏色：#000000

不透明度：29%

漸變疊加

模式：正常

不透明度：100%

漸變：這里你可以自己調(diào)整

樣式：線性

角度：90°

縮放100%外發(fā)光

模式：正片疊加

不透明度：60%

顏色：#000000

方法：柔和

大?。?60

投影

模式：正片疊加

顏色：#000000

不透明度：59%

角度：90°

距離：5

大?。?0

最后，我這邊就添加一個(gè)UI，效果如下。

內(nèi)陰影

模式：正片疊底

顏色：#000000

不透明度：75%

角度：120°

距離：2

大小：2

投影

模式：線性減淡（添加）

顏色：#ffffff

不透明度：11%

角度：90°

距離：2

大?。?

是不是異常的簡單，大功告成！

教程結(jié)束，以上就是PS繪制超漂亮的漸變按鈕ui圖標(biāo)教程的全部內(nèi)容，希望大家喜歡！

相關(guān)教程推薦：

PS鼠繪唯美清爽簡約的漸變按鈕圖標(biāo)

Photoshop使用圖形漸變及圖層樣式制作精致大氣的綠色按鈕

PhotoShop設(shè)計(jì)繪制出反光漸變的藍(lán)色水晶玻璃球按鈕教程

最新評論