教學概覽

展示Illustrator 向量主體繪製 → Photoshop 光影質感潤飾的跨軟體協作流程，兩張成品圖呈現最終風格：扁平向量造型疊加柔和噪點光影，兼具清晰可縮放與溫暖手繪質感。

核心分工邏輯

階段	軟體	核心任務	關鍵工具/技巧
1. 草圖與構圖	PS / 紙筆	快速探索姿勢、比例、氛圍	畫筆、圖層不透明度
2. 向量主體建模	AI	鋼筆勾勒閉合路徑、扁平塊面著色	鋼筆、形狀建立器、實時上色、圖層分組
3. 向量細節與裝飾	AI	線條裝飾、紋理圖案、文字排版	筆刷、符號、圖案色板、變換效果
4. 匯出分層 PSD	AI	檔案 → 匯出 → 匯出為 PSD，保留圖層	勾選「寫入圖層」、「透明背景」
5. 光影質感潤飾	PS	投影、高光、噪點、色階/曲線調色	圖層樣式、蒙版、混合模式、Camera Raw Filter
6. 最終輸出	PS	多尺寸輸出、色彩空間轉換	導出為 Web 存檔、sRGB 配置檔

AI 階段關鍵技巧

• 實時上色：草圖線稿轉閉合區域極快，適合扁平風格大面積塊面著色。
• 圖形建立器 (Shift+M)：直觀合併/減去形狀，比路徑查找器更流暢。
• 符號噴槍：重複元素（星星、愛心、葉片）一鍵佈局，保持可編輯性。
• 圖案色板：服裝紋理、背景紋理無縫平鋪，隨時縮放不失真。

PS 階段潤飾重點

• 群組蒙版：對 AI 匯入的群組添加蒙版，非破壞性控制邊緣虛實。
• 內發光/投影圖層樣式：快速賦予扁平形狀微立體感。
• 雜訊濾鏡 (Filter → Noise → Add Noise) + 疊加模式：統一畫面顆粒感，消除「電腦感」。
• 色階/曲線調整圖層：統一色溫、對比度，強化視覺焦點。

協作避坑指南

1. AI 文件RGB 模式，避免 CMYK 色域壓縮導致 PS 階段色彩失真。
2. 匯出 PSD 前展開外觀、拆解複合路徑，確保圖層結構清晰。
3. 複雜漸層網格物件建議在 AI 內光柵化 300 ppi後再帶入 PS，避免網格點過多導致 PSD 檔案膨脹。
4. 建立共用色板庫 (.ase)，雙軟體同步色彩規範。