復古馬燈 (煤油燈) 圖標融合了金屬框架、玻璃罩、火焰、提環等多材質結構。純 AI 雖能完成但材質表現力受限；純 PS 則失去矢量優勢。本教學展示 **AI 負責 3D 結構建模與矢量基礎渲染、PS 負責像素級質感疊加、光效合成、氛圍營造** 的專業協作流程，產出兼具矢量可編輯性與照片級真實感的圖標。

階段一：Illustrator — 3D 結構與矢量基礎渲染

1. 輪廓繪製：鋼筆工具繪製馬燈側視輪廓 (半邊)，含底座、立柱、頂蓋、提環掛點、玻璃罩外輪廓。確保路徑閉合、錨點精簡。
2. 3D 旋轉/擠出：效果 > 3D > 旋轉 (或擠出與斜角)。選「等距左上」或自定義旋轉角度，擠出深度 0 (純旋轉成 3D 面片) 或淺擠出增加厚度。表面選「無陰影」/「線框」便於後續著色。
3. 擴展外觀 → 面片分離：物件 > 擴展外觀 → 徹底取消群組。將面片按材質歸類群組：金屬框架組、玻璃罩組、火焰組、提環組、底座組。
4. 矢量基礎著色：
   • 金屬面：線性漸變 (深灰→中灰→亮灰→深灰) 模擬金屬反射帶。
   • 玻璃罩：淺藍/淺青極低不透明度漸變 (10-20%)，疊加模式「螢幕」。
   • 火焰：徑向漸變 (黃→橙→紅→透明)。
   • 提環/底座：同金屬漸變邏輯。
5. 分圖層導出 PSD：每個材質群組放入獨立頂層圖層，命名規範 (Metal_Frame, Glass, Flame, Handle, Base, Shadow)。檔案 > 導出 > 導出為 > PSD，勾選「寫入圖層」、「最大可編輯性」、「透明背景」。

階段二：Photoshop — 像素級質感、光效、氛圍合成

1. 智能物件轉換：導入 PSD 後，將各圖層轉為智能物件 (右鍵 > 轉換為智能物件)，保護矢量邊緣銳度，支援非破壞濾鏡。
2. 金屬質感強化：
   • 圖層樣式 > 「斜浮雕」 (內部/外部) 細化邊緣倒角高光陰影。
   • 「漸變疊加」疊加細微噪點漸變 (雜色 2-3%) 模擬金屬拉絲/氧化紋理。
   • 「色彩疊加」微調色溫 (暖金屬偏黃/冷金屬偏青)。
3. 玻璃通透與折射：
   • 「圖層樣式 > 內發光」 (邊緣亮白、噴射源「中心」、大小 10-20px) 模擬折射邊緣亮邊。
   • 「圖層樣式 > 投影」 (距離 0、大小 30px、不透明度 15%) 模擬玻璃厚度陰影。
   • 新建圖層，軟筆刷白色繪製高光條 (窗戶反射)、環境映射，混合模式「螢幕」/「線性淺化」，不透明度 20-40%。
4. 火焰動態光效：
   • 火焰圖層混合模式「線性淺化」/「顏色加深」。
   • 外發光：顏色橙紅、擴展 0、大小 30px、不透明度 60%。
   • 新建圖層剪貼蒙版火焰組，軟筆刷畫動態火舌、火星顆粒 (筆刷「散佈」、「大小抖動」)。
5. 全局氛圍：
   • 頂部新建「色階/曲線」調整圖層，壓暗邊緣 (暗角)，提亮中心。
   • 「相機濾鏡」添加微量顆粒、暗角、色彩分級 (暖調復古感)。
   • 背景置入紋理 (紙張/布料/金屬拉絲)，混合模式「正片疊底」/「疊加」，不透明度 10-20%。
6. 最終銳化與輸出：濾鏡 > 銳化 > 智能銳化 (量值 50%、半徑 0.5px)。導出 PNG (透明) 或 JPEG (高質量) 供 UI/印刷使用。

AI+PS 協作工作流優勢總結

階段	Illustrator (矢量)	Photoshop (像素)
核心優勢	精確幾何、參數化 3D、無限縮放、非破壞編輯	照片級材質、複雜光效、筆刷動態、濾鏡生態
負責內容	結構建模、基礎漸變、圖層分離、矢量源檔保留	質感疊加、光影雕刻、氛圍渲染、最終輸出
回修機制	修改 AI 源檔 → 重新導出 PSD → PS 智能物件更新	圖層/智能濾鏡/調整圖層全非破壞可迭代

這套「AI 建模骨架、PS 注入血肉」的協作流程，是專業圖標、插畫、關鍵視覺 (KV) 製作的行業標準範式之一。