文字漸變是排版設計中提升視覺層級的高頻手段。本文通過一個實戰案例，拆解 Illustrator 中文字漸變的三種核心實現路徑、常見坑點規避與進階創意延展，助你精準掌控字體色彩表現力。

案例背景

設計主視覺標語「CREATE」，需呈現「科技感藍紫漸變」且文字保持可編輯，適配橫幅、海報、動態影片字幕多種輸出規格。

方案一：外觀面板漸變填色（推薦標準流）

1. 輸入文字，字型選 Montserrat Bold / PingFang SC Heavy，字距微調 -20。
2. 工具箱/色板面板將文字「填色」設為「無」（關鍵！）。
3. 開啟「外觀」面板 (Shift+F6) → 「添加新填色」 → 選擇/建立線性漸變：
   色標 1：#1A237E (深藍) 位置 0%
   色標 2：#7C4DFF (亮紫) 位置 50%
   色標 3：#00E5FF (青色) 位置 100%
4. 漸變角度設 -45°（左上→右下），或用漸變工具 (G) 拖曳微調。
5. 優點：文字永久可編輯、漸變隨文字範圍自動適配、可疊加描邊/投影/內發光等效果。

方案二：文字建立輪廓後套用漸變（特殊造型專用）

1. 文字排版定稿後，選中執行「文字 > 建立輪廓」(Shift+Ctrl+O)，轉為複合路徑。
2. 直接套用漸變填色，用漸變工具 (G) 自由拖曳控制漸變方向與範圍（可超出文字邊界創造溢出效果）。
3. 缺點：文字不可再編輯；優勢：漸變範圍完全脫離文字包圍盒限制，適合標題字設計、Logo 字體定製。

方案三：剪貼蒙版/不透明度蒙版（圖像填充文字）

1. 置入/繪製一張漸變圖像（或噪點紋理、照片）。
2. 文字置於圖像上方，選中兩者，執行「物件 > 蒙版 > 建立」(Ctrl+7)。
3. 文字成為蒙版，圖像僅在文字輪廓內顯示。雙擊進入隔離模式可分別移動文字與圖像。
4. 適用：將複雜材質（金屬、火焰、星空）填充進文字輪廓。

避坑指南：三大常見錯誤與修正

錯誤現象	根本原因	正確做法
漸變方向固定不隨文字旋轉	漸變角度設為「絕對座標」而非「相對物件」	漸變面板勾選「相對物件」或改用漸變工具 (G) 手動拖曳
文字編輯後漸變消失/變黑	直接在工具箱套用漸變，未清除預設字元填色	先設字元填色為「無」，再用外觀面板添加漸變填色屬性
多行文字漸變斷裂/各行獨立	漸變基於單行文字包圍盒計算	將文字框轉為區域文字，或外觀面板漸變設為「跨行」模式（CS6+支援）

進階創意延展

• 動態漸變文字：外觀面板添加「效果 > 路徑 > 路徑偏移」動畫鍵幀，配合 After Effects 實現漸變流動動畫。
• 描邊漸變字體：文字無填色、描邊設漸變、描邊面板「對齊描邊至路徑外側」，得細線漸變字體。
• 變色龍文字：外觀面板疊加兩層漸變填色，上層模式「色相」、不透明度 50%，隨背景自適應變色。
• 儲存為圖形樣式/CC Libraries：一鍵同步至團隊資產庫，確保跨專案、跨軟體（Ps/Id/Xd）色彩一致。

掌握三大路徑與避坑要訣，你將能根據專案需求——「可編輯性優先」、「造型自由度優先」或「材質真實度優先」——精準選擇最優文字漸變實現方案。