使用Photoshop設(shè)計(jì)紫色漸變風(fēng)格的按鈕圖標(biāo)教程，主要部分都是用圖層樣式來完成的，感興趣的朋友一起來學(xué)習(xí)吧。下面由學(xué)習(xí)啦小編為大家整理的ps簡(jiǎn)單實(shí)例教程，希望大家喜歡!

　　ps簡(jiǎn)單實(shí)例教程

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

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

　　模式：正片疊加

　　顏色：#000000

　　不透明度：75%

　　角度：90°

　　距離：5

　　大小：250

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

　　內(nèi)陰影

　　模式：正片疊底

　　顏色：#000000

　　不透明度：76%

　　角度：90°

　　距離：5

　　大?。?2

　　投影

　　模式：線性減淡(添加)

　　顏色：#ffffff

　　不透明度：10%

　　角度：12°

　　距離：2

　　大小：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

　　大?。?5

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

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

　　模式：正片疊底

　　不透明度：22%

　　顏色：#000000

　　方法：柔和

　　大?。?6

　　外發(fā)光

　　模式：疊加

　　不透明度：56%

　　顏色：#ffffff

　　方法：柔和

　　大小：32

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

　　斜面浮雕

　　樣式：內(nèi)斜面

　　方法：平滑

　　深度：100%

　　方向：上

　　大小：10

　　角度：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

　　大?。?

　　投影

　　模式：線性減淡(添加)

　　顏色：#ffffff

　　不透明度：11%

　　角度：90°

　　距離：2

　　大?。?