純向量繪圖雖精確但處理複雜質感、光影、合成時較吃力；純位圖編輯又難以無限縮放。本教學展示「AI 負責結構線稿、PS 負責質感光影合成」的黃金搭檔工作流，帶你從草稿到成品完成一個極具個性的卡通女廚師頭像。

最終效果

核心工作流：AI 結構 → PS 質感

階段 1：Illustrator 向量骨架構建

步驟 1：臉部基礎幾何

• 鋼筆工具（P）繪製半邊臉輪廓。
• 複製 → 右鍵「變換」→「鏡像」（垂直軸）→ 對齊合併。
• 全選 → 右鍵「建立複合路徑」→ 設定填色（膚色）與描邊（深膚色 1 pt）。

步驟 2：髮型輪廓

• 鋼筆工具直接勾勒髮型外輪廓與主要發絲分群。
• 填色（髮色）、描邊（深髮色 1 pt），圖層置於臉部圖層下方。

步驟 3：五官細節

• 眼睛、眉毛、鼻子、嘴巴分別以鋼筆/橢圓/筆刷繪製。
• 參考參考圖捕捉神韻（教學參照「菜菜」風格）。
• 三圖層架構：髮型層 / 臉部層 / 五官層，便於後續 PS 分層處理。

階段 2：Photoshop 質感昇華與合成

步驟 4：跨軟體移轉與服飾補完

• AI 中分別選取三個圖層群組 → Ctrl+C 複製 → PS 新圖層 Ctrl+V 貼上，選擇「圖層」或「智慧物件」貼上（建議智慧物件保持向量可編輯性）。
• PS 內用鋼筆工具繪製簡單廚師服、圍裙形狀，填色、加描邊、內陰影建立體積感。

步驟 5：素材引用與整合（眼鏡、帽子）

• 網路搜尋「眼鏡 PNG」、「廚師帽 PNG」免扣素材。
• 置入 PS，Ctrl+T 自由變換調整大小角度，圖層置於髮型與臉部之間。
• 添加「投影」、「斜面與浮雕」圖層樣式增強真實感。

步驟 6：程序化背景製作

1. 新建 50×50 px 文件，置入紅色格子素材 → 「編輯」→「定義圖案」。
2. 回主文件，繪製圓形 → 圖層樣式：「圖案疊加」（選剛定義格子）→「內陰影」（距離 3px、大小 5px）→「色疊」（褐色環狀邊框）。
3. 新增圖層繪製褐色圓環作為外框。

步驟 7：裝飾元素與字體特效

• 麥穗素材置入兩側 → 色相/飽和度調色 → 添加「外發光」（暖金）、投影。
• 文字「方正粗圓簡體」→ 圖層樣式：「圖案疊加」（餅乾紋理）→「斜面與浮雕」（內凹）→「投影」。

步驟 8：整體潤飾與輸出

• 除背景層外，全選所有角色圖層 → Ctrl+G 群組。
• 群組添加「描邊」（白色 3 px、位置外側）→「投影」（距離 5px、大小 8px）。
• 最終輸出：PNG（透明背景）、JPG（成品）、PSD（分層源檔）。

跨軟體協作黃金法則

1. 圖層命名規範：AI/PS 同步命名（如 `Face_Base`, `Hair_Outline`），溝通零成本。
2. 智慧物件優先：AI 複製到 PS 選「智慧物件」，雙擊即可回 AI 修改線條，存檔自動更新 PS。
3. 色彩空間一致：兩軟體同設 sRGB 或 Adobe RGB，避免貼上後色偏。
4. 解析度預判：PS 文件依最終輸出尺寸設定 300 dpi（印刷）或 72 dpi（螢幕），AI 向量無解析度限制。

延伸應用

此工作流同樣適用於：
✅ 吉祥物三視圖轉立體質感
✅ UI 圖標向量結構 + 材質渲染
✅ 插畫線稿上色 + 紋理疊加
✅ 字體設計向量骨架 + 立體效果

善用 AI 的精準向量與 PS 的豐富光影，讓創作不再受限於單一工具的短板，實現 1+1>2 的效果。