Metlivi 部落格

如何在 Inkscape 中將分開的曲線轉換成正確填色的單一形狀

若要在 Inkscape 中將分開的曲線轉換成單一填色形狀,請選取邊界曲線,選擇 Path → Combine,再使用節點工具連接相應的端點。套用填色前,請先封閉最後一對端點。Combine 會建立單一物件;連接端點則會形成連續邊界。Inkscape:布林運算、節點工具選項。

本流程適合初學者將分別繪製的曲線組成單一剪影,例如角色插畫的外輪廓。目標是建立一個可編輯的封閉輪廓,讓填色沿著預期的外周延伸。

2026年10月29日閱讀時間 7 分鐘作者:Metlivi Editorial Team
第 1 節

為什麼分開的曲線會在意料之外的地方填色?

一組曲線看起來可能已經圍成封閉區域,實際上卻未形成連接的輪廓。Inkscape 使用的格式 SVG 會將開放子路徑視同以一條直線連接末點與起點來填色。因此,分開的曲線片段可能形成楔形或彎曲色塊,而不是填滿你看到的曲線之間的空間。W3C:繪製—填色屬性。

這也說明了為什麼套用顏色並不是可靠的封閉狀態檢查。即使路徑的端點仍未連接,也可能顯示大片填色。你需要先建立預期的邊界,再檢查外觀。

假設有兩條曲線,分別構成橢圓的上半部與下半部。每條曲線單獨填色時,都可能在曲線弧線與預設的直線邊之間填滿區域。連接對應端點後,這兩段曲線就會形成你真正需要的外周。

第 2 節

應該包含哪些曲線?

變更圖形前,請先儲存工作副本。找出所有構成外周的曲線,並不要將內部裝飾線納入選取範圍。若要建立單一剪影,你應該能沿著預期邊界一路描繪,回到起點。

請依照以下項目準備:

  • 找出每條邊界曲線應與相鄰曲線相接的位置。
  • 決定每個接點應為圓滑或尖銳。
  • 檢查是否有多餘的線條穿過內部。
  • 確認是否仍有物件是幾何形狀,而非可編輯的路徑。

如果選取的橢圓、矩形或其他幾何形狀顯示形狀專用控制點,請在編輯節點前使用 Path → Object to Path。轉換後,原本的形狀控制項會改為路徑編輯控制項,因此保留工作副本會很有幫助。已經以路徑繪製的曲線不需要轉換。Inkscape:編輯幾何形狀的節點。

請記得區分曲線本身與其可見外框。描邊的樣式與填色分開設定;描邊寬度和端點樣式會影響你看到的效果。因此,粗描邊看似接觸,只能作為底層幾何形狀的視覺線索。Inkscape:描邊。

第 3 節

應該使用 Combine 還是 Union?

若要將分開的曲線組成一條連續外周,請先使用 Combine。它會將各個片段保留在單一路徑物件中。這些片段在連接之前仍是獨立的子路徑。Union 用途不同:它會合併現有形狀的區域。Inkscape:布林運算。

起始情況 適用方法
構成同一外周各區段的開放曲線 Combine,然後連接對應端點
填色區域應合併的封閉形狀 Union
外圈內有刻意保留開口的內圈 保留分開的封閉子路徑,並選擇適當的填色規則

使用選取工具,只選取外周片段,再選擇 Path → Combine。繼續前請檢查結果:物件可以單獨選取,不代表其中每個片段都已連接。使用手冊明確區分包含多個子路徑的複合路徑與分開的路徑物件。Inkscape:布林運算。

第 4 節

如何連接曲線並封閉邊界?

按下 N 啟用節點工具。沿著外周逐一處理每個接點:

  1. 放大第一個預定接點。
  2. 選取該處的兩個端點節點。
  3. 若要將兩端合併為一個節點,請使用 Join selected nodes。
  4. 若要在兩端之間保留一段連接區段,請使用 Join selected end nodes with a new segment。
  5. 在每個接點重複上述步驟,包括封閉輪廓的最後一對端點。

