Illustrator 預設文字物件無法直接套用漸變填充（填充顏色只能是單色），也無原生「透明漸變」功能。但透過 外觀面板 的「新增填充」機制，可在**保持文字可編輯性**的前提下，為文字賦予任意漸變、透明漸變、多層疊加填充。本教程演示 4 步極簡工作流與進階變體。

最終效果

核心 4 步驟

步驟 1：建立文字並清空預設屬性

• 文字工具 (T) 輸入文字，設定字體/大小 (如 Klavika Bold Condensed)。
• **關鍵**：「外觀面板」中將「填色」與「描邊」均設為「無」。
  原因：若保留預設黑色填充，後續添加透明漸變時，原始黑色會從透明區域「滲」出，破壞效果；CS4 以下版本更嚴重。清空預設屬性是乾淨漸變的前提。

步驟 2：外觀面板新增填充

• 直接選擇工具 (A) 選中文字 (或選取工具 V 整體選中)。
• 外觀面板右上角選單 → 「新增填充」。
• 面板中出現新增的「填充」屬性行，拖動排序至最上層。

步驟 3：套用漸變填充

• 點擊新增填充行的顏色縮圖 → 選擇漸變色板或漸變面板 (F9) 設定漸變類型 (線性/徑向/自由形式)、角度、色標、不透明度。
• 即時生效，文字保持可編輯 (可隨時修改文字內容、字體、字距)。

步驟 4：進階——透明漸變與多層疊加

• 在漸變面板色標下方「不透明度」滑桿設定：左色標 100%、右色標 0% → 獲得「不透明→透明」線性透明漸變。
• 再次「新增填充」疊加第二層漸變 (如徑向高光)、或「新增描邊」添加描邊漸變，調整混合模式 (疊加、柔光、正片疊底) 與不透明度，構建豐富視覺層次。

進階變體與技巧

1. 文字內描邊漸變

外觀面板「新增描邊」→ 設定描邊寬度、對齊「內側」→ 填充漸變 → 效果 → 路徑 → 偏移路徑 (負值) 使描邊向內縮進，形成內發光邊緣。

2. 文字變形後漸變自適應

文字套用「效果」→「扭曲」→「拱形/膨脹/擠壓」等 → 漸變填充隨文字形變即時更新，無需重設。

3. 存為圖形樣式一鍵複用

完成效果後 → 「圖形樣式面板」→「新增圖形樣式」→ 命名 (如「品牌標題漸變」) → 任意新文字一鍵套用。

4. 導出 SVG 保留漸變

「檔案」→「匯出」→ SVG → 「更多選項」→ 「CSS 屬性：樣式元素」→ 漸變會輸出為 ``/``，網頁端完美還原。

避坑指南

錯誤做法	後果	正確做法
直接對文字物件套用漸變色板	無效，文字填充仍為單色	必須經由外觀面板「新增填充」
未清空預設填色/描邊	透明漸變區域露出原始黑色/描邊	步驟 1 必清空為「無」
建立輪廓後再加漸變	文字不可編輯，修改內容需重繪	保持即時文字，用外觀面板非破壞編輯
用「不透明度蒙版」做文字透明漸變	結構複雜、難編輯、導出 SVG 複雜	漸變色標直接設不透明度，最輕量

小結

「清空預設 → 外觀新增填充 → 設定漸變/透明度 → 存為樣式」——這 4 步構建了 Illustrator 文字漸變的**標準化非破壞工作流**。它不僅解決「文字怎麼加漸變」的基礎問題，更通過外觀面板的疊加機制，開啟了「多層漸變、混合模式、即時變形、樣式復用、SVG 輸出」的進階可能性。將此法納入你的標準作業程序 (SOP)，文字排版效率與表現力雙提升。