漸變是賦予矢量圖形體積感、空間感、材質感、情緒感的核心色彩手段。Illustrator 提供了 線性、徑向、自由形狀 三大漸變類型，配合 漸變面板、漸變工具 (G)、外觀面板、漸變網格 等工具體系，可實現從簡單雙色過渡到複雜多色材質渲染的全譜系表達。本指南系統梳理漸變填充的完整知識樹。

成品展示

一、漸變類型與適用場景

類型	圖標	特徵	典型應用
線性漸變	▭→	沿直線方向過渡	天空、地平線、按鈕背景、光影側面
徑向漸變	●→	從中心點向四周輻射	球體高光、光源輻射、圓形按鈕、眼睛高光
自由形狀漸變	⋯→	沿任意路徑/形狀過渡 (AI 2019+)	不規則物體著色、角色身體漸變、複雜材質

二、漸變面板深度操作

1. 滑塊管理

• 新增滑塊： 點擊滑塊軌道空白處 / 現有滑塊 Alt+拖動複製。
• 刪除滑塊： 拖離滑塊軌道 / 選中按 Delete / 右鍵刪除。
• 移動滑塊： 拖動位置 (0-100%) / 輸入精確數值。
• 中點菱形： 拖動調整兩色過渡中點位置 (非線性過渡)。

2. 顏色編輯

• 雙擊滑塊 → 彈出 顏色面板 / 色板面板 選色。
• 支援色彩模式：CMYK、RGB、HSB、Lab、灰階、全域色 (Global Color □)。
• 全域色：勾選後，修改色板定義將同步更新所有套用該漸變的對象。

3. 不透明度滑塊 (AI 2019+)

• 漸變面板右側 不透明度 區域，獨立控制每個顏色節點的透明度 (0-100%)。
• 實現「實色 → 透明」無縫過渡，無需蒙版/剪切。

4. 角度/長寬比/縮放

• 角度： 線性漸變方向 (-180°~180°)。
• 長寬比： 徑向漸變橢圓度 (100% 為正圓)。
• 縮放： 漸變範圍相對對象邊界框的比例。

三、漸變工具 (G) 現場直調

• 選中對象 → 按 G 啟用漸變工具。
• 畫面上出現 漸變標注器 (起點/終點/中點手柄)，直接拖動：
  - 端點：控制漸變範圍起止位置
  - 中點菱形：控制過渡中點
  - 圓形手柄 (徑向)：控制半徑/橢圓度/旋轉角度
• Shift 鎖定 45° 角度；Alt 從中心縮放 (徑向)。
• 雙擊標注器上色標 → 直接喚出顏色選取器修改節點色。

四、自由形狀漸變進階 (AI 2019+)

1. 選中對象 → 漸變面板選擇 自由形狀漸變。
2. 漸變工具 (G) 下會出現 控制點 (實心圓) 和 路徑。
3. 添加控制點： 點擊對象內部任意位置。
4. 移動控制點： 拖動改變色彩流向。
5. 設置控制點色/透明度： 選中點 → 漸變面板/屬性面板編輯。
6. 連接控制點： 拖動一點到另一點形成線段，色彩沿線段流動。
7. 適用：角色身體膚色漸變、動物毛色過渡、不規則液體/火焰/煙霧著色。

五、漸變網格 — 專業渲染級著色

• 對象 → 建立漸變網格：指定行/列/外觀 (平面/球體/圓柱)。
• 網格工具 (U) 點擊添加網格線/節點，直接選擇工具拖動節點/手柄。
• 每個網格節點獨立擁有顏色與透明度，實現類光柵渲染精度的矢量著色。
• 應用：臉部膚色渲染、汽車車身高光、果實水分質感、織物褶皺光影。

六、外觀面板漸變疊加系統

單一對象疊加多重漸變填充，構建複雜材質：

1. 填充 1：基底漸變 (大面積色調)。
2. 填充 2：徑向漸變 高光 (螢幕/疊加模式)。
3. 填充 3：線性漸變 陰影 (正片疊底模式)。
4. 填充 4：圖案填充 (噪點/紋理) + 透明度模式。
5. 所有填充可獨立開關/調序/編輯，對象形狀變化自動適應。

七、漸變保存與複用規範

• 存為色板： 漸變面板選單 → 存儲為色板，命名規範：Grad_Linear_Sunset_Warm、Grad_Radial_Metal_Chrome、Grad_Freeform_Skin_Tone。
• 存為圖形樣式： 包含漸變+描邊+效果的完整外觀組合。
• CC Libraries 同步： 拖入資產庫，跨設備/跨團隊/跨軟體 (PS/ID/XD) 共享。

八、印刷與輸出注意事項

• CMYK 漸變陷阱： 避免「深藍→亮紅」跨色域漸變產生灰暗中間帶，改用「深藍→品紅→亮紅」三色滑塊過渡。
• 網點角度衝突： 多色漸變輸出分色時，網點角度差 < 30° 易產生摩爾紋，需在輸出設置中調整網點角度。
• 透明度扁平化： 含透明漸變對象輸出 PDF 1.4+ 保留透明度，或預設高解析度扁平化預設。
• 大面積漸變條紋： 增加雜訊 (效果 → 雜訊 → 添加雜訊 0.5-1%) / 改用漸變網格手動平滑過渡。

漸變不只是「兩顏色過渡」，而是設計師手中的「光影畫筆」。精通漸變體系，即掌握了矢量設計中「無光柵渲染」的核心造化能力。