PS教程：製作精細的格子紋理小圖標

效果圖由底紋、環形小框及文字三部分構成，基本上用圖層樣式就可以完成。底紋部分稍微複雜一點，需要用濾鏡等來製作紋理。

最終效果

1、打開Photoshop，Ctrl+N新建一個文檔，文檔尺寸可自定義。

2、按住Alt鍵雙擊背景圖層，使其轉換為普通圖層。然後再次雙擊，打開圖層樣式面板，為其添加顏色疊加樣式，顏色為#262523。

3、新建一層，用白色大號柔邊畫筆在畫布中心點擊出白色亮光。

4、Ctrl+T將其拉寬壓扁，如下圖所示。

5、將圖層不透明度調整為10-30%，這裡可以根據自己的感覺來調整。

6、接下來我們創建icon主體。利用圓角矩形工具在畫布中心點擊，在彈出的對話框中設置數值如下。

7、在圓角矩形上方隨意繪製一個比其尺寸大一些的形狀，因為我們後面會將其轉換為剪貼蒙版，因此形狀可隨意繪製。

8、為創建的形狀添加角度漸變。

9、然後按住Alt鍵在角度漸變與圓角矩形中間點擊滑鼠左鍵，將其轉換為剪貼蒙版。然後在圖層名稱上點擊右鍵，將其轉換為智能對象。

10、利用馬賽克濾鏡（濾鏡>像素化>馬賽克）對其進行分塊處理。

11、將執行了馬賽克濾鏡的圖層Ctrl+J複製一層，同樣轉換為剪貼蒙版。然後點擊濾鏡>風格化>照亮邊緣。

12、將其圖層混合模式設置為線性減淡（添加），圖層不透明度設置為30%。此時每個格子間都被細線分割開了。

13、將上一步創建的圖層Ctrl+J再次進行複製。將圖層混合模式設置為減去，圖層不透明度設置為20%。

選擇移動工具，利用鍵盤上的方向鍵將其位置向下方與右方分別移動1像素。這樣格子的間隔部分便形成了凹槽的效果。

14、利用橢圓工具在icon中心繪製出一個正圓形。

15、然後為其添加圖層樣式。

16、利用橢圓工具在icon中心再次創建一個較小的正圓形。

17、為其添加圖層樣式。

18、下面我們來添加文字。

19、然後為文字添加圖層樣式。

20、把第4步創建的圓角矩形圖層按住Alt鍵向上拖動複製一份，把填充調為0，這樣我們就可以不受這個圖層本身顏色的控制了，而可以對圖層樣式進行調整。

21、給它添加圖層樣式。

22、雙擊圖層，打開圖層樣式面板。在混合選項中，將「圖層蒙版隱藏效果」勾選上。

23、然後為圖層添加蒙版，用黑色畫筆將細節擦出來。

最後添加上倒影，完成最終效果。

喜歡這篇文章嗎？立刻分享出去讓更多人知道吧！