UI教程,設(shè)計(jì)玉鐲主題UI圖標(biāo)
來源:站酷
作者:三行樹
學(xué)習(xí):7294人次
教大家制作一個(gè)玉鐲主題圖標(biāo),圖標(biāo)制作不難,主要學(xué)習(xí)玉鐲的制作。先看看效果:
第一步、繪制圖標(biāo)底座形狀,這里給的是300*300,圓角度數(shù)為20。
第二步、給底座填充一個(gè)從深色到淺色漸變,頂部添加亮色內(nèi)陰影,底部添加投影。
第三步、添加一個(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ào)整得出一塊以下效果,同時(shí)使用涂抹工具涂抹出玉鐲范圍內(nèi)的云彩效果。
第八步、將云彩效果剪切蒙版到圓環(huán)內(nèi),同時(shí)調(diào)整色相飽和度即可。
- 相關(guān)教程
- TA的教程
- 收藏
- 返回
- ps網(wǎng)頁(yè)設(shè)計(jì)
- UI教程
- 三行樹
- 玉鐲
- 玉鐲圖標(biāo)
學(xué)習(xí) · 提示
- 發(fā)評(píng)論 | 交作業(yè) -
最新評(píng)論
零零零1232019-04-05 08:57
受教!
回復(fù)
許超2017-04-07 11:33
許超2017-04-07 11:04
Realin2016-09-27 10:28
Realin2016-09-27 10:09
相關(guān)教程
- UI圖標(biāo)教程,用PS繪制一個(gè)獨(dú)特的漸變風(fēng)格播放器圖標(biāo)
- UI圖標(biāo)教程,用PS制作一個(gè)音樂圖標(biāo)
- 圖標(biāo)設(shè)計(jì),用PS繪制索尼PSP圖標(biāo)
- UI圖標(biāo)教程,在PS中繪制一枚炫酷的鐘表圖標(biāo)
- UI圖標(biāo)教程,用ps制作浪漫的冰晶圖標(biāo)
- 圖標(biāo)制作,用PS繪制一款簡(jiǎn)約風(fēng)格的解密游戲圖標(biāo)
- 插畫制作,用PS繪制簡(jiǎn)約沙漏插畫效果圖片
- 圖案設(shè)計(jì),用PS快速制作一個(gè)心形圖案
- 手機(jī)圖標(biāo),用PS繪制華為手機(jī)圖標(biāo)
- 相機(jī)圖標(biāo),用UI制作簡(jiǎn)單的彩虹相機(jī)圖標(biāo)
推薦教程
- UI知識(shí),設(shè)計(jì)師必須知道的優(yōu)秀UI設(shè)計(jì)原則
- UI視頻, 設(shè)計(jì)中得美術(shù)基礎(chǔ)
- ps設(shè)計(jì)盒子圖標(biāo)
- PS繪制磚塊ICO圖標(biāo)
- ps設(shè)計(jì)折紙效果風(fēng)格的短信軟件圖標(biāo)
- ps日歷圖標(biāo)
- UI教程:設(shè)計(jì)電池icon
- 相機(jī)UI圖標(biāo)設(shè)計(jì)教程
- 地圖圖標(biāo),設(shè)計(jì)簡(jiǎn)潔的地圖主題UI圖標(biāo)教程
- UI知識(shí),做UI的工作方式與流程
關(guān)注大神微博加入>>
網(wǎng)友求助,請(qǐng)回答!