Metlivi 部落格

如何向外加粗外框,同時保留內部細節

若要加粗角色的外框,又不遮住眼睛、標記或其他內部細節,只需修改外部輪廓。對於封閉的向量形狀,請使用向外對齊的描邊。對於點陣圖稿,請擴展輪廓選取範圍,並在原角色下方的獨立圖層填色。

本指南介紹如何在外部繪圖軟體中編輯角色圖稿:使用 Illustrator 處理向量形狀,使用 GIMP 處理點陣圖。實際目標是在原有內部圖稿保持不變的情況下,讓外框更粗。

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

判斷要加粗哪一道邊界

變更任何寬度之前,先決定你要加強既有的身體輪廓,還是要替整個組合完成的角色加上外框。這兩種工作可能需要不同的來源形狀。

例如,角色可能包含填色的身體、分開的眼睛、裝飾斑點,以及獨立的配件。若只想加粗身體外框,請選取身體的外部輪廓。若外框應環繞整個角色,請準備一個獨立輪廓,代表要納入外框的各個部分。

編輯前請參考以下判斷表:

圖稿狀況 適合的起始方法 檢查細節
單一封閉的向量身體形狀 向外對齊的描邊 既有描邊的對齊方式
多個向量身體元件 在圖稿後方建立獨立輪廓 元件之間不需要的邊框
透明背景上的填色點陣圖角色 在下方擴展輪廓選取範圍 透明孔洞與半透明邊緣
只有線條的點陣圖繪圖 先準備填色的輪廓 內部線條之間的開口

點陣圖的區別很重要,因為 GIMP 的「Alpha 轉為選取範圍」會依據不透明度操作:不透明區域會完整選取,透明區域不會選取,半透明區域則會部分選取。因此,只有眼睛和輪廓線的圖層,無法像填色的角色輪廓那樣形成相同的選取範圍。GIMP 手冊:Alpha 轉為選取範圍

保留一份未經修改的圖稿副本。盡可能將外框與臉部及裝飾細節分開;如此一來,你就能調整輪廓,不必反覆選取個別特徵。

第 2 節

對封閉的向量形狀使用向外對齊的描邊

在 Illustrator 中,若角色輪廓是封閉路徑,向外對齊是直接可用的選項。Adobe 說明,描邊對齊適用於非即時上色群組的封閉路徑。Adobe Illustrator:套用描邊顏色、寬度與對齊方式

  1. 只選取角色的外部身體路徑。
  2. 開啟 視窗 → 描邊。
  3. 設定描邊顏色與粗細。
  4. 選擇 描邊向外對齊。
  5. 檢查轉角,必要時調整接合樣式。

這些控制項會設定描邊相對於所選路徑的寬度與位置。圓角接合會將角落修圓,斜角接合會削平角落,斜接接合則會形成尖角。若角色造型柔和圓潤,可以先試用圓角接合,再與原始輪廓比較。Adobe Illustrator:描邊設定

向外對齊會將描邊放在形狀外側,保留更多內部空間。不過,變更對齊方式也可能改變既有外框的外觀。若你想原封不動保留原本置中的描邊,請保持該圖稿不變,並在後方另行嘗試使用獨立輪廓。Adobe Learn:變更顏色與描邊

套用新的粗細時,避免同時選取臉部與身體。即使外部輪廓看起來正確,將粗細套用至所有選取路徑仍可能改變內部細節。

第 3 節

在原角色下方建立點陣圖外框

在 GIMP 中,請使用透明背景上的填色角色作為選取來源。選取時不要包含背景圖層。若圖稿只有零散線條,請先建立一個獨立的填色輪廓,沿著預期的外部邊界描繪。

這個流程結合三項有文件說明的操作:選取角色的不透明區域、擴展選取範圍,以及在新圖層上填滿擴展區域。GIMP 的「擴展」指令位於 選取 → 擴展,預設單位為像素。GIMP 手冊:擴展

  1. 選取填色角色圖層,或已準備好的輪廓圖層。
  2. 選擇 圖層 → 透明度 → Alpha 轉為選取範圍。
  3. 選擇 選取 → 擴展,輸入所需的向外擴展值,例如示意用的 3 像素。
  4. 選擇 圖層 → 新增圖層,將圖層命名為 Outer outline,並將填色設為 透明。圖層尺寸要足以容納擴展後的選取範圍。
  5. 將 Outer outline 移至所有原始角色圖稿下方,但放在任何背景之上。
  6. 將前景色設為預期的外框顏色。
  7. 在 Outer outline 為作用中圖層且選取範圍仍存在時,選擇 編輯 → 以 FG 顏色填滿。
  8. 取消選取並檢查結果。

