做動畫最花時間的不是調動畫,是把 Illustrator 檔「整理」進 After Effects:哪些圖層要合併、哪些要拆、遮色片壓不壓平、Softlight/Overlay/Multiply 怎麼還原,兩邊視窗對到眼睛脫窗,光整理素材就吃掉半個工作天。
以前只能慢慢 import、手動排序、上顏色標籤,或靠 Overlord 這種外掛半自動互丟素材,檔案一複雜還是得人工善後。
Illustrator MCP 上線之後,AI + AE 兩邊的路一次打通
之前只有 AE MCP 能動 After Effects 這一端(見 用 AE MCP 一句話匯入素材)。直到我把 Illustrator MCP 也上線(詳見 AI × AI:Adobe Illustrator 接上 AI 之後),Claude 當作橋樑後,可以同時對兩邊下指令:讀圖層結構、逐層判斷、把 shape 匯進 AE、拆材質另存、當遮罩、對回 blend mode 與半透明度、上顏色標籤分群,1 比 1 照設計稿結構重建進 AE。
整理的順序長這樣
這是在 Pinkoi 這張 styleframe 的工作流程:
先把 AI 的圖形 shape 匯進 AE(可以用 shape 還原的優先,保留可縮放性)
遮色片用到的材質從 AI 拆開、另存成 PNG
材質還原到 AE 裡當 track matte 用
依照 AI 原本的圖層順序擺好,混合模式跟半透明度也對回去
最後照圖層之間的關聯性,上顏色標籤分群(順便命名、Precomp)
Claude 自己截圖來回比對原始 render,量化還原度
真正難的地方:教 Claude 判斷怎樣是「好做動畫」的整理
工具接起來只是入口,難的是判斷:
同一個 shape,要合併還是保留獨立?
遮色片要併成一張圖,還是拆成底圖加素材兩層?
哪些能用 Shape 還原,哪些一定要轉存圖檔?
一個判斷錯,檔案就得手工善後。要讓 AE 直接吃 AI 的結構,得灌進大量「動態設計師會怎麼想」的經驗,這正是 Skill 和 Memory 的用處:大量的訓練資料,讓還原度就從 50% 一路爬到 99.5%。這段我另外寫過一篇聊 Skill 和 Memory 怎麼幫 Claude 累積判斷力。
動畫師夢寐以求的狀態
最舒服的是:按下「整理圖層」那一刻,可以去找參考、開另一個 comp、或喝杯咖啡,回來直接接動畫製作。AI 沒有取代動畫師,反而最無聊的工作可以接手,讓設計師的時間回到需要判斷跟品味的地方。符合 AI × 設計師的運用場景。
常見問題(FAQ)
Q:Overlord 外掛跟 MCP 差在哪?
Overlord 是「傳輸工具」,把 AI 圖層搬到 AE 保留向量和結構,方便快速搬運。但 MCP 是「讓語言模型直接動 AI/AE」,Claude 會理解內容、判斷策略,根據不同的設計稿風格提出對應整理方式,適合更要動腦的整理。兩個定位不同,可以搭著用。
Q:99.5% 還原度是什麼意思?
Claude 會從 Illustrator、AE 直接匯出圖檔交叉比對,對應像素的差異,換算約 0.5% 以下不同才算過關,所以保真 99.5%。
Q:這個工作流已經可以正式接案用了嗎?
看檔案複雜度。單層結構清楚的 styleframe 大概九成一次到位,剩一成手工微調。所以持續餵 Skill 跟 Memory 可以越變越強。
想看 AI 一路接進 Adobe 全家桶怎麼玩
用 AE MCP 一句話匯入素材:After Effects 這一端的匯入流,配 Envato 素材庫串起來
AI × AI:Adobe Illustrator 接上 AI 之後:Illustrator MCP 上線那篇,示範用 AI 畫初代寶可夢
這次示範用的 Pinkoi styleframe,完整的品牌識別動畫作品就放在我的作品集裡,歡迎去看成品長怎樣 👉 Pinkoi 全新品牌識別動畫。