「生命贊歌」文字動效將字體設計的張力與動態圖形的節奏感完美融合，展現出生命生長、綻放、循環的隱喻意象。本教學將完整拆解「Illustrator 靜態字體佈局與資產準備」→「After Effects 動態重組與特效賦能」的跨軟體標準化工作流，涵蓋字體拆解策略、圖層命名規範、關鍵幀動畫原理、表達式效率化、渲染輸出規範，助你掌握專業級動態排版生產管線。

階段一：Illustrator 靜態資產製備（源頭治理）

1. 文字排版與拆解策略

• 在 AI 中完成最終版排版：字體選用極具張力的顯示字體（如：無襯線幾何體、手寫筆觸體、可變字體）。
• 拆解原則：每個可獨立動畫的單元（字、筆畫、部件、裝飾元素）必須是獨立的頂層圖層/群組。
• 命名規範（極其重要，AE 導入後自動保留）：
  `Char_01_生` `Char_02_命` `Char_03_讚` `Char_04_歌`
  `Stroke_生_豎` `Stroke_生_橫` `Stroke_命_撇`…
  `Decor_花瓣_01` `Decor_藤蔓_02` `Decor_光粒_Group`

2. 向量優化與乾淨化

• 路徑簡化：物件 → 路徑 → 簡化（曲線精確度 98%），減少 AE 頂點計算負擔。
• 移除多餘效果：展開外觀（物件 → 擴展外觀），僅保留純路徑、漸層填色、不透明度。複雜效果（3D、扭曲、信封扭曲）在 AE 中用原生特效重建更可控。
• 色彩模式：RGB，確保色域一致。
• 畫板大小：匹配 AE 合成尺寸（如 1920×1080、1080×1920、4K）。

3. 導入 AE 最佳實踐

1. AE 中：文件 → 導入 → 文件類型選「合成」→ 圖層大小 → 保留圖層大小。
2. 生成合成與同名資料夾，圖層結構、名稱、位置、錨點位置（AI 中調整錨點至幾何中心）完美保留。

階段二：After Effects 動態重組與特效賦能

1. 字體生長動畫：Trim Paths 核心技法

• 針對描邊型字體/筆畫：圖層內容 → 添加 → 「路徑修剪」。
• 關鍵幀：開始 0% → 結束 100%，配合「簡易緩入緩出」（F9）或自定義速度曲線（Graph Editor）。
• 逐字/逐筆畫延遲：使用「表達式」實現索引延遲：`thisComp.layer(index-1).transform.position.valueAtTime(time - 0.1)` 或專用腳本。

2. 幾何變形與彈性動畫

• 效果 → 扭曲 → 「網格變形」/「貝茲曲線扭曲」/「渦流」，關鍵幀網格點位置，實現字體呼吸、扭曲、融化、生長有機變形。
• 效果 → 模糊銳化 → 「方向模糊」/「徑向模糊」配合速度感表現。

3. 粒子與光效系統

• 使用 Trapcode Particular / Stardust / 原生 CC Particle World，發射器綁定字體路徑（Auto-trace / Mask Path → Null → Emitter Position 表達式連結）。
• 粒子類型：光塵、花瓣、幾何碎片、流體墨跡，呼應「生命」主題。
• 光效：Video Copilot Optical Flares / 原生 Lens Flare / CC Light Burst 2.5，增強高潮瞬間視覺衝擊。

4. 攝影機與景深

• 建立 3D 攝影機，開啟景深，焦距動畫聚焦關鍵字詞。
• 將文字圖層開啟 3D 開關，Z 軸分層（前景字體、中景裝飾、背景紋理），構建空間深度。

5. 色彩敘事與轉場

• 調整圖層 → 色彩校正 → 「色相/飽和度」/「曲線」/「Colorama」，關鍵幀色相旋轉，敘事色彩轉變（冷→暖、單色→全譜）。
• 轉場：幾何遮罩擴散、墨跡擴散、光斑吞噬、幾何碎片重組。

成果展示

效率神器：表達式與腳本自動化

• 索引延遲通用表達式：套用於所有需序列動畫的屬性（位置、縮放、旋轉、透明度、Trim Paths End）：
  `delay = 0.08; // 每層延遲秒數`
  `thisComp.layer(index-1).transform.[property].valueAtTime(time - delay)`
• 隨機有機抖動：`wiggle(0.5, 10)` 套用於位置/旋轉，賦予生命體微動感。
• 腳本推薦：Explode Shape Layers（一鍵拆解形狀圖層）、Motion Toolbar（動畫預設一鍵套用）、AEscripts + AEplugins 生態工具鏈。

渲染輸出規範

交付格式	編碼/設置	適用場景
MP4 (H.264/HEVC)	CRF 18-22、High Profile、雙聲道 AAC 128kbps	社群媒體、網頁嵌入、客戶預覽
MOV (ProRes 422 HQ/4444)	含 Alpha 通道、嵌入時間碼	後期合成、廣播電視、檔案歸檔
Lottie JSON	Bodymovin 導出、資源內聯、gzip 壓縮	App/網頁輕量級互動動畫
PNG 序列	16-bit、直線色彩空間、獨立 Alpha	VFX 合成管線、最高質量歸檔

專案管理與團隊協作 SOP

1. 版本控制：AI 源檔 `.ai` + AE 專案 `.aep` 同步 Git LFS / Perforce / Dropbox 專案目錄。
2. 命名規範：`ProjectName_Scene_Shot_V001.aep`，嚴禁「最終版」「最終最終版」。
3. 資產鏈接：AI 檔案放置於專案 `Assets/Vector/`，AE 以相對路徑引用，避免斷鏈。
4. 審核流程：AE 導出低碼率 MP4 → 審核平台（Frame.io / SyncSketch / 微信群）→ 批註時間碼 → 設計師定點修改。

AI + AE 跨軟體工作流的核心在於「分工明確、介面標準、流程自動化」。Illustrator 專注「靜態視覺決策與向量資產製備」，After Effects 專注「時序敘事與動態特效」，兩者通過標準化的圖層命名、色彩空間、座標系統、導入導出協議實現無縫銜接。掌握這套工作流，你將能以工業化標準產出電影級、品牌級、病毒級的動態排版作品。