木質材質圖標是 UI 設計常見需求。本教學示範用「纖維濾鏡+波浪變形+旋轉」快速生成木紋,再配合鋼筆勾形、曲線/色階明暗、高光邊緣、投影倒影,13 步完成一枚質感滿分的木質資料夾圖標。
木紋基底生成
- 800×600 px 白底,新圖層填白,前景 #BD7940、背景 #8F4520,濾鏡 › 渲染 › 纖維(差異 16、強度 4)。
- 濾鏡 › 扭曲 › 波浪(數量 3、波長 150/300、振幅 5/20),編輯 › 變換 › 順時針旋轉 90°,獲得橫向木紋。
資料夾主體與蓋板構建
- 鋼筆勾勒資料夾主體形狀(梯形+矩形組合),Ctrl+J 複製木紋到新圖層「主體」,隱藏原木紋層。
- 複製主體 → 曲線壓暗 → 蒙版黑白漸層由下往上拉透明,形成陰影漸變。
- Ctrl+載入主體選區 → 新圖層填黑 → 蒙版同法拉透明 → 疊加 50% 不透明度,增強紋理立體感。
- 再複製主體 → 色階調亮 → 蒙版拉長透明 → 置頂,Ctrl+選區下移 3px 刪除 → 色階微亮,形成頂部高光邊。
蓋板製作
- 顯示木紋層,鋼筆勾蓋板形狀,Ctrl+J 複製木紋 → 隱藏原木紋層。
- 同樣疊加「陰影漸變層」「疊加紋理層」「高光邊層」。
倒影與背景收尾
- 合併主體+蓋板群組,複製垂直翻轉,蒙版黑白漸層由上往下拉透明,不透明度 30%。
- 背景加徑向漸層(#F0F0F0 至 #FFFFFF),完成最終效果。
關鍵步驟截圖:





