合併指令會將選取的節點合併為一個,並盡量保留路徑形狀。區段指令則會連接端點。每次只選取一對預定端點:使用手冊指出,若一次選取較多節點,系統可能會連接彼此最近的端點,而這些端點未必是你原本預期要連接的對象。Inkscape:節點工具選項。

以兩條曲線構成的橢圓為例,選取並連接左側相應的端點,再選取並連接右側相應的端點。只連接一側會留下連續但開放的輪廓。這符合 SVG 描述的路徑結構:路徑可以包含相連的區段,而封閉子路徑則會回到起點。W3C:路徑。

如果很難選取一對端點,可以先點選一個端點,再按住 Shift 點選另一個,或在兩者周圍拖曳小型節點選取框。Inkscape 原始的節點工具文件說明了這兩種選取方式。Inkscape Wiki:節點工具改寫。

第 5 節

如何在每個接點保持曲線形狀?

連接邊界後,請檢查每個接點是否出現不需要的尖角或凸起。連接只會建立連通性;輪廓如何通過該接點,則由節點類型和控制柄決定。

輪廓需要流暢銜接時,請使用平滑節點:其控制柄會在節點處對齊。需要尖角,或需要獨立調整節點兩側曲率時,請使用尖角節點。此外,對稱節點會讓兩側控制柄長度相同,因此只有在這種限制符合輪廓需求時才選用。Inkscape:節點類型簡介。

選取接點節點,使用相應的節點類型控制項,再調整控制柄,同時觀察兩側相鄰曲線。一次檢查一個接點,以判斷局部變更是否改善了整體剪影。若設計中包含刻意安排的尖角,請避免將所有節點都轉換為平滑節點。

第 6 節

如何套用填色並找出剩餘問題?

選取完成的路徑,開啟 Object → Fill and Stroke。在 Fill 分頁中選擇純色,再選取顏色。在 Stroke paint 中保留外框,或點選叉號以取消描邊。對話方塊會分別處理這兩種塗色設定。Inkscape:填色與描邊對話方塊。

若結果不如預期,請依照以下順序診斷:

  1. 斜邊切過預期的內部區域:重新檢查相應的端點連接;開放子路徑可能正沿著預設的封閉邊填色。
  2. 仍有意外的孔洞:變更填色規則前,先檢查是否有多餘子路徑、重疊迴圈或自我交叉。
  3. 物件看起來不可見:確認 Fill 設定的是顏色,而非無塗色,並檢查不透明度。
  4. 接點看起來尖銳:檢查該節點的類型和控制柄。

當路徑自我交叉或包含巢狀子路徑時,填色規則就很重要。使用 even-odd 時,不論內圈的方向為何,巢狀迴圈都可能形成開口;nonzero 則也會將路徑方向納入考量。對於簡單且不自我交叉的封閉輪廓,無須切換規則。請先修整邊界,再處理刻意保留的開口。W3C:繞行規則。

若填色不可見,請檢查顏色的 alpha 值以及物件的整體不透明度。SVG 將填色不透明度分開定義,而 Inkscape 的整體不透明度控制項會同時影響填色與描邊。W3C:填色不透明度、Inkscape:填色與描邊對話方塊。

第 7 節

如何確認形狀已完成?

使用節點工具檢查所有原本的接點,再以預定觀看尺寸檢視剪影。本文介紹的單一輪廓應是一個封閉迴圈,不含殘留的開放片段。即使兩個端點位於相同位置,SVG 仍會區分封閉子路徑與開放子路徑,因此單純將兩個端點移到一起並不足夠。W3C:Closepath 指令。

最後,請一併確認三件事:邊界已連接、曲線具有預期的尖角與銜接方式,而且填色覆蓋了預期的內部區域。三者皆符合預期後,請儲存可編輯的 SVG,方便日後調整剪影。

第 8 節

資料來源

相關閱讀

繼續探索這個主題