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

來源:站酷 作者:三行樹 學習:7294人次

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

 

學習 · 提示

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習時,大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時隨地,想學就能學:ps_bbs,或掃右側二維碼!
  • 關注我們學更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評論 | 交作業(yè) -
最新評論
零零零1232019-04-05 08:57
受教。
丹丹燙燙2017-06-06 11:31
我的作業(yè):
丹丹燙燙2017-06-06 11:09
交作業(yè)我的作業(yè):
執(zhí)著2017-05-18 03:08
我自己做的,憑感覺
執(zhí)著2017-05-18 03:05
我自己做的,憑感覺
許超2017-04-07 11:33
許超2017-04-07 11:04
荊州才子2017-04-05 02:58
交作業(yè)
荊州才子2017-04-05 02:04
交作業(yè)
何夜秋來2016-10-26 07:36
你右下角缺了一塊
何夜秋來2016-10-26 07:10
感覺色彩處理的不夠好Realin 的原帖:你右下角缺了一塊
Realin2016-09-27 10:33
感覺色彩處理的不夠好
Realin2016-09-27 10:28
Realin2016-09-27 10:09
Realin2016-09-27 10:09
感覺色彩處理的不夠好

關注大神微博加入>>

網友求助,請回答!