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è)長方形，大小自定適合即可，設(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)。