How to Add Border Procreate
StyleFrame Team8 min read
Procreate has no stroke, outline, or offset command, so you build a border by hand: duplicate the layer, fill the copy with a solid color, expand it, and put it beneath your artwork. For sticker-style outlines, blur the filled copy, turn it into an Automatic selection, and fill the selection on a new layer. For a border around a rectangle or other shape, duplicate the shape, recolor it, and scale it up behind the original. Both methods give you a border you can export as a transparent PNG and use elsewhere.
Why Procreate Has No Border Button
Most other digital art software gives you a stroke or an offset feature. Procreate is a raster painting app, so it doesn't have this. Everything is pixels on a layer, and nothing is a live path you can expand.
The workaround for borders is to manufacture the expanded shape yourself. You blur, feather, or scale a copy of your subject so it extends past the original edge, then lock that expanded shape into a solid color. Each method below is a variation on this idea. They differ in how clean the edge is and how much control you keep afterward.
Method 1: Blur-and-Threshold Outline (Best for Stickers and Cutouts)
This is the most common way to add an even border around irregular artwork, such as a character, a logo, or a sticker sheet. It's fast, but it follows your edges, so soft or semi-transparent edges produce a softer border.
Step 1: Prepare a single layer
Merge the artwork you want to outline into one layer. If you're outlining a whole sticker sheet, merge everything first. Work on a duplicated project if you want to keep your original layers intact. Then duplicate the merged layer by swiping left on it and tapping Duplicate.
Step 2: Turn the copy into a solid silhouette
Move the duplicate beneath the original. On the lower copy, turn on Alpha Lock, set your color to the border color (white for a classic sticker look), and choose Fill Layer. Alpha Lock keeps the fill inside your artwork's shape instead of flooding the whole canvas. Hide your background layer, or switch it to a dark color, so a white border is visible.
You can also reach a flat white silhouette through Adjustments > Hue, Saturation, Brightness by pushing brightness to maximum and dropping saturation to zero. Fill Layer with Alpha Lock is usually cleaner.
Step 3: Blur the silhouette
Open Adjustments > Gaussian Blur. Slide your finger or pencil to blur the silhouette. A value around 10 to 12 percent is a reasonable starting point, but the right number depends on your canvas resolution and how thick you want the border. A larger blur gives you a larger expansion later.
Step 4: Select the blurred shape
Tap the Selection tool and set it to Automatic with Add mode. Tap and hold on the blurred layer, then drag left or right. The drag sets the selection threshold, and the selection expands or contracts to follow the blurred edge. Stop when the selection sits at the border width you want.
Step 5: Fill the selection
Create a new layer beneath your artwork and fill the selection with your border color. If Color Fill is on with your border color set while you make the selection, the selection fills automatically and you can skip this step. Then hide or delete the blurred helper layer.
Fixing the edges
Because the border follows the blurred edge, it can come out slightly wavy or uneven, especially with textured brushes or soft opacity. A common approach is to take the automatic result and then clean the outline with a hard-edged brush on the border layer, smoothing bumps and redefining corners. You still save most of the time compared to tracing every shape by hand.
Method 2: Feather and Fill
This variation skips the separate blur step and uses the selection's own feather control.
- Duplicate your shape layer and select the bottom copy.
- Tap the layer with two fingers and hold. This selects the layer's content and opens the Selection tool.
- Turn on Color Fill and set the color you want for the border.
- Open Feather and increase it until the soft edge extends as far as you want the border.
- Close the selection menu. The lower copy now has a blurry colored edge.
- Reopen the Selection tool, set it to Automatic with Color Fill still active, and tap the shape. Drag to set the border thickness, which hardens the blurry edge into a solid stroke.
After you set it on one shape, you can tap other shapes on the same layer to apply the same border to them. This is useful when a layer holds several separate elements, such as multiple icons or lettering.
Method 3: A Border Around a Rectangle or Simple Shape
For geometric shapes, you don't need blur at all. The cleanest result comes from stacking two shapes.
- Draw your shape with a brush or the shape brush, or draw it however you prefer.
- Duplicate the layer.
- On the lower copy, recolor the fill to your border color. The Hue, Saturation, Brightness adjustment works for this, as do Recolor and Color Balance. For a plain color change, Alpha Lock plus Fill Layer is the simplest.
- Use the Transform tool to scale the lower copy up evenly so it extends past the top shape on all sides. Keep the proportions intact as you scale.
This produces a solid border with sharp corners. The catch is that scaling a shape from its center doesn't give a perfectly uniform border width on non-square shapes, because the horizontal and vertical edges grow by different amounts. For a rectangle that needs equal thickness on every side, draw the outer rectangle separately and size it deliberately instead of scaling.
For an inset or "gap" border, make a third layer between the two shapes. Fill it with the gap color, or leave it transparent by cutting the inner shape out of the outer one with a selection.
Procreate has no one-click way to make a hollow outline that you can later edit as a stroke. If you need a stroke whose width you can change at any time, build the rectangle in a vector-capable tool and bring it in as a PNG, or draw the border in your motion tool instead.
Common Problems and Quick Fixes
- The border is invisible. A white border on a white background disappears. Hide the background layer or switch it to a dark color while you work.
- The border has gaps or holes. Your artwork probably contains transparent areas or thin gaps. Increase the blur or fill the silhouette more completely before blurring.
- The border looks soft or uneven. Raise the selection threshold a little, or clean the edge manually with a hard round brush.
- Details inside the artwork get outlined. Merge only the outer shape for the silhouette layer, or fill interior gaps before blurring.
- The border is too thin. Increase the blur, or run the process a second time on the new border layer.
- Quality loss after duplicating. Keep your original layer untouched and put the helper layer beneath it. Work on a duplicated project if the file is important.
Using Procreate Borders in an Animation or Motion Pipeline
If your Procreate artwork is headed for After Effects, Premiere Pro, or Nuke, think about whether the border should be baked in at all. A border drawn in Procreate is raster pixels. It stays at the resolution of your canvas, so scaling a sticker up in a composition can soften the edge.
A practical split:
- Bake the border in Procreate when the border is part of the art, such as a die-cut sticker look, a hand-drawn halo, or a stylized outline you want to keep consistent.
- Add the border in your compositing tool when you need it adjustable. Many compositing tools can add an outline to a transparent PNG or grow and shrink a matte, which lets you adjust or animate the border over time.
Export from Procreate as a PNG to keep transparency. Check that the border layer and your artwork are both visible and the background is hidden before exporting, so the file has a clean alpha channel. For animation, export each frame or each layer separately so you can control the border per element.
Where Styleframe Fits
Borders are a small piece of a larger problem: getting a consistent illustrated look across many frames. Procreate is excellent for drawing one frame, but extending that look into motion is where artists often lose time.
is an AI video and motion tool. If you've drawn a styled frame in Procreate with a specific outline weight and color treatment, you can use it as a reference. You keep your compositing workflow, and in your composite you can still add or adjust borders as separate, editable elements.
Styleframe doesn't replace the Procreate steps above. If you only need a sticker outline on a single illustration, the blur-and-threshold method is quicker. Styleframe is for carrying a drawn look into moving images.
Which Method Should You Use?
- Sticker or cutout with an irregular shape: blur-and-threshold, then clean up with a hard brush.
- Several separate elements on one layer: feather and fill, applied by tapping each shape.
- Rectangle, badge, or frame with sharp corners: stacked shapes, sized deliberately.
- Border that needs to change later or animate: export the transparent PNG and build the border in your compositing tool.
Procreate's lack of a stroke tool is a real limitation, but the duplicate-expand-fill pattern is reliable once you've done it a few times. Pick the method that matches your shape, keep your original layer untouched, and decide early whether the border belongs in the painted art or in the composite.