如何在粗向量描邊上切出開口
若要在粗向量描邊上切出俐落的開口,請先將描邊轉換為填色形狀,將封閉的切割形狀橫跨描邊放置,然後減去該形狀。在 Adobe Illustrator 中,關鍵指令是 外框描邊 和 減去頂層。這種方法能讓你直接控制開口的寬度與角度。Adobe:將描邊轉換為複合路徑、Adobe:Pathfinder 面板概覽
本指南適用於正在編輯向量角色插圖的人,例如想在粗圓形細節或曲線輪廓上刻意留出間隙。主要教學使用桌面版 Illustrator,後面也會介紹 Inkscape 的相應操作。目標是在插圖中實際建立一個開口,讓後方的內容透出來。
為什麼要先將描邊轉換,再製作開口?
粗描邊有可編輯的路徑和可見寬度。將它轉換為外框後,描邊的外觀會變成可重新塑形的幾何形狀。Adobe 特別說明,轉換描邊可用來修改其外框或將其分割成數個部分。Adobe:將描邊轉換為複合路徑
就這項操作而言,可以把轉換後的描邊想成一條帶子。切割形狀會界定你要移除的帶子部分。它的兩側邊緣決定開口的邊界,而它的長度則決定是否能完全穿過帶子。
了解這個差異有助於選擇方法。若想切出矩形、斜角或自訂形狀的開口,請使用減去操作。如果想保留描邊可編輯的中心線,只移除其中一段,編輯節點可能更合適。例如,Inkscape 文件介紹了一個指令,可刪除兩個非端點節點之間的線段並留下間隙。Inkscape 初學者指南:節點工具選項
準備角色細節並選定間隙位置
轉換描邊前,先儲存一份可編輯的副本。將原始內容保留在單獨的隱藏圖層中,以便日後恢復其寬度和曲線。一次只處理一個細節;若選取整個角色,就更難看出減去操作會影響哪些物件。
初次嘗試時,使用簡單的曲線或圓形,設定純色描邊且不填色。如果原本的角色細節也有填色,請先決定是否要保留。Adobe 指出,將描邊轉換為外框後,產生的複合路徑可能仍與填色物件群組在一起,因此操作前請檢查選取的物件。Adobe:將描邊轉換為複合路徑
繪製切割形狀前,先決定以下三件事:
- 位置:開口在曲線上的位置。
- 寬度:兩側邊緣之間想要保留的可見空間。
- 方向:開口要筆直穿過描邊,還是呈一定角度。
筆直的開口可以先用矩形。調整位置,讓矩形延伸超出粗描邊兩側的可見邊緣。切割形狀若在描邊內部停止,會形成凹口;若橫跨描邊的完整厚度,則會形成開口。這是因為減去操作只會移除重疊的區域。
在 Adobe Illustrator 中切出開口
簡單的描邊細節可依照以下步驟操作:
- 只選取要修改的描邊。
- 選擇 物件 > 路徑 > 外框描邊。
- 檢查轉換結果,並確認外框描邊與任何原始填色分開選取。
- 在預定開口的位置上繪製一個有填色、無描邊的矩形。
- 將矩形放到外框描邊前方。
- 同時選取矩形和外框描邊。
- 開啟 視窗 > Pathfinder,選擇 減去頂層。
Adobe 將 外框描邊 列為轉換指令,並將 減去頂層 說明為移除前方物件,並從最底層物件減去重疊區域的操作。物件順序很重要:角色細節要放在切割形狀後方。Adobe:將描邊轉換為複合路徑、Adobe:Pathfinder 面板概覽
取消選取後,檢查開口的兩側邊緣。如果需要調整位置或寬度,請復原減去操作,再修改矩形。初次編輯時,調整簡單的切割形狀,比移動新產生的多個邊界節點更容易掌握。
不要把 外框描邊 和 Pathfinder 面板中的 外框 混淆。Adobe 說明,Pathfinder 的外框功能會產生沒有描邊或填色的路徑;它和將粗描邊轉換為形狀再進行減去,是不同用途的功能。Adobe:Pathfinder 面板概覽
透過實際範例調整切割形狀尺寸
以一個示範性的角色細節為例:曲線的水平部分有 20 px 粗的描邊,而你想切出 12 px 寬的開口。這些尺寸只是範例數值,並非規定的設計標準。
若要垂直切過這段局部水平的部分,先建立一個 寬 12 px、高 30 px 的矩形,並讓它跨越描邊厚度置中。多出的 10 px 高度可讓矩形兩側各超出 5 px,確保切割形狀完全穿過帶狀描邊。
這兩個尺寸各有不同用途:
| 切割形狀尺寸 | 在此範例中的用途 |
|---|---|
| 寬 12 px | 設定剩餘邊緣之間的水平開口寬度 |
| 高 30 px | 穿過 20 px 的描邊,並留有額外超出部分 |
| 位置 | 決定開口出現的位置 |
| 旋轉角度 | 決定切口的方向 |
此作法假設描邊局部呈水平,且矩形與它垂直。若是在曲線部分,或旋轉了矩形,請重新檢查整個重疊區域。必要時加長切割形狀,並確認它沒有同時與角色的其他部分重疊。
若要切出斜角開口,請先旋轉切割形狀,再進行減去。此時的寬度是沿旋轉後矩形的方向測量,因此不應將它視為相同的水平間隙寬度。請依照所需的間隙方向檢視結果。
在 Inkscape 中使用相應的操作流程
Inkscape 提供相同的基本操作:將描邊轉換為物件,並從一個路徑減去另一個路徑。其文件也強調,堆疊順序會影響布林運算。Inkscape 初學者指南:節點工具選項、Inkscape 初學者指南:布林運算
選取角色描邊,使用 路徑 > 描邊轉路徑。檢查轉換後的物件,再於預定開口處繪製一個有填色、無描邊的矩形。將矩形置於轉換後的描邊上方,選取這兩個物件,然後選擇 路徑 > 差集。差集會從一個路徑減去另一個路徑;底層物件就是你要修改的物件。Inkscape 初學者指南:布林運算
如果操作沒有產生結果,請先查看 Inkscape 狀態列中的訊息,再調整其他設定。手冊指出,這則訊息會說明布林運算失敗的原因。Inkscape 初學者指南:布林運算
排查外觀不正確的開口
請依照一致的順序檢查幾何形狀和選取內容。以下檢查項目是根據文件所述的轉換與減去行為整理出的實用推論。
| 看到的情況 | 檢查項目 | 下一步 |
|---|---|---|
| 只有淺淺的凹口 | 切割形狀停在粗輪廓內部 | 延長切割形狀,讓它超出兩側邊緣 |
| 留下了錯誤的物件 | 切割形狀位於角色細節後方 | 復原操作並調換堆疊順序 |
| 太多插圖消失 | 切割形狀與其他區域重疊,或選取了額外物件 | 縮小選取範圍並重新定位切割形狀 |
| 開口仍被遮住 | 原始填色或重複物件仍留在編輯後的外框後方 | 分別檢查這些物件 |
| 新切出的邊緣出現多餘邊框 | 結果附帶了額外描邊 | 檢查填色和描邊設定 |
| 開口只在白底上看起來正確 | 可能有白色物件遮住該區域 | 換成對比色背景測試 |
也要區分形狀切口和動態描邊端點之間的間隙。Illustrator 的端點設定適用於開放線段:平頭端點會形成方形端頭,圓頭端點會形成半圓形端頭,投影端點則會超出端點半個線寬。若保留可編輯的描邊,這些設定會影響可見端頭。Adobe:在物件上套用描邊
完成轉換和減去後,請直接檢查產生形狀的邊界。若想調整邊界角度,請復原操作並調整切割形狀。若你希望保留一般的圓角描邊端頭,並持續控制線寬,請在定稿前重新考慮編輯線段的方法。
確認完成的角色插圖中的開口
在編輯後的細節後方放置一個暫時使用的對比色矩形。它應該能從整個開口透出來。稍微移動矩形,確認你看到的是從間隙透出的背景,而不是剛好與背景同色的遮蓋物。
接著,以預定的顯示尺寸檢查角色。在高倍率下很明顯的間隙,縮小後可能窄到無法呈現你想要的視覺細節。請依照預定尺寸調整開口,並檢查兩側切邊是否有殘留的小碎片或意外重疊。
將可編輯的原始版本與完成版本一起保留。完成的細節應具備你選定的開口、讓後方插圖透出來,並保留周圍的曲線。確認無誤後,移除暫時使用的背景,並儲存編輯後的角色插圖。
資料來源
- Adobe Illustrator:將描邊轉換為複合路徑
- Adobe Illustrator:Pathfinder 面板概覽
- Adobe Illustrator:在物件上套用描邊
- Inkscape 初學者指南:節點工具選項
- Inkscape 初學者指南:布林運算
