How to Color Behind Lines in Procreate
StyleFrame Team7 min read
To color behind lines in Procreate, put your line art on its own layer, create a new layer beneath it, and paint or fill on that lower layer. For fast, clean fills, set the line art layer as a Reference layer, then drag a color from the color disc into each closed shape with Color Drop while the empty layer below is selected. The color lands on the lower layer and the lines stay untouched.
What "Coloring Behind Lines" Actually Means
The goal is to keep ink and color on separate layers. Your lines sit on top, your fills sit underneath, and neither one damages the other. That separation matters well beyond illustration. If you're building character art, title cards, or hand-drawn elements for After Effects, you'll want to recolor, animate, or composite the fills independently of the linework.
Before you start, set up the file properly:
- Draw the lines on their own layer. Never sketch on the background layer or on a layer that already holds color.
- Keep a transparent canvas if you can. Turn off the Background Color layer when you're checking your work so you can see what is really transparent and what is white.
- Name your layers. "Line," "Flat color," and "Shadow" are enough. This pays off when you export.
Method 1: Paint on a Layer Beneath the Line Art
This is the most straightforward approach and works for loose, expressive work.
- Open the Layers panel and tap + to add a new layer.
- Drag the new layer below your line art layer.
- Pick a brush and color, and paint on the new layer.
Because the lines sit above the color, they stay crisp no matter how messy your strokes are. If you go outside the lines, erase on the color layer only.
One common problem: if your line art was drawn on a white-filled layer, it will block everything underneath. Fix it in one of two ways. Either delete the white fill from that layer, or tap the "N" on the line art layer and switch its blend mode to Multiply. Multiply makes white pixels effectively transparent over the layers below, so the color shows through while the dark lines remain.
If you'd rather paint on a layer above the line art, set that layer to Multiply instead. The lines stay visible through the color. It looks similar, but the color is physically in front of the lines, which makes it less flexible if you later want to tweak line color or swap the line layer.
Method 2: Reference Layer + Color Drop
This is a fast approach for flat, clean fills, and a common choice for production work.
- Tap your line art layer and choose Reference from the layer menu.
- Add a new layer and drag it below the line art.
- Make sure that new, empty layer is the active one.
- Drag a color from the top-right color circle and release it inside a closed shape.
Procreate reads the Reference layer to decide where the fill should stop, but it writes the color to the layer you have selected. The result is a fill on its own layer, tucked under the lines.
Adjusting the Fill Threshold
After you drop a color, keep your finger or pencil held down. A bar appears at the top of the screen. Sliding left or right changes how the color fills the shape. Adjust in small steps.
Closing Gaps
Reference fills only work when shapes are closed. If color floods the whole canvas, a gap is the likely culprit. Zoom in and look for tiny breaks, especially at corners and where strokes meet. You can patch them with a small brush stroke on the line layer, or on a separate "gap fix" layer.
Method 3: Use a Selection
If you don't want to rely on Color Drop, selections give you precise control over where paint can land.
- Keep your line art on its own layer.
- Use the Selection tool in Automatic mode and tap inside the area you want to color.
- Create a new layer beneath the lines.
- Paint or fill inside the selection. The paint can't leave the selected area.
You can also select everything outside a shape, invert the selection, and fill the shape that way. This is useful for complex silhouettes where tapping inside would miss tiny regions.
Method 4: Alpha Lock for Shading Inside a Fill
Once you've dropped a flat color onto its own layer, you can shade it without ever going outside the shape.
- Select the flat-color layer.
- Swipe right on the layer with two fingers to turn on Alpha Lock. A checkerboard pattern appears on the thumbnail.
- Paint highlights, shadows, gradients, or texture. Only pixels that already contain color can be changed.
Give each major element, such as skin, hair, and clothing, its own layer, and Alpha Lock each one. That keeps highlights in the hair from touching skin, and it lets you recolor an entire element later with a single adjustment.
Coloring Behind Sketchy or Overlapping Line Art
Things get harder when you have a lot of small drawings or open line art sitting on one layer, and you want to place a color field behind them without it filling the interiors of each drawing.
Here's a reliable sequence:
- Set the line art layer as Reference.
- Create a new layer below it and Color Drop your background color into the area between the drawings.
- Create another layer between the line art and that background layer. This is where interior colors go.
- Turn off Reference on the line art, then use the background layer's Select option to restrict painting to the shape you want, such as a letter or logo silhouette.
- On the middle layer, scribble the interior colors. If something goes wrong, you only have to fix one disposable layer.
For crowded areas, give each small drawing its own layer. If your fills look translucent, switch to a brush that lays down solid color, because many Procreate brushes build up opacity gradually.
Fixing Common Problems
- White boxes or halos around lines: the line layer has a white fill. Switch the line layer to Multiply.
- Color covers the lines: the color layer is above the line layer. Drag it below.
- Color Drop floods everything: you have a gap, or the Reference layer isn't set. Check both.
- Color Drop fills the wrong layer: the line layer is still selected. Tap the empty color layer before dropping.
A useful habit is to let the color run slightly under the lines instead of stopping exactly at their edge. Since the lines cover that overlap, you avoid hairline gaps, which is especially important if the art will be scaled or animated later.
Getting the Layers Into After Effects
If this artwork is headed to a motion pipeline, preserve your layer structure on export:
- PSD can keep your layers, so you can bring separate line and color layers into After Effects. This lets you animate, recolor, or add effects to fills and lines independently.
- PNG with the Background Color layer hidden can give you an image with transparency, handy for single elements.
Before exporting, hide any helper layers, name your layers clearly, and check that the line art layer's blend mode behaves the same way in After Effects. A Multiply layer in Procreate generally needs a matching blend mode in your compositing app to look the same.
Where Styleframe Fits After Procreate
Procreate is great for drawing and flatting a single frame. The challenge comes when you need to extend that look across motion. is an AI video and motion tool that you can use alongside your flats and linework as part of a compositing workflow.
Quick Workflow Summary
- Draw lines on a dedicated layer, with a transparent or hidden background.
- Set the line layer to Reference, or switch it to Multiply if it has a white fill.
- Add a new layer below the lines.
- Color Drop or paint your base fills, and adjust the threshold if needed.
- Use Alpha Lock or selections for shading.
- Fix gaps on a separate layer.
- Export a layered PSD or a transparent PNG for After Effects.
Once you've built this habit, coloring behind lines becomes a repeatable, non-destructive process. That means faster revisions and cleaner files for anyone downstream, whether they're animating the art, compositing it, or using it as the style reference for a larger project.