UI教程，設(shè)計玉鐲主題UI圖標

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

<點圖片看大圖>tgudhdp.cn

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

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

<點圖片看大圖>

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

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

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

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

<點圖片看大圖>

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

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