UI教程，設(shè)計(jì)玉鐲主題UI圖標(biāo)

教大家制作一個(gè)玉鐲主題圖標(biāo)，圖標(biāo)制作不難，主要學(xué)習(xí)玉鐲的制作。先看看效果：

<點(diǎn)圖片看大圖>m.theoat.com.cn

第一步、繪制圖標(biāo)底座形狀，這里給的是300*300，圓角度數(shù)為20。

第二步、給底座填充一個(gè)從深色到淺色漸變，頂部添加亮色內(nèi)陰影，底部添加投影。

<點(diǎn)圖片看大圖>

第三步、添加一個(gè)240PX的圓，并給上暗內(nèi)陰影，下亮投影。同時(shí)添加一個(gè)比矩形略深的漸變疊加，打造凹槽效果。

第四步、在凹槽內(nèi)添加一個(gè)直徑200px，寬度30px的圓環(huán)，顏色給高亮綠色，這里給了#adfcd6，做玉鐲的基本形狀。

第五步、圓環(huán)內(nèi)部給一個(gè)向下的深色內(nèi)陰影下部給深色投影，打造立體效果。

第六步、圓環(huán)給一個(gè)斜面和浮雕的圖層樣式，參數(shù)設(shè)置如下。

<點(diǎn)圖片看大圖>

第七步、濾鏡~渲染~云彩，調(diào)整得出一塊以下效果，同時(shí)使用涂抹工具涂抹出玉鐲范圍內(nèi)的云彩效果。

第八步、將云彩效果剪切蒙版到圓環(huán)內(nèi)，同時(shí)調(diào)整色相飽和度即可。