UI教程,頹廢機(jī)械風(fēng)格UI圖標(biāo)教程(3)
Step08:繪制螺絲孔:選擇【橢圓工具】,在畫布上按住Shift鍵畫一個(gè)小正圓,大小自定適合即可,設(shè)置圖層樣式:
【描邊】:大小2px,外部,線性漸變,色值從上到下為 #929292 — #3b3b3b,角度為90°;
【漸變疊加】:線性漸變,色值從上到下為 #353535 — #0c0c0c,角度為90°;
復(fù)制圖層(快捷鍵Ctrl+J或者選擇【移動(dòng)工具】按住alt鍵拖動(dòng)),復(fù)制四個(gè)小圓分別放在四個(gè)角;
繪制插槽:選擇【矩形工具】(快捷鍵U,可按Shift+U切換),畫一個(gè)長(zhǎng)方形,大小自定適合即可,設(shè)置圖層樣式:
【描邊】:大小1px,內(nèi)部,顏色#606060;
【內(nèi)陰影】:正片疊底,顏色#2c1d02,角度90°,距離1px,阻塞0,大小5px;
【漸變疊加】:線性漸變,色值從上到下為 #e5c511 — #644200,角度為90°;
最后復(fù)制六個(gè)圖層,并排放在底部且居中排列;
Step09:制作內(nèi)部框殘舊金屬紋理部分,一樣是采用素材圖片嵌入和筆刷繪制;
金屬紋理主要是不斷通過設(shè)置圖層的混合模式和不透明度的參數(shù)值疊加調(diào)試而成的,本教程調(diào)試后的參數(shù)如下:
01采用素材圖片 Rust_4.JPG,混合模式:強(qiáng)光,不透明度15%;
02 使用筆刷,顏色# 181818,混合模式:疊加,不透明度40%;
03使用筆刷,顏色# 3f311d,混合模式:疊加,不透明度50%;
這一步可自由發(fā)揮,自己覺得金屬圖片哪塊可以作為紋理即用就可,參數(shù)也可自己調(diào)試疊加,以實(shí)際效果為主,完成圖標(biāo)繪制;
END:根據(jù)自己喜愛跟感覺調(diào)試破舊金屬紋理,完成其他圖標(biāo)。
學(xué)習(xí) · 提示
相關(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è)計(jì)電池icon
- ps設(shè)計(jì)盒子圖標(biāo)
- UI知識(shí),設(shè)計(jì)師必須知道的優(yōu)秀UI設(shè)計(jì)原則
- ps設(shè)計(jì)折紙效果風(fēng)格的短信軟件圖標(biāo)
- 地圖圖標(biāo),設(shè)計(jì)簡(jiǎn)潔的地圖主題UI圖標(biāo)教程
- 相機(jī)UI圖標(biāo)設(shè)計(jì)教程
- UI知識(shí),做UI的工作方式與流程
- UI視頻, 設(shè)計(jì)中得美術(shù)基礎(chǔ)
- ps日歷圖標(biāo)
- PS繪制磚塊ICO圖標(biāo)