UI教程,設計玉鐲主題UI圖標

2022-12-26 11:10:45 來源/作者: / 己有:11人學習過

教大家制作一個玉鐲主題圖標,圖標制作不難,主要學習玉鐲的制作。先看看效果:

UI教程,設計玉鐲主題UI圖標
<點圖片看大圖>

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

UI教程,設計玉鐲主題UI圖標

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

UI教程,設計玉鐲主題UI圖標

UI教程,設計玉鐲主題UI圖標
<點圖片看大圖>

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

UI教程,設計玉鐲主題UI圖標

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

UI教程,設計玉鐲主題UI圖標

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

UI教程,設計玉鐲主題UI圖標

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

UI教程,設計玉鐲主題UI圖標

UI教程,設計玉鐲主題UI圖標
<點圖片看大圖>

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

UI教程,設計玉鐲主題UI圖標

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

UI教程,設計玉鐲主題UI圖標