自從有了智能手機，手機的APP就風靡一時，各種各樣的APP圖標設計也非常的流行，教程主要通過圖層樣式來完成，感興趣的讓我們一起來學習吧。
最終效果：
老規矩先來分析一下，教程里面的木紋圖標我們主要分為以下幾個部分：底座、旋鈕、顯示屏、橫線，大都問題都不大，主要是底座和顯示屏比較麻煩一點，需要用到多個圖層來制作高光效果，分析完了以后我們離成功就近了一步，下面就讓我們一起來學習吧。
一：首先新建畫布500px*500px畫布，命名為收音機，填充背景顏色#c8beae。具體參數如下。
二：使用圓角矩形工具繪制一個320px*320px圓角半徑為60px的圓角矩形，顏色設置#d29b4d并命名為底座，添加圖層樣式。
三：現在打開素材，為素材添加圖層樣式并按住ctrl+alt+g鍵創建剪貼蒙版到底座圖層。
四：現在來繪制底座高光，繪制倆個圓角矩形，使用小黑工具單擊選中內步形狀，并減去頂層形狀。
五：將混合模式改為濾色，不透明度設置為40%，添加圖層蒙版，擦除不需要的位置。
六：繼續使用圓角矩形工具繪制一個283px*278px圓角半徑為60px的圓角矩形，顏色設置# f8bf86并命名為底座亮色。
七：我們復制一下底座亮色圖層，將顏色設置為#96622f，重新命名為底座暗色，并移動到合適的位置。
八：繼續打開素材，操作同上：為素材添加圖層樣式轉換為智能對象并創建剪貼蒙版到底座暗色。將圖層打組命名為底座。
九：現在我們來繪制顯示屏的位置，用圓角矩形工具繪制一個238px*119px圓角半徑為90px的圓角矩形，顏色設置# a4a29e并命名為顯示屏底座，添加圖層樣式。
十：我們來為顯示屏添加高光位置，用圓角矩形工具繪制一個178px*50px圓角半徑為90px的圓角矩形，顏色設置# ffffff,高斯模糊12px，命名為顯示屏高光。
十一：繼續添加高光位置，操作方式同上，繪制圓角矩形，顏色白色，添加圖層蒙版擦除不需要的位置，適當調節不透明度。
