萬盛學電腦網

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

AI + PS 打造超質感超人圖標:3D 凸出與圖層樣式實戰

最終效果

AI 階段:矢量基礎與 3D 凸出

  1. 基本外框:鋼筆工具 (P) 勾勒盾形外框。
  2. S 標誌:參考官方標誌,鋼筆工具繪製 S 形狀。
  3. 中心細線:鋼筆工具簡略繪製中心幾條細線 (後期 PS 精修)。
  4. 3D 凸出與斜角:效果 > 3D > 凸出和斜角。自訂旋轉 -4°、0°、0°、120°,凸出厚度 35pt。參考圖示設定。
  5. 展開外觀並合併:對象 > 展開外觀,分解圖層,填色為灰色,路徑尋找器「合併」形狀。

PS 階段:材質貼圖與光影渲染

6. 建立 PS 文件

新建 2880×1800 px,背景白至黑徑向漸變。

7. 智能物件分層匯入

將 AI 圖形複製貼上為智能物件,分為:基本形層、3D 凸出層、黃色細節層。

8-10. 黃色細節圖層樣式

  • 斜面浮雕:參考圖示設定深度、大小、角度。
  • 內發光:增加邊緣發光感。
  • 投影:增加立體厚度感。

11-13. 白邊/黑邊遮罩精修

  • 白邊層加圖層蒙版,黑色柔邊筆刷隱藏區域 1、2、3。
  • 鋼筆工具勾勒黑色區域,加蒙版隱藏細節。

14-18. 紅色標誌圖層樣式堆疊

  • 新建圖層畫筆強化明暗,群組並剪貼至紅色標誌。
  • 紅色標誌圖層樣式:斜面浮雕 → 等高線 (預設) → 內陰影 (提亮) → 漸變疊加 (徑向,模擬光照)。
  • 微調各圖層明暗關係。

19-22. 3D 凸出層材質與光影

  • 顏色疊加 (黃) + 金屬紋理素材,群組剪貼,混合模式「正片疊底」。
  • 新層白色筆刷 30% 不透明度畫高光,群組剪貼,混合模式「顏色減淡」。
  • 新層黑色筆刷畫暗部,群組剪貼,混合模式「線性加深」;轉折處用套索工具建立選區過渡。

23-28. 陰影、背景紋理、最終潤飾

  • 複製 3D 凸出 + 紅色標誌,合併填黑,高斯模糊 10px,正片疊底 80% 不透明度 → 小陰影。
  • 導入金屬背景紋理,混合模式「柔光」。
  • 複製背景紋理至頂層,蒙版限制於標誌區域。
  • 頂層再疊加金屬紋理,柔光 70%。
  • 蓋印可見圖層 (Ctrl+Shift+Alt+E),疊加 40%。
  • 新層白筆刷畫亮點,群組線性減淡 80%。

工作流心得

AI 負責精確矢量結構與 3D 基礎幾何,PS 負責材質貼圖、筆刷光影與氛圍營造。雙軟體協作,發揮各自優勢,是高質感圖標製作的標準流程。

copyright © 萬盛學電腦網 all rights reserved