How to Color Drawings in Procreate
StyleFrame Team8 min read
To color a drawing in Procreate, put your line art on its own layer and lock it, then add color on separate layers beneath or above it. Use ColorDrop with a Reference layer for fast flat fills, or paint on a Multiply layer for a looser, painterly look. Add shading with clipping masks or Alpha Lock, and adjust hue and value afterward with the Adjustments menu. Keeping every element on its own layer makes recoloring and later animation much easier.
Prepare Your Line Art First
Color goes wrong most often because of a messy starting point. A few minutes of setup saves a lot of cleanup.
If you drew in Procreate, you can work in the same canvas. If you sketched on paper, photograph it in even light, then bring it in through Actions (wrench icon) > Add > Insert a Photo or Take a Photo. Use the Uniform transform setting to scale it without distortion.
To turn a photographed sketch into usable line art:
- Open Adjustments > Hue, Saturation, Brightness and drop saturation to zero.
- Open Adjustments > Curves and drag the white point left until the paper turns white and the lines stay dark.
- Erase any leftover shadows at the edges with a soft eraser.
- Set the layer to Multiply so the white paper drops out and only the lines remain.
Rename the layer "Line Art" and lock it. Swipe left on the layer and tap Lock. This prevents accidental strokes on the drawing itself.
For production work, start at a canvas size you won't outgrow. If the art will end up in After Effects or a compositing pipeline, work at or above your delivery resolution and at a sensible DPI. Upscaling flat color later is far less forgiving than starting large.
Method 1: Flat Color with ColorDrop
Flat color suits graphic illustration, character design, and anything that will be cut into animation layers. ColorDrop is the fastest route.
Set up a Reference layer
- Make sure your line art forms closed shapes. Gaps let color leak into neighboring areas.
- Tap your line art layer and choose Reference.
- Create a new layer beneath the line art and make it active.
- Drag the color from the swatch at the top right into a closed shape and release.
Because the line art is the Reference layer, ColorDrop reads its boundaries while filling on your active layer. The line art stays untouched.
Fix leaks and fringes
- Threshold: After dropping color, keep holding. The top bar shows a Color Fill Threshold slider you can drag to expand or tighten the fill. Raising it a little usually covers the light fringe along anti-aliased lines.
- Gaps: If the fill floods the whole canvas, find the gap in your line and close it with a small stroke on a separate layer.
- Separate layers per element: Skin, hair, clothing, and background on their own layers cost nothing now and save hours later.
Method 2: Painting with a Brush
Brush coloring gives you a traditional, expressive look. It works well when line art is loose or incomplete, since you aren't relying on closed shapes.
Option A: Color beneath the line art
Create a new layer under the line art and paint there. The lines stay on top and visible. This is the most forgiving setup. If your line art has a white background, set that layer to Multiply so the color shows through.
Option B: Color above the line art on Multiply
Create a new layer above the line art and set its blend mode to Multiply by tapping the N on the layer. Dark lines stay visible through the color, and overlapping strokes build up darker, which feels like markers or watercolor. The tradeoff is that color on Multiply interacts with the lines, so a bright color over black reads as nearly black. That's usually the intended effect, but test it before you commit.
Brush choice
Pick brushes by what they do to your edges and texture. A textured brush with reduced opacity builds depth as strokes overlap. A hard-edged inking-style brush gives clean cel-style shapes. Test strokes on a scratch layer before painting the final piece.
Add Shading and Highlights Without Breaking Your Color
Once your base colors are down, shading is best done non-destructively.
Clipping masks
- Create a new layer directly above a flat color layer.
- Tap the new layer and choose Clipping Mask.
- Paint shadows on it. Paint cannot extend past the shapes on the layer below.
- Set the clipped layer to Multiply for shadows, or Add/Screen/Overlay for highlights, and adjust opacity to taste.
This keeps shading editable. If you change the base color later, the shading follows.
Alpha Lock
Alpha Lock is a quicker alternative. Swipe right with two fingers on a layer to lock its transparency. A checkerboard appears on the thumbnail, and now you can only paint where pixels already exist. It's convenient for quick shading, but it's destructive, since the shading is baked into the same layer as the base color. Use clipping masks when you expect revisions.
Warm up your lines
Pure black line art can feel harsh against colored shapes. Duplicate the line art and use Adjustments > Curves or Color Balance to shift the lines toward a darker warm or saturated tone that matches the palette. Selectively colored lines often make an illustration feel more cohesive.
Recolor and Adjust Without Repainting
Procreate offers several ways to change color after the fact.
- ColorDrop again: Drag a new color onto a flat-filled area. This works best on a single shape, and the Threshold slider helps with edge fringing.
- Alpha Lock plus a fill: Lock the layer, pick a new color, and fill the layer or paint over it. Only existing pixels change. This is the cleanest way to recolor a black drawing to white or switch a single-color element.
- Hue, Saturation, Brightness: With one layer selected, you can shift an entire element's color while keeping its shading.
- Color Balance and Curves: Use these for broader tonal grading across a layer or group.
- Recolor: Procreate's Recolor tool changes areas by tapping them, but some users report it changes the whole canvas rather than a single element, so test it and keep elements separated.
A frequent mistake is running a global adjustment on the flattened image. Apply adjustments per layer or group, so you can revise a single character or background without redoing everything.
Build a Palette That Holds Together
You don't need a rigid palette, but it helps to constrain your choices.
- Save swatches in the Color menu under Palettes (tap + for a new palette), so repeating colors stay consistent across layers.
- Create a palette from a photo or reference image using the "New from Photo" option when you want to match a mood.
- Use the Harmony tab to test complementary or analogous relationships.
- Check value before hue. Convert the canvas to grayscale temporarily, for example with a Hue, Saturation, Brightness adjustment layer, to see whether shapes read clearly.
For motion work, restraint pays off. A palette of a handful of colors with consistent shadow and highlight values makes it easier to keep a character consistent from frame to frame and shot to shot.
Organize and Export for a Motion Pipeline
If your colored drawing is headed to a motion or compositing workflow, structure it for handoff:
- Group layers by element, such as character, props, and background, and name them clearly.
- Keep the background separate and on its own layer, so you can hide it for transparent exports.
- Export in a format your compositing tool accepts, and check your layers, blend modes, and clipped layers after import, because some may need to be rebuilt.
Before importing, scan your layers for stray marks outside the artboard area and for hidden layers you've forgotten about. They cause confusing results in compositing.
Quick Troubleshooting
- Color fills the wrong area: Check that the line art is set as the Reference layer and that the shape is fully closed.
- White fringe around fills: Raise the ColorDrop threshold slightly, or paint a thin pass of color on the layer beneath the lines.
- Color covers the lines: Move the color layer below the line art, or set it to Multiply.
- Paint spills outside a shape: Apply a clipping mask or Alpha Lock to the layer.
- Colors shift after export: Check how your compositing app interprets the file's color settings on import.
A Simple Workflow to Repeat
- Clean and lock the line art.
- Set it as Reference and ColorDrop flat colors on separate layers beneath.
- Add shadows and highlights on clipping masks.
- Warm the line art with Curves or Color Balance if needed.
- Adjust hue and value per layer until the palette feels unified.
- Name, group, and export for your motion pipeline.
Once this routine becomes automatic, the coloring itself goes quickly, and your time goes to the decisions that matter: palette, value structure, and how the drawing will move.