How to Color Inside a Shape in Procreate
StyleFrame Team7 min read
To color inside a shape in Procreate, drag the color swatch from the top-right corner into a closed shape and release it (ColorDrop). To paint with brushes without crossing the edges, turn on Alpha Lock for the shape's layer, or add a Clipping Mask layer above it and paint there. If your outline is on a separate layer, mark it as Reference and fill on a new layer so the line art stays untouched.
Quick Answer: Which Method Should You Use?
Each method behaves differently once you start revising, so pick based on how much you expect to change the artwork later.
Method 1: ColorDrop for Flat Fills
ColorDrop works like a paint bucket you drag into place.
- Pick your color from the Colors icon in the top-right corner.
- Drag the color circle onto the shape you want to fill. Don't lift yet.
- Keep holding and slide left or right. The Threshold percentage appears at the top of the screen. Lower values fill less, higher values fill more.
- Lift your Apple Pencil or finger to commit the fill.
After a drop, tap Continue Filling to fill other areas with single taps. Tap and drag to change the threshold on any individual fill. Exit by tapping the tick or switching to another tool.
Why ColorDrop Sometimes Floods the Whole Canvas
ColorDrop looks at the pixels of the active layer. If the shape has a gap in its outline, the color escapes and fills everything connected to it. Zoom in on the outline and look for breaks, especially at corners where two strokes meet. Either close the gap with a brush or lift your threshold so the fill tolerates the break.
Why You See a Halo Around the Fill
Anti-aliased edges contain semi-transparent pixels. A low threshold stops before reaching them, leaving a thin ring of the old color. Raise the threshold a bit, or use the Reference method below so the fill extends under the line.
Method 2: Reference Layer + ColorDrop (Clean Fills Under Line Art)
This is a common workflow for illustrators, and it matters for motion work because it keeps linework and color on separate layers you can handle independently later.
- Draw your shape outline on Layer 1.
- Tap Layer 1 and choose Reference.
- Add a new layer beneath or above it, depending on your look, and make sure it is the active layer.
- Use ColorDrop inside the shape. Procreate reads the outline from the Reference layer but places the color on your active layer.
The same approach works for splitting a single shape into regions. Draw a dividing line on the Reference layer, drop one color on each side, and the colors stop exactly at the line.
If the fill leaves tiny gaps at the edges, drag the threshold higher or tuck the color layer beneath the lines so any overlap is hidden.
Method 3: Alpha Lock for Painting Inside an Existing Shape
When the shape is already filled with a solid color on its own layer, Alpha Lock restricts painting to the pixels that exist.
- Put the shape on its own layer.
- Swipe right on the layer with two fingers. A checkerboard pattern appears on the thumbnail.
- Paint with any brush. Strokes only appear where the layer already has pixels.
You can also tap the layer and select Alpha Lock from the menu.
Pros: It is quick, and there's no extra layer to manage. Cons: The paint becomes part of the shape layer. If you later want to change a shading color without touching the base, you can't separate them. Erasing is also destructive in the way you'd expect.
Use this for quick sketches and one-off illustrations, not for assets you'll revise.
Method 4: Clipping Mask for Non-Destructive Painting
A Clipping Mask is the more flexible alternative to Alpha Lock.
- Make sure your shape sits on its own layer.
- Tap the + icon to add a new layer above it.
- Tap the new layer and choose Clipping Mask.
- Paint on the clipped layer. Only the area covered by the shape below shows your strokes.
Because the shading lives on a separate layer, you can change its opacity, switch its blend mode to Multiply or Overlay, recolor it, or delete it, and the base shape is unaffected. You can stack several clipped layers for shadows, highlights, texture, and rim light.
The tradeoff is that moving the shape layer means you need to consider the clipped layers, since they follow the base but can get confusing if you reorder things. Group related layers to keep them tidy.
A related trick: select the shape, go to the layer containing your paint, and use Cut & Paste (via the selection menu) to carve the shape's region out into its own layer. That gives you a standalone piece you can move independently.
Method 5: Selection with Color Fill
For precise geometric shapes or hard-edged masks, Selections can fill automatically.
- Tap Selections at the top.
- Pick a mode at the bottom: Automatic, Freehand, Rectangle, or Ellipse.
- Tap Color Fill to turn it on. It's active when highlighted blue.
- Choose your color.
- Make the selection. The color fills as soon as you complete it.
Color Fill stays enabled until you turn it off, so check before moving to a different task. It only works on a single layer, not on a group.
This route is useful for circles, rectangles, or any area you'd rather define by a boundary than trace by hand. Adding Feather softens the edge when you want a gentler shape.
Method 6: Fill Layer
If the whole layer should become one color, tap the layer twice to open its options and choose Fill Layer. Combine it with Alpha Lock when a layer already has a shape and you want to swap its color without redrawing.
Choosing the Right Approach for Production Work
- Flat graphics, icons, or cutout animation parts: ColorDrop with a Reference layer. Fills and lines stay separate.
- Painterly characters or backgrounds: a flat base layer plus Clipping Mask layers for shading.
- Quick studies: Alpha Lock.
- Hard-edged geometry: Selections with Color Fill.
Keep every element on its own layer, name layers clearly, and avoid merging until you're done experimenting.
Getting Procreate Artwork into a Motion Pipeline
Keeping your base shapes, shading layers, and linework separate makes it easier to animate pieces independently, such as a character's limbs or background planes.
Before export, check three things:
- Transparent background: hide the background color layer if you need alpha.
- Layer naming: rename layers to match how you'll rig or parent them.
- Resolution: work at a canvas size that covers your delivery resolution, since upscaling later softens fine edges.
Troubleshooting Common Fill Problems
The fill covers the whole canvas. There's a gap in the outline. Zoom in, close it, or raise the threshold.
Nothing happens when I drop color. Check that the active layer is the one you intend, and that your Reference layer is set correctly. A locked layer won't accept fills.
Paint spills outside the shape. Alpha Lock or the Clipping Mask isn't active, or you're painting on the wrong layer.
There's a light fringe around the edge. Increase the ColorDrop threshold or fill beneath the line art.
Color Fill won't apply. You may have a group selected. Select a single layer instead.
Colors look different after export. Confirm the color profile on your canvas and test a single frame in After Effects before committing to a full set.
Summary
ColorDrop handles quick flat fills, Reference layers keep line art clean, and Alpha Lock or Clipping Masks keep painting inside a shape. Choose Clipping Masks when you expect revisions, and keep your work on separate layers so it carries cleanly into any compositing tool.