How to Thicken an Outline Outward While Preserving Interior Details
To thicken a character’s outline without covering its eyes, markings, or other interior details, change only the outer silhouette. For a closed vector shape, use an outside-aligned stroke. For raster artwork, expand a silhouette selection and fill it on a separate layer beneath the original character.
This guide covers editing character artwork in external graphics software: Illustrator for vector shapes and GIMP for raster images. The practical goal is a heavier outer border while the original interior artwork stays in place.
Identify Which Boundary You Want to Thicken
Before changing any width, decide whether you want to strengthen an existing body outline or add a border around the entire assembled character. Those tasks can require different source shapes.
For example, a character might contain a filled body, separate eyes, decorative spots, and a detached accessory. Select the body’s outer contour if only its outline should grow. If the border should surround the complete character, prepare a separate silhouette representing the components that belong inside that border.
Use this decision table before editing:
| Artwork condition | Suitable starting method | Detail to inspect |
|---|---|---|
| One closed vector body shape | Outside-aligned stroke | Existing outline alignment |
| Several vector body components | Separate silhouette behind the artwork | Unwanted borders between components |
| Filled raster character on transparency | Expanded silhouette selection underneath | Transparent holes and translucent edges |
| Raster drawing containing only lines | Prepare a filled silhouette first | Openings between the interior lines |
The raster distinction matters because GIMP’s Alpha to Selection follows opacity: opaque areas become fully selected, transparent areas remain unselected, and translucent areas become partially selected. A layer containing only eyes and contour lines therefore does not provide the same selection as a filled character silhouette. GIMP Manual: Alpha to Selection
Keep an untouched copy of the artwork. Separate the border from the face and decorative details wherever possible; that makes it easier to adjust the silhouette without repeatedly selecting individual features.
Use an Outside-Aligned Stroke for a Closed Vector Shape
In Illustrator, outside alignment is the direct option when the character’s silhouette is a closed path. Adobe documents stroke alignment for closed paths that are not Live Paint groups. Adobe Illustrator: Apply stroke color, width, and alignment
- Select only the character’s outer body path.
- Open Window → Stroke.
- Set the stroke color and weight.
- Choose Align Stroke to Outside.
- Inspect the corners and adjust the join style if needed.
These controls set the stroke’s width and position relative to the selected path. Round joins round the corners, bevel joins flatten them, and miter joins create points. For a soft, rounded character, try round joins first, then compare them with the original contour. Adobe Illustrator: Stroke settings
Outside alignment places the stroke outside the shape, leaving more room inside. However, changing alignment can also change the appearance of an existing outline. If the original centered stroke is part of the design you want to preserve exactly, keep that artwork intact and experiment with a separate silhouette behind it. Adobe Learn: Change color and strokes
Avoid selecting the face and body together when applying the new weight. Thickening every selected path can change the interior details even when the outer contour looks correct.
Build a Raster Outline Beneath the Original Character
In GIMP, use a filled character on a transparent background as the selection source. Keep a background layer out of the selection. If the artwork consists only of loose lines, first create a separate filled silhouette that follows the intended exterior.
The workflow combines three documented operations: selecting the character’s opacity, growing that selection, and filling the expanded area on a new layer. GIMP’s Grow command is available under Select → Grow, with pixels as its default unit. GIMP Manual: Grow
- Select the filled character layer, or the prepared silhouette layer.
- Choose Layer → Transparency → Alpha to Selection.
- Choose Select → Grow and enter the desired outward expansion, such as an illustrative 3 pixels.
- Choose Layer → New Layer, name it
Outer outline, and set its fill to Transparency. Make it large enough to contain the expanded selection. - Move
Outer outlinebeneath all the original character artwork, but above any background. - Set the foreground color to the intended outline color.
- With
Outer outlineactive and the selection still present, choose Edit → Fill with FG Color. - Deselect and inspect the result.
GIMP creates a new layer above the selected layer, so explicitly moving the outline underneath is an essential part of this sequence. The New Layer dialog also provides layer dimensions and fill settings. GIMP Manual: New Layer
Fill with FG Color fills the active selection using the foreground color. Check that the selection remains active: without one, the command fills the entire active layer. GIMP Manual: Fill with FG Color
The filled expansion extends underneath the character. Opaque artwork above it conceals the overlapping portion, leaving the added border visible around the exterior. Transparent openings require a separate check, because they can reveal the outline layer below.
Choose Thickness From the Final Display Size
Choose an outline width by the size at which the character will actually appear. A border that looks restrained on a large working canvas can become barely visible after reduction.
Here is an illustrative calculation, rather than a recommended universal setting: suppose a character is prepared at 512 pixels wide and displayed at 128 pixels wide. The scale factor is 128 ÷ 512 = 0.25. An 8-pixel outward expansion in the working image becomes approximately 2 pixels after proportional reduction.
For this example, start with an 8-pixel raster expansion, preview the reduced result, and adjust. For vector artwork, inspect the character at its intended output size before settling on the stroke weight.
Also check nearby gaps. In an idealized straight gap, expansion by 3 pixels from each of two facing edges reduces the gap by 6 pixels. An original 8-pixel gap would leave approximately 2 pixels. This simple calculation helps identify where the outline may join separate parts; curved edges and pixel rendering still need visual inspection.
Preserve Openings, Corners, and Transparent Details
Outward growth preserves opaque interior artwork when the added shape sits underneath it. It can still change negative spaces: a gap between two parts belongs to the surrounding empty area, so expansion into that area makes the gap narrower.
Decide whether each opening should stay clear. If a narrow opening is an important part of the character’s shape, reduce the border width or edit the outline silhouette locally. If a transparent interior opening must remain completely unchanged, exclude that opening from the outline layer rather than relying on the upper artwork to cover it.
Translucent details need similar attention. Because Alpha to Selection produces partial selections from translucent areas, those edges do not behave like a fully opaque silhouette. Preview the border against the intended background and inspect whether its color shows through. GIMP Manual: Alpha to Selection
Corners also depend on the method. Illustrator provides selectable join styles, while GIMP documents that growing a rectangular selection produces rounded corners. Check angular accessories separately if their shape matters to the design. Adobe Illustrator: Stroke joins, GIMP Manual: Grow
Check That Only the Intended Outline Changed
Compare the edited character with the untouched copy at the same position and scale. First inspect the interior, then the perimeter. This order makes it easier to notice a changed eye or marking before the heavier outline draws your attention.
- Interior details changed: Check whether those objects received the new stroke or whether the outline layer sits above them.
- Small features gained separate borders: Check whether the selection source contained loose details instead of a filled silhouette.
- Openings became smaller: Reduce expansion or revise the outline around those openings.
- Corners look too pointed or rounded: Revisit the join style or silhouette geometry.
- The border ends abruptly: Check the canvas, layer, or export boundary and provide enough surrounding space.
Finally, inspect the exported artwork at its intended display size. Keep the editable original and the separate outline so you can revise the width later. The finished result should have a stronger perimeter, readable gaps, and the same interior details you started with.