UI教程,頹廢機(jī)械風(fēng)格UI圖標(biāo)教程(2)
02 使用筆刷,顏色#8c8c8c,不透明度30%;
03采用素材圖片 紋理.png,混合模式:變暗,不透明度30%;
這一步可自由發(fā)揮,自己覺得金屬圖片哪塊可以作為紋理即用就可,參數(shù)也可自己調(diào)試疊加,以實(shí)際效果為主;
Step05:制作金屬破損處,選擇【鋼筆工具】(快捷鍵P,可按Shift+P切換),繪制幾個(gè)不規(guī)則多邊形,形狀自由發(fā)揮自定,配置金屬紋理背景,顏色深點(diǎn)即可,此處舉例:填充顏色#777777,設(shè)置圖層樣式:
【內(nèi)陰影】:正片疊底,填充顏色#464646,角度90°,距離1px,阻塞0,大小1px;
再復(fù)制圖層載入選區(qū),填充顏色為#FFFFFF,向上移動(dòng)一像素,反向選區(qū)(快捷鍵Shift+Ctrl+I),再點(diǎn)擊【圖層】窗口的【添加圖層蒙版】。其他破損處也是使用這種操作方法;
Step06:復(fù)制圖層di重命名為nei_di,點(diǎn)擊【編輯】—【自由變換路徑】(快捷鍵Ctrl+T),縮小90%(記得點(diǎn)擊【保持長(zhǎng)寬比】),右鍵清除圖層樣式,選擇【混合選項(xiàng)】設(shè)置:
【漸變疊加】:線性漸變,色值從上到下為 #4b4b4b — #98988d,角度為90°;
【投影】:正片疊底,顏色#202020,角度90°,距離5px,擴(kuò)展0,大小8px;
Step07:繪制備份圖標(biāo),選擇【橢圓工具】(快捷鍵U,可按Shift+U切換),在畫布上按住Shift鍵畫一個(gè)正圓,再選擇【橢圓工具】,并選擇路徑【減去頂層形狀】,畫一個(gè)圓環(huán),選擇【鋼筆工具】(快捷鍵P,可按Shift+P切換),并選擇路徑【合并形狀】,在圓環(huán)右邊處畫一個(gè)三角形,最后再選【鋼筆工具】,并選擇路徑【減去頂層形狀】,畫一個(gè)缺口,完成備份圖標(biāo),重命名為backup,填充顏色#202020,設(shè)置圖層樣式:
【描邊】:大小3px,外部,線性漸變,色值從上到下為 #787878 — #484848,角度為90°;
【內(nèi)陰影】:正片疊底,顏色#474747,角度90°,距離3px,阻塞0,大小3px;
再復(fù)制圖層backup重命名為backup_bian,載入選區(qū),向上移動(dòng)一像素,反向選區(qū)(快捷鍵Shift+Ctrl+I),再點(diǎn)擊【圖層】窗口的【添加圖層蒙版】,設(shè)置圖層樣式:
【漸變疊加】:線性漸變,色值從上到下為 #282828 — #aeaeae,角度為90°;
學(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)