Photoshop 中單一圖層即可實現「不透明→透明」的漸變，Illustrator 卻無直接的「透明漸變」填充選項（漸變色標僅支援顏色，不支援不透明度）。但 AI 提供三種專業級替代方案，甚至比 PS 更具非破壞編輯優勢。本文深度解析三大核心技法原理、操作流程與適用場景。

需求場景

將一個實心色塊/形狀，從左側 100% 不透明漸變至右側 0% 透明（或任意方向），且不影響底層物件顏色。

方法一：透明度面板混合模式（最快、最輕量）

原理

利用混合模式演算法：將漸變物件（如白→黑漸變）疊加於底圖上，特定模式下「白=不透明、黑=透明」或反之，模擬透明漸變視覺效果。

操作步驟

1. 繪製目標形狀，填充「黑白線性漸變」（白在不透明側、黑在透明側）。
2. 選中形狀 → 開啟「透明度面板」 (Shift+Ctrl+F10)。
3. 混合模式下拉選單選擇 「變亮」 或 「螢幕」。
4. 效果：白色區域顯示底圖原色（不透明），黑色區域變透明，中間灰階產生半透明過渡。

優缺點

優點	缺點
單一物件、無額外圖層、即時可編輯、檔案最輕量	受限於混合模式演算法，無法精確控制透明度曲線；白色區域若非純白會殘留色彩；不適用於需導出帶 Alpha 通道的 PNG/SVG

方法二：混合工具（可控性強、支援任意形狀過渡）

原理

在「不透明物件」與「完全透明物件」之間插值生成中間步驟，形成離散的透明度階梯，步驟數足夠大時視覺上呈現平滑漸變。

操作步驟

1. 繪製兩個相同形狀/位置的物件：
   物件 A：填充目標顏色，不透明度 100%。
   物件 B：同形狀，填充相同顏色，不透明度 0%（或填充白色後設不透明度 0%）。
2. 全選 → 「物件」→「混合」→「建立」 (Alt+Ctrl+B)。
3. 「物件」→「混合」→「混合選項」 → 「間距」選「指定步數」→ 設 100-300 步（視尺寸/精度）。
4. 可隨時雙擊混合物件進入隔離模式，修改端點形狀/顏色/不透明度，中間過渡即時更新。

優缺點

優點	缺點
端點形狀/顏色/透明度可異，支援異形過渡；步數可控精度；非破壞編輯	產生大量中間物件，檔案體積增大、重繪較慢；導出 SVG/PDF 時會展開為大量路徑

方法三：不透明蒙版（最專業、最符合輸出標準、非破壞）

原理

蒙版灰度值映射透明度：白=100% 不透明、黑=0% 透明、灰=對應半透明。蒙版獨立於被遮罩物件，修改蒙版不損壞原物件，輸出時正確生成 Alpha 通道。

操作步驟

1. 目標物件（已有顏色/漸變）Ctrl+C 複製 → Ctrl+F 原位粘貼前置。
2. 前置副本填充「黑白線性漸變」（白對應保留區、黑對應透明區）。
3. 全選兩物件 → 開啟「透明度面板」 → 點選面板右上角選單 → 「建立不透明蒙版」。
4. 蒙版建立後：
   • 點擊透明度面板右側蒙版縮圖進入編輯模式，可繼續調整漸變、繪製形狀、貼圖。
   • 勾選「剪裁」限制顯示範圍；勾選「反相」翻轉黑白邏輯。
   • 點擊左側物件縮圖返回編輯主物件。

優缺點

優點	缺點
完全非破壞、精確控制透明度分佈、支援任意矢量/漸變/圖片做蒙版、輸出正確 Alpha 通道、PS 工作流通用邏輯	圖層結構稍複雜（主物件+蒙版）；極複雜蒙版可能影響重繪速度

三大技法選型決策表

場景	推薦方法	理由
簡單矩形/圓形淡入淡出、UI 遮罩、快速草稿	方法一：混合模式	最輕量、即時、單物件
異形狀過渡（如圓→方）、需精確控制中間形態、動畫關鍵幀導出	方法二：混合工具	端點可異形、步數可控、中間態可編輯
專業印刷/網頁輸出、需正確 Alpha 通道、複雜蒙版形狀、團隊協作、後期高頻修改	方法三：不透明蒙版	標準化、非破壞、輸出正確、PS 通用邏輯

進階技巧：蒙版內應用漸變網格/圖片

蒙版編輯模式下，可直接使用「漸變網格工具」繪製複雜透明度分佈，或「檔案」→「置入」灰度圖片作為蒙版，實現照片級透明度控制（如毛髮邊緣、煙霧消散）。

小結

Illustrator 雖無單一「透明漸變填充」按鈕，但「混合模式速成、混合工具變形、不透明蒙版專業」三板斧組合拳，覆蓋從草稿到最終輸出的全場景需求。建議養成「優先用蒙版」的專業習慣，僅在極簡場景下用混合模式加速。掌握三法邊界與轉換，才是真正駕馭 AI 透明度的關鍵。