萬盛學電腦網

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

Photoshop 繪製 3D 質感箭頭標誌:圖層樣式構建立體視覺語言

本教學展示如何純用鋼筆路徑+圖層樣式,無 3D 功能參與,繪製出具備體積感、材質區分(金屬/塑膠/玻璃)、高光反射、投影落地的專業級 3D 箭頭標誌。流程模組化,每個面(頂面、側面、底面、箭頭尖、分艙線)獨立圖層獨立樣式,極利於後期修改與變體生成。

文件與基礎形狀

1280×1024 px、白背景。鋼筆勾勒箭頭主體輪廓(含軸體、箭頭尖)填黑,作為基礎形狀層。

主體路徑

分面建模與樣式賦予

  1. 頂面(金屬拉絲):複製主體層→直線套索選區保留頂面區域→反選加蒙版→添加樣式:倒角與浮雕(內部倒角、大小 8px)、漸變疊加(金屬漸變:深灰→亮銀→深灰、角度 90°)、內發光(白、疊加)。
  2. 頂面選區
    頂面樣式
    頂面效果
  3. 頂面高光帶:鋼筆勾選區填白 → 蒙版黑筆刷漸隱尾部 → 不透明度 45%。另一側同法。
  4. 高光帶選區
    高光帶蒙版
    另一側高光
  5. 側面(塑膠/漆面):鋼筆勾側面選區填任意色 → 添加「倒角與浮雕」(外部倒角、大小 5px)、漸變疊加(側面受光漸變)。
  6. 側面選區
    側面樣式1
    側面樣式2
    側面效果
  7. 箭頭尖(金屬尖端):鋼筆勾黑色箭頭尖 → 樣式:倒角與浮雕(外部倒角、大小 10px)、色彩疊加(金屬色)、投影。
  8. 箭頭尖形狀
    箭頭尖樣式
  9. 分艙線/縫隙:鋼筆勾細長選區填黑 → 樣式:內部倒角、大小 1px、不透明度低。左右各一層。
  10. 分艙線選區
    分艙線樣式
    分艙線效果
  11. 底面反光/倒影:鋼筆勾選區填白 → 蒙版黑白漸變 → 模式「疊加」。
  12. 底面反光
  13. 側邊倒角細節:鋼筆勾兩側邊緣選區填黑(兩圖層) → 添加「倒角與浮雕」(內部倒角、大小 2px)。
  14. 側邊選區
    側邊樣式

投影與變體

  1. 合併除背景外所有層 → 複製 → 填黑 → 高斯模糊 10-15px → 不透明度 10% → 移至底部,作為接地投影。
  2. 複製整組,修改「漸變疊加」與「色彩疊加」色相,快速產出紅/綠/藍/金等多材質變體。
投影效果
多色變體

工作流優勢總結

  • 每個面獨立圖層獨立樣式 → 修改某面材質不影響其他面。
  • 鋼筆路徑可編輯 → 形狀微調極其靈活。
  • 樣式參數化 → 存為 .asl 實現設計系統級復用。
  • 無 3D 渲染等待,輕量級輸出,適合 UI/圖標/插畫混合項目。
copyright © 萬盛學電腦網 all rights reserved