本教程展示 Illustrator 矢量建模與 Photoshop 質感渲染的經典協作流程：AI 中用基本形狀工具、路徑查找器、混合工具精確構建油燈幾何結構（燈罩、燈身、燈座、燈芯、火焰）→ 複製貼圖至 PS → 圖層樣式（斜面浮雕、漸變疊加、投影、內發光）賦予金屬、玻璃、火焰材質 → 手繪高光細節 → 整體色調調整。作者 tczhang 提供詳細參數與源文件下載，是雙軟件協作圖標設計的標準教學案例。

最終效果預覽

協作流程核心步驟

1. AI 矢量建模階段：
   • 基本形狀工具 (矩形、橢圓、圓角矩形、多邊形) 繪製基礎幾何體。
   • 路徑查找器 (聯合、減去前面、交集、排除) 進行布爾運算得複雜形狀。
   • 混合工具 (指定步數/距離) 生成燈罩條紋、燈身肋條等均勻重複結構。
   • 所有元件組織成清晰圖層/組結構，命名語義化 (燈罩組、燈身組、火焰組…)。
   • 整體選中 Ctrl+C 複製。
2. PS 質感渲染階段：
   • 新建文件 (建議 512×512 或 1024×1024 px)，Ctrl+V 貼圖選「圖層」或「智能對象」保留矢量可編輯性。
   • 按組/圖層依次添加圖層樣式：
     • 金屬部件 (燈身、燈座、燈罩金屬框)：斜面浮雕 (內部/外部倒角) + 漸變疊加 (金屬漸變) + 投影 + 描邊。
     • 玻璃燈罩：內發光 (邊緣亮) + 漸變疊加 (透明到半透明) + 描邊 (細高光邊) + 降低填充 0%。
     • 火焰：外發光 (強光暈) + 內發光 (核心亮) + 漸變疊加 (黃橙紅徑向) + 濾鏡 > 扭曲 > 波浪 微調形狀。
     • 燈芯：斜面浮雕 (柱狀) + 顏色疊加 (焦黑色)。
   • 手繪細節強化：新建剪貼蒙版層，軟畫筆手繪邊緣高光、反光、投影細節，打破純樣式的機械感。
   • 整體調色：曲線/色彩平衡/色相飽和度調整圖層統一溫濕冷暖，增加復古濾鏡 (如 Camera Raw 濾鏡加顆粒、暗角)。

關鍵圖層樣式參數參考 (部分鍵值)

• 金屬斜面浮雕：風格「內部倒角」、技術「消除雜色」、深度 200%、方向「上」、大小 10-15px、柔化 3px、光暈模式「線性加深」不透明度 70%、陰影模式「線性減淡」不透明度 40%。
• 金屬漸變疊加：混合模式「正常」、不透明度 100%、漸變: 位置 0% #C8B070, 25% #F5E8C0, 50% #D4B870, 75% #F0E0A0, 100% #B89050、角度 90°、縮放 100%。
• 玻璃內發光：混合模式「篩選」、不透明度 50%、雜色 0%、顏色 #FFFFFF、技術「較精確」、來源「邊緣」、阻塞 0%、大小 10-20px。
• 火焰外發光：混合模式「線性加深」、不透明度 75%、雜色 0%、顏色 #FF8800、擴展 0%、大小 30-50px、輪廓「圓錐」、範圍 50%、抖動 0%。

雙軌協作優勢總結

1. 幾何精確度：AI 的路徑查找器、對齊面板、精確數值輸入，構建完美幾何零誤差。
2. 質感表現力：PS 的圖層樣式、混合模式、濾鏤、畫筆，賦予豐富材質與藝術感。
3. 非破壞可迭代：智能對象雙擊回 AI 修改幾何，PS 效果自動更新；樣式參數隨時可調。
4. 多規格輸出：同一套源文件，PS 中調整畫布大小、解析度，一鍵導出 16/32/64/128/256/512/1024px 多尺寸圖標。

作者網站：https://www.tczhang.com (可下載源文件深入研究)。建議練習者嘗試：換材質 (陶瓷、塑料、木頭)、換風格 (扁平化、長投影、新拟態)、加動態效果 (After Effects 導入分層 PS 做呼吸燈動畫)。