教程講解十分詳細，主要分幾個部分完成，分別是設計底紋，然后通過圖層樣式制作金屬按鈕，最后加上圖案即可完成。

最終效果：

www.16xx8.com

下面是教程詳細步驟，大家一起來學習。

老規矩，先來分析一下。這里我們主要分為二個部分：底座、圖標，其它問題都不大，主要是底部框架部分、需要用到多個圖層來表現圖標的立體感，騷年分析完已經成功一半了，離成功還會遠么，噢耶！！！

步驟一：

首先新建畫布800px*800px畫布，命名為質感圖標，為背景添加圖層樣式。

步驟二：

使用圓角矩形工具、繪制一個450px*540px圓角半徑為90px底座，并為它添加圖層樣式。

步驟三：

高逼格的底座一下就出來了，有木有！！！接下來繼續使用圓角矩形工具、繪制一個390px*390px圓角半徑為90px的形狀，命名為底座-2，并為它添加圖層樣式。

步驟四：

為底座-2添加金屬拉絲效果，新建圖層填充#9f9f9f，添加雜色執行動感模糊命令，并創建剪貼蒙版，調整不透明度。

步驟五：

復制金屬拉絲，ctrl+t旋轉90度，并依次創建剪貼蒙版。

步驟六：

現在我們繪制內框位置，繪制兩個圓角矩形，大小分別為450px,390px圓角半徑為90px,合并形狀選擇路徑選擇工具，選中內框減去頂層形狀，并添加圖層樣式。

步驟七：

我們為內框添加金屬拉絲效果吧，復制內框圖層清除圖層樣式。獲取選區其它操作方式如上，并調整不透明度。

步驟八：

現在繼續繪制一個頂部漸變，選擇圓角矩形工具繪制一個390px圓角半徑為90px的形狀，繪制完成后復制，命名為頂部漸變。

步驟九：

將頂部漸變復制向下移動15px,并合并兩個形狀，選擇路徑選擇工具，選中內框減去頂層形狀，將底座漸變疊加圖層樣式復制，移動色標位置即可，并添加投影圖層樣式。

步驟十：

現在我們來繪制最后一個圖標吧，用自定義形狀工具繪制一個172px的形狀，并旋轉45度，最后添加圖層樣式就完成這個案例了哦。

教程到此就結束了，大家可以用這個方法制作其它金屬紋理的圖案，有興趣的同學可以動手嘗試一下，歡迎投稿分享你的經驗。