Metlivi 部落格

如何在 Illustrator 中調整多個向量物件共用的漸層

若要在 Adobe Illustrator 中，讓分開的向量物件呈現連續漸層，請為物件套用漸層填色、一起選取它們，再使用漸層工具拖曳整個選取範圍。Adobe 將此方法說明為在多個物件上建立一個漸層註解器的方式。在多個物件上套用漸層

本教學著重於編輯角色插畫中的獨立形狀，讓顏色在整體構圖中自然流動。你將設定共同的漸層方向、調整顏色與轉換效果，並確認各個部分仍能呈現預期的整體混色效果。

2026年10月29日閱讀時間 6 分鐘作者：Metlivi Editorial Team

開啟產品返回文章庫

第 1 節

共用漸層需要共用哪些特性？

在這項操作中，「共用」指的是在所選插畫上呈現連續的視覺轉換。光是顏色相同並不足以形成連續效果：漸層也需要一致的位置、方向與範圍。

想像角色旁邊水平排列著三個獨立的裝飾形狀。你希望左側是藍綠色，中間呈現混色過渡，右側則是紫色。如果每個形狀都各自呈現完整的藍綠色到紫色轉換，那就是重複漸層。連續的效果則會讓每個形狀依照所在位置，呈現漸層中的對應區段。

SVG 的漸層模型也呈現了這項差異。SVG 規格區分相對於各物件邊界方框的座標，以及參照元素使用者座標系統中的座標。這也說明，重複使用漸層定義本身，並不能建立連續的空間轉換。SVG 2：繪製伺服器—漸層與圖樣

第 2 節

應該選擇哪種漸層？

若要讓角色的不同裝飾部分呈現連續的色彩轉換，請從線性漸層開始。它有明確的起點、終點與方向。若要讓色彩從中心向外擴散，則適合使用放射狀漸層。Adobe 的多物件工作流程涵蓋這兩種類型。Illustrator 中的漸層類型與在多個物件上套用漸層

請依照視覺需求選擇：

預期外觀	建議起始選項	位置設定考量
顏色橫跨多個部分流動	線性	漸層應從哪裡開始、在哪裡結束？
顏色從中心向外擴散，橫跨多個部分	放射狀	中心應位於何處？
單一形狀內有多個位置各異的顏色區域	自由形式	每種顏色應影響形狀的哪個部分？

自由形式漸層會在形狀內放置色標，不使用線性或放射狀漸層註解器。因此，以下步驟將使用線性填色。Illustrator 中的漸層類型

第 3 節

如何將漸層套用到分開的物件上？

先處理應參與色彩轉換的向量形狀。第一次嘗試時，使用幾個簡單的填色形狀，並將其他角色細節排除在選取範圍之外。這樣會更容易檢視結果。

選取一個要參與漸層的物件，並套用線性漸層。
切換到選取工具，按住 Shift 鍵並選取其餘物件。
在漸層面板中啟用填色，並將相同的漸層套用至選取範圍。
選取漸層工具。
從預定的起始位置拖曳到預定的終點，橫跨整個插畫；請勿按住 Alt 或 Option 鍵。

Adobe 說明的工作流程會透過這次拖曳建立一個漸層註解器。在 Windows 上按住 Alt 拖曳，或在 macOS 上按住 Option 拖曳，則會為每個選取的物件建立個別註解器；Adobe 將這種多註解器行為限定於簡單路徑。在多個物件上套用漸層

調整調色盤前，先檢視整體效果。最左側的部分是否呈現起始色？中間的部分是否顯示轉換效果？最右側的部分是否接近結束色？根據這三項觀察，判斷漸層是否涵蓋了預期區域。

第 4 節

如何調整方向、範圍與顏色？

調整整體效果時，請讓參與漸層的形狀保持選取狀態。漸層註解器可控制線性漸層的角度、位置與延伸範圍。圓形起始控制點可更改起點；結束控制點可更改範圍，而終點的旋轉控制項可更改角度。Illustrator 中的漸層類型

先調整空間位置，再微調顏色。首先確定方向，接著決定角色插畫中有多少部分應包含漸層，最後再微調調色盤。依照這個順序操作，每次編輯都有明確目的，也能減少反覆調整。

若要編輯顏色，請在漸層滑桿上按兩下色標，並選擇替代顏色。你可以在滑桿下方新增色標、調整色標的不透明度，或移動菱形中點來改變相鄰色標之間的混色效果。為平面插畫加入豐富多彩的漸層

根據看到的問題選擇控制項：

轉換方向錯誤：調整漸層角度。
顏色在插畫中錯誤的位置轉換：重新調整起點與終點的位置。
混色比例需要調整：調整中點。
需要特定的中間色：新增色標。
調色盤本身不對：編輯現有色標。

第 5 節

拖曳前如何規劃漸層轉換？

透過簡單的位置計算，讓漸層的放置更有依據。以下數字僅為示範用的版面數值，並非從經測試的角色素材中測量得出。

假設所選的裝飾形狀水平延伸範圍從 x = 100 到 x = 500。將漸層起點設在 x = 100，終點設在 x = 500，並保持水平拖曳。預定長度為 400 個單位。x = 300 的位置位於這段距離的中點：(300 − 100) ÷ (500 − 100) = 0.5。

這項計算可找出漸層上的位置，但無法預測實際顯示的精確顏色。若以兩個色標作為起始設計，請將中點位置用作視覺檢查點。若構圖需要讓中心更偏藍綠色，請在設定好整體範圍後再調整混色效果。

同樣的規劃方式也適用於垂直方向。選擇角色設計中重要的頂端與底端位置，再根據這段共同範圍檢視中間的部分。關鍵在於每個部分在整體構圖的漸層轉換中位於何處。

第 6 節

漸層看起來不對時，應檢查什麼？

一次診斷一個可見問題。若同時變更選取範圍、幾何形狀與顏色，就更難判斷是哪項調整有效。

如果每個形狀看起來都重新開始混色，請重新選取所有預定參與漸層的物件，並再次跨越整體範圍拖曳一次。如果某個部分維持原樣，請確認它確實有被選取，且你正在編輯它的填色。如果顯示的控制項屬於不同物件，請檢查是否使用了 Alt 或 Option 修飾鍵。

如果看不到註解器，請選擇檢視 > 顯示漸層註解器。Adobe 說明了這項控制項可用於顯示畫布上的漸層滑桿。Illustrator 中的漸層類型

如果結果變得難以判斷，請暫時將調色盤簡化為兩種差異明顯的顏色。先確立連續的方向與位置，再重新加入中間色標。這是用於診斷的編輯方法，並非完成插畫的必要要求。

第 7 節

如何完成並檢查角色插畫？

先在控制項可見時檢視一次漸層，再於插畫不受遮擋時檢視一次。分別檢查起點、轉換區域與終點。接著以預定顯示尺寸檢視角色，判斷色彩流動是否依然清楚。

重新排列參與漸層的部分後，請先重複這些檢查，再調整調色盤。實用的最後檢查方式是用一句話描述預期的漸層轉換，例如「藍綠色從左側裝飾開始，到了右側裝飾轉為紫色」，再將插畫與這句描述比對。

維持一致的最終編輯順序：選取參與漸層的形狀、設定共同範圍、微調色標，並檢視完整角色。這套流程能協助你調整連續漸層，同時留意整體設計。

第 8 節