UI教程，頹廢機械風格UI圖標教程

繼續(xù)帶來一大波圖標制作教程，這次帶來的風格是頹廢機械風格跟不規(guī)則形狀風格，本教程依舊提供源文件psd下載，網(wǎng)盤鏈接下載：http://vdisk.weibo.com/s/cQKtf42BUtif ，希望大家多多支持！另外歡迎上傳交作業(yè)啦~

先看效果：

 

Step01：點擊 — 【文件】— 【新建】（快捷鍵Ctrl+N）新建一個新的圖像，命名好并把寬度設(shè)置為800px，高度為600px，分辨率為72dpi，然后點擊確定，記得順手保存文件（快捷鍵Ctrl+S）。

Step02：選擇【圓角矩形工具】（快捷鍵U，可按Shift+U切換），在畫布點擊【創(chuàng)建圓角矩形】彈出層，設(shè)置寬度為180px，高度為180px，半徑20px，并勾選【從中心】，然后點擊確定；

Step03：重命名圖層為di，右鍵設(shè)置圖層樣式：

【斜面和浮雕】：樣式：內(nèi)斜面、方式：平滑、深度100%、方向：上、大小3、軟化1、陰影角度90°、勾選【使用全局光】、高度30°、高光模式顏色#dedede、陰影模式顏色#262626、

【漸變疊加】：線性漸變，色值從上到下為 #333333 — #c6c6c6，角度為90°；

復制di圖層重命名為di_bian，選擇右鍵清除圖層樣式，填充顏色改為# 616161；按住Ctrl鍵點擊圖層載入選區(qū)，向上移動兩像素，再反向選區(qū)（快捷鍵Shift+Ctrl+I），再點擊【圖層】窗口的【添加圖層蒙版】；

Step04：制作殘舊金屬紋理部分，這一步采用的是素材圖片嵌入和筆刷繪制，可在網(wǎng)上搜索關(guān)鍵字：殘舊、頹廢、噴濺、金屬等字眼下載相關(guān)素材，ps：本教程所用到的圖片跟筆刷連同圖標源文件psd均有提供（見附件下載或者網(wǎng)盤鏈接），筆刷如何載入請自行百度，謝謝！

金屬紋理主要是不斷通過設(shè)置圖層的混合模式和不透明度的參數(shù)值疊加調(diào)試而成的，本教程調(diào)試后的參數(shù)如下：

01采用素材圖片 Rust_5.JPG，混合模式：正片疊底，不透明度70%；