萬盛學電腦網

您现在的位置: 萬盛學電腦網 >> 軟體知識 >  >> 影像處理 >> Photoshop 教學 >> Photoshop 入門教學

Photoshop 繪製木質資料夾圖標:從纖維濾鏡到光影質感的 13 步完整教學

木質材質圖標是 UI 設計常見需求。本教學示範用「纖維濾鏡+波浪變形+旋轉」快速生成木紋,再配合鋼筆勾形、曲線/色階明暗、高光邊緣、投影倒影,13 步完成一枚質感滿分的木質資料夾圖標。

木紋基底生成

  1. 800×600 px 白底,新圖層填白,前景 #BD7940、背景 #8F4520,濾鏡 › 渲染 › 纖維(差異 16、強度 4)。
  2. 濾鏡 › 扭曲 › 波浪(數量 3、波長 150/300、振幅 5/20),編輯 › 變換 › 順時針旋轉 90°,獲得橫向木紋。

資料夾主體與蓋板構建

  1. 鋼筆勾勒資料夾主體形狀(梯形+矩形組合),Ctrl+J 複製木紋到新圖層「主體」,隱藏原木紋層。
  2. 複製主體 → 曲線壓暗 → 蒙版黑白漸層由下往上拉透明,形成陰影漸變。
  3. Ctrl+載入主體選區 → 新圖層填黑 → 蒙版同法拉透明 → 疊加 50% 不透明度,增強紋理立體感。
  4. 再複製主體 → 色階調亮 → 蒙版拉長透明 → 置頂,Ctrl+選區下移 3px 刪除 → 色階微亮,形成頂部高光邊。

蓋板製作

  1. 顯示木紋層,鋼筆勾蓋板形狀,Ctrl+J 複製木紋 → 隱藏原木紋層。
  2. 同樣疊加「陰影漸變層」「疊加紋理層」「高光邊層」。

倒影與背景收尾

  1. 合併主體+蓋板群組,複製垂直翻轉,蒙版黑白漸層由上往下拉透明,不透明度 30%。
  2. 背景加徑向漸層(#F0F0F0 至 #FFFFFF),完成最終效果。

關鍵步驟截圖:

copyright © 萬盛學電腦網 all rights reserved