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

最終效果

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

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

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

圖3

圖4

圖5






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

圖7

圖8

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

圖7

圖8



圖9