Fan Character Border Guide: How to Add Outlines for Maximum Visibility | PixHub

Borders (縁取り or フチ) are critical for fan design visibility. A border adds contrast and definition, ensuring your text remains readable from 10–30+ meters away under stadium lighting. Unlike on-screen design, printed borders often appear thinner than expected due to printer resolution limits and material shrinkage during cutting or lamination. This guide explains the science and practice of border selection: how many layers you need based on viewing distance and character size, which colors work best for each background and text combination, appropriate border width ratios, and why borders shrink after production. We also cover PixHub's 4-layer border tool and manual hand-drawing methods for those crafting designs offline.

A border's primary function is to create a visual boundary between your text color and background color. If your text is dark (black, navy) on a light background (white, cream), a light or bright border is often unnecessary because the contrast already exists. However, if your text is light (white, pale yellow) on a dark background, a dark or contrasting border (like a darker shade of the background color, or a vibrant accent color) is essential to push the text forward. The border also acts as a 'weight anchor'—it makes the text feel heavier and more substantial, preventing it from appearing thin or washed out at distance. Most fans use 1–2 border layers for basic designs. One layer is sufficient if your color contrast is already high (e.g., black text on white background + a simple black 2mm border). Two layers provide extra definition: an inner border in a mid-tone color and an outer border in a dark or accent color. This approach is common for designs using light text colors or when viewing distance exceeds 15 meters. Three or four layers are reserved for extreme distance (20+ meters), very light character colors that need maximum definition, or designs with intentionally bold, layered aesthetics. PixHub's default setting uses a single unified border thickness, but the platform's advanced options allow you to customize layer-by-layer—inner border, outer border, accent border—each with independent color and width.

Choosing your border color depends on the interplay between text color and background color. Start with this decision tree: (1) If text is dark (black, navy, dark purple) and background is light (white, cream, light gray), use a dark or bright border (black, dark navy, or a vibrant accent color like electric blue or neon pink) at 2–3mm width. This reinforces the dark text and prevents it from disappearing into soft backgrounds. (2) If text is light (white, pale yellow, light pink) and background is dark (navy, black, dark purple), use a dark border (black, dark navy, 2–3mm) in the same family as the background, or go contrasting with a bright accent color (electric cyan, bright yellow, hot pink) at 1.5–2mm. The dark border anchors the light text; the bright border grabs attention. (3) If both text and background are mid-tone (e.g., dark blue text on purple background), use a two-layer approach: inner border in a light neutral (white or light gray, 1mm) to separate them, then outer border in a dark or vibrant color (2–3mm) for overall definition. (4) If your design uses member color as an accent, apply it as an inner or secondary border rather than the primary border—this keeps readability high while honoring team identity. The iro guide covers color theory in detail; refer to it when finalizing your palette. A common mistake is choosing a border color that blends with both the text and background, rendering the border invisible. Test your border color contrast at 50% zoom in PixHub before committing to print.

Border width is not absolute—it scales with character height. As a rule of thumb, border width should be 8–12% of your character height. If your character height is 10cm, aim for a 0.8–1.2cm (8–12mm) border; if 6cm tall, aim for 0.5–0.7cm (5–7mm); if 5cm, aim for 0.4–0.6cm (4–6mm). Thin borders (1–2mm) work well for large characters (8cm+) on close-range designs (5–8 meters) or when space is constrained. Medium borders (2–4mm) are the versatile middle ground, suitable for most fan designs at 10–15 meter viewing distance. Thick borders (4–8mm) are used for small characters (4–5cm) or extreme distance (20+ meters). PixHub's border tool shows a preview at actual size, so you can gauge the effect before finalizing. One critical point: printers and cutting equipment have resolution limits. A 1mm border on-screen may print as 0.7–0.8mm due to ink spread and material shrinkage. To compensate, increase your PixHub border width by 10–20% beyond what visual testing suggests. For example, if testing shows a 2mm border looks right, set PixHub to 2.4–2.5mm to account for production loss. This safeguard prevents your final print from appearing too thin.

Understanding why borders shrink after printing or cutting is essential for accurate sizing. When PixHub exports a PNG, the border is rendered at screen resolution (typically 72–96 DPI for preview, 300+ DPI for print files). However, inkjet or laser printers have physical limitations: ink spreads slightly on paper, and materials (vinyl, cutting sheets) shrink during manufacturing and curing. For example, a 3mm border on your PixHub design might emerge as 2.3–2.5mm in the final printed product due to: (1) Ink absorption into paper fiber or film, reducing the visual width; (2) Cutting tool kerf (the width of material removed by the blade), which often takes a small amount from the border; (3) Lamination and heat-setting shrinkage for vinyl or commercial-grade cutting sheets. To compensate: (1) Increase your PixHub border by 10–20% to account for shrinkage. (2) If printing at home, test on a sample page first and measure the output; adjust your next design based on observed loss. (3) If using a professional print service or 100-yen shop materials, ask about their typical shrinkage rate and apply the same buffer. (4) For hand-drawn designs, this is less of an issue—you have direct control and can observe the border as you draw. If you consistently find your printed borders too thin, the hyakkin guide covers material-specific advice for 100-yen shop supplies. The key lesson: design with production loss in mind, not just screen appearance.

For fans crafted by hand rather than printed, the centering (縁取り) process is manual. If drawing your design on paper or cutting it from vinyl, you'll draw or cut an outline around each character. The technique: (1) Lightly sketch the character outline in pencil. (2) Using a technical pen (ボールペン or 水性ペン) in your border color (usually black), draw a line 2–3mm outside the character outline. For multiple layers, draw a second line another 2–3mm further out. (3) Fill in the outline region with the pen or a marker, or use a paint pen for a smoother finish. This is time-intensive for large characters or multiple layers, which is why many hand-crafters limit themselves to 1–2 border layers. PixHub's 4-layer border tool was designed to reduce this manual labor: instead of sketching, drawing, and filling by hand (30–60 minutes per character), you can click a button in PixHub and download a print-ready template that already includes all 4 layers pre-separated on different color channels or alignment guides. Download the template, print it, and transfer it to your material using carbon paper or tracing—this cuts the border-drawing time to 5–10 minutes. If you prefer the handmade aesthetic, hand-drawing remains an option; if you value time and precision, PixHub's border automation is a game-changer. The creation page includes a toggle for border layer count (1–4) and independent color/width controls for each layer, allowing you to preview your final result before committing to print.