當(dāng)前位置：首頁>ps實例教程>ps網(wǎng)頁設(shè)計>按鈕圖標(biāo)>教程內(nèi)容

photoshop網(wǎng)頁設(shè)計: 圓形水晶按鈕

來源： 作者： 學(xué)習(xí)：665人次
最終效果

1、新建一 個600 * 600像素的文件，背景填充顏色：#056338，新建一個圖層在畫布的中心位置用橢圓選框工 具繪制一個正圓，填充顏色：#FAE4B3，效果如圖1。

圖1 2、以 正圓的中心為參考點拉出兩條垂直的參考線，用參考線中點為圓心，用橢圓選框工具按住Alt + Shift畫出圖2所示的選區(qū)，按Delete刪除，得到一個圓環(huán)。

圖2
3 、雙擊圖層調(diào)出圓環(huán)的圖層樣式，參數(shù)設(shè)置如圖3-5，效果如圖6。

圖3

圖4

圖5






圖6 4、在圓環(huán)的下面新建一個圖層，用橢圓選框工具畫出 圖7所示的選區(qū)，然后選擇漸變工具顏色設(shè)置如圖8，拉出圖9所示的漸變。

圖7

圖8

圖9 5、新建一個圖層，用橢圓選框工具拉一個比圓環(huán)稍小的正圓， 如圖10，然后選擇漸變工具，顏色設(shè)置如圖11，繪制圖12所示的徑向漸變。

圖7

圖8



圖9

學(xué)習(xí) · 提示

  • 一定要打開PS，跟著教程做一遍，做完的圖到這交作業(yè)：提交作業(yè)
  • 建議練習(xí)時，大家自己找素材，盡量不要用教程提供的素材。
  • 教程有看不懂的地方，可以到論壇發(fā)帖提問：新手求助
  • 加官方微信，隨時隨地，想學(xué)就能學(xué)：ps_bbs，或掃右側(cè)二維碼！
  • 關(guān)注我們學(xué)更多，每天都有新教程：新浪微博 抖音視頻 微信小程序
- 發(fā)評論 | 交作業(yè) -
最新評論
夏天的風(fēng)。2008-08-01 11:02
把濾鏡后的高光圖層模式改為變亮不明白<陰險>6
秋楓落雪2008-07-28 07:47
好美，一定要學(xué)會~~~~~
1073c2008-07-28 02:34
<怒>
紫色星空2008-07-23 07:37
漂亮學(xué)習(xí)了...............

關(guān)注大神微博加入>>

網(wǎng)友求助，請回答！