GIMP 會在所選圖層上方建立新圖層,因此務必在此流程中明確將外框移至下方。「新圖層」對話方塊也可設定圖層尺寸與填色。GIMP 手冊:新圖層

「以 FG 顏色填滿」會使用前景色填滿作用中的選取範圍。請確認選取範圍仍然存在:若沒有選取範圍,該指令會填滿整個作用中圖層。GIMP 手冊:以 FG 顏色填滿

擴展後的填色會延伸至角色下方。上方的不透明圖稿會遮住重疊部分,只留下外部可見的新增外框。透明開口需要另外檢查,因為它們可能會露出下方的外框圖層。

第 4 節

依據最終顯示尺寸選擇粗細

請依角色實際顯示的尺寸選擇外框寬度。在大型工作畫布上看起來適中的外框,縮小後可能幾乎看不見。

以下是示意計算,並非通用的建議設定:假設角色製作時寬 512 像素,顯示時寬 128 像素。縮放比例為 128 ÷ 512 = 0.25。工作圖像中向外擴展 8 像素,按比例縮小後約為 2 像素。

在這個例子中,先將點陣圖擴展 8 像素,預覽縮小後的結果,再調整。若是向量圖稿,請先以預定輸出尺寸檢視角色,再確定描邊粗細。

也要檢查附近的間隙。在理想的直線間隙中,兩側相對的邊緣各擴展 3 像素,間隙便會縮小 6 像素。原本 8 像素的間隙會剩下約 2 像素。這個簡單的計算有助於找出外框可能連接不同部位的位置;曲線邊緣與像素呈現仍需要目視檢查。

第 5 節

保留開口、角落與透明細節

只要新增形狀放在不透明圖稿下方,向外擴展就能保留內部的不透明圖稿。但它仍可能改變負空間:兩個部位之間的間隙屬於周圍的空白區域,因此擴展至該區域會讓間隙變窄。

請決定每個開口是否要保持通透。如果狹窄的開口是角色造型的重要部分,請減小外框寬度,或在局部修改外框輪廓。如果透明的內部開口必須完全保持不變,請將該開口從外框圖層中排除,不要依賴上方圖稿遮住它。

半透明細節也需要留意。由於「Alpha 轉為選取範圍」會依半透明區域產生部分選取,這些邊緣的表現與完全不透明的輪廓不同。請在預定背景上預覽外框,並檢查外框顏色是否透出。GIMP 手冊:Alpha 轉為選取範圍

角落的效果也取決於使用的方法。Illustrator 提供可選的接合樣式,而 GIMP 文件指出,擴展矩形選取範圍時會產生圓角。若配件的形狀對設計很重要,請另外檢查其中的尖角。Adobe Illustrator:描邊接合,GIMP 手冊:擴展

第 6 節

確認只有預期的外框有所變更

在相同位置與縮放比例下,比較編輯後的角色與未修改副本。先檢查內部,再檢查外圍。這個順序能讓你在較粗的外框吸引注意力之前,更容易發現眼睛或標記是否改變。

  • 內部細節有所改變:檢查這些物件是否也套用了新描邊,或外框圖層是否位於它們上方。
  • 小特徵出現獨立邊框:檢查選取來源是否包含零散細節,而非填色輪廓。
  • 開口變窄:減少擴展量,或修改開口周圍的外框。
  • 角落過尖或過圓:重新調整接合樣式或輪廓幾何形狀。
  • 外框突然中斷:檢查畫布、圖層或匯出邊界,並預留足夠的周圍空間。

最後,以預定顯示尺寸檢查匯出的圖稿。保留可編輯的原稿與獨立外框,方便日後調整寬度。完成後的圖稿應有更明顯的外圍輪廓、清晰的間隙,以及與原稿相同的內部細節。

第 7 節

來源

相關閱讀

繼續探索這個主題