How to Color a Sketch in Procreate
StyleFrame Team7 min read
To color a sketch in Procreate, put your line art on its own layer and lock it, then fill flat base colors on a layer beneath it using a Reference layer and Color Drop. Add shading on separate Multiply or clipped layers, and finish with highlights and color adjustments. Keeping color, shadow, and line work on separate layers lets you recolor, repaint, or hand the file to After Effects without redoing anything.
Prepare the sketch before you add color
Messy prep is the main reason colored sketches fall apart, so spend a few minutes here.
Import or paste the sketch. If you drew in Procreate, copy the layer and paste it into a new canvas from the Actions menu. If you drew on paper, use Insert a Photo or Take a Photo from the Add menu. Light the page evenly, because shadows in the photo become cleanup work later. Set the transform tool to Uniform so you don't distort the drawing.
Clean up a scanned sketch. Open Adjustments and choose Hue, Saturation, Brightness, then pull saturation down to remove color casts. Next, open Curves and drag the highlight point (top right) toward the left until the paper turns white and the pencil lines stay dark. Erase leftover smudges with a soft eraser.
Make the lines usable. For a scanned sketch, set the line layer to Multiply so the white paper drops out and only the lines remain. Many illustrators also shift black lines to a warmer, reddish tone using Curves, which looks softer under color. This is optional, but it helps painterly work.
Lock the line art. Swipe left on the line layer and tap Lock so you can't paint over it by accident. Keep this layer at the top of the stack for most of the process.
Method 1: Flat colors with Reference and Color Drop
This is the fastest route for comics, character design, and graphic illustration, and it produces the cleanest layers for animation.
- Set the line art as a Reference layer. Tap the line layer, choose Reference, and Procreate will treat your lines as boundaries for fills.
- Create a new layer beneath the line art and name it for the element, such as "skin" or "jacket."
- Select that new layer, then drag a color from the color disc onto a closed area. The fill respects the lines on the Reference layer.
- Adjust the threshold. After dropping, keep your pen held down and slide to set how aggressively the fill expands. A higher threshold covers anti-aliased edges and avoids a white fringe around the lines.
- Repeat for each element on its own layer: skin, hair, clothing, background, props.
Use a separate layer per major shape. It costs nothing, and it means a client note like "make the jacket teal" becomes a ten-second fix rather than a repaint.
Fix gaps and leaks
If color floods the whole canvas, there is a gap in the line art. Zoom in and close it with a small brush on the line layer (unlock it briefly), or switch to a manual approach: select the area with the Selection tool, then fill. Also check for tiny uncolored specks along edges, which usually mean the threshold was too low.
Method 2: Paint under or over the lines for a looser look
For expressive work, skip fills and paint directly.
- Paint beneath the lines: Add a layer under the line art and paint with a textured brush. Overlap into the lines slightly. Because the lines sit on top, edges look intentional rather than perfect.
- Paint above the lines on Multiply: Add a new layer above the line art, tap the "N" and change the blend mode to Multiply. Colors will tint the lines rather than cover them, which gives a marker or watercolor feel.
If your color seems to be blocking the lines, the layer is almost always Normal rather than Multiply, or it's sitting above the lines without a blend mode.
A useful technique with textured brushes: lower brush opacity so repeated strokes build up darker or more opaque. This gives you variation in depth with very little effort and a natural, hand-painted feel.
Add shading and highlights without destroying the base
Treat light as its own set of layers.
Use clipping masks. Create a new layer above a flat-color layer, tap it, and choose Clipping Mask. Everything you paint stays inside the shape below. Now you can shade the jacket without touching the sleeve or the background.
Shadow layer on Multiply. On a clipped layer set to Multiply, paint shadows with a saturated, slightly redder version of the local color rather than plain gray. Gray shadows tend to look dull.
Highlight layer on Add or Overlay. Use Add (or Overlay for subtler results) and a soft warm color for light edges and rim light. Keep it low in opacity at first; it's easy to overdo.
Think in planes. On faces especially, break the form into simple planes and decide where the light hits. If shading is a weak point, keep a reference photo open and match its value structure.
Blend with Smudge or soft brushes. Use the Smudge tool with a soft or grainy brush for gradients between light and shadow. Vary size and opacity as you go. For crisp, graphic styles, skip blending entirely and keep hard-edged shapes.
Alpha Lock for quick recolors. Swipe right with two fingers on a layer to turn on Alpha Lock, then fill or paint to change a color while preserving the shape.
Pick colors that work together
You don't need a perfect palette before you start, but you do need a plan.
- Start with big blocks. Decide background, main subject, and one accent. Details come last.
- Save swatches. In the Color panel, open Palettes, create a new palette, and tap empty squares to store colors. This keeps recurring characters and brand colors consistent.
- Import a palette from a photo. Use the New from Photo or New from File option to pull colors from a reference image, which is a quick way to match a mood board or film still.
- Check values. Temporarily add a Hue, Saturation, Brightness adjustment with saturation at zero, or fill a top layer with black set to Color blend mode. If the image reads clearly in grayscale, your color choices will hold up.
- Adjust globally at the end. Hue/Saturation/Brightness, Color Balance, and Curves on a group let you shift the whole piece toward a mood without repainting.
Organize layers so the file survives a pipeline
If your colored sketch is headed into motion work, structure matters more than finish.
- Name every layer and group related ones (Character, Props, Background).
- Keep line art, flat color, shadow, and highlight separate.
- Avoid merging until you have a final approved version, and duplicate the file first if you do.
- Hide any reference photos or guide layers before export.
For export, Procreate can save a layered PSD, which opens in After Effects or Photoshop with layers intact, or a PNG for single-layer stills. For a background-free PNG, hide the background layer first. If you want to animate in Procreate, Animation Assist treats layers as frames, so keep each frame's layers grouped consistently.
Common mistakes and quick fixes
- Painting on the line layer. Lock it and put color on its own layers.
- White fringes around fills. Increase the Color Drop threshold or paint slightly under the lines.
- Flat, muddy shading. Use saturated shadow colors on Multiply instead of gray, and keep highlights on a separate layer.
- Too many layers to manage. Group by element, name clearly, and merge only when a section is approved.
- Inconsistent colors across a project. Save a palette and reuse it every session.
- Colors changing after export. Check the canvas color profile in Procreate (RGB profile such as sRGB) against your After Effects project settings.
A simple workflow to repeat
- Clean the sketch with Curves and set the line layer to Multiply or lock it.
- Mark the line art as Reference and flat-fill each element on its own layer.
- Add clipped Multiply layers for shadows, then Add or Overlay for highlights.
- Blend where the style calls for it and keep hard edges where it doesn't.
- Adjust color globally with Curves and Hue/Saturation/Brightness.
- Group, name, and export as PSD or PNG for compositing or animation.
Once this routine is automatic, coloring a sketch becomes a predictable, editable process, and every layer you keep separate is one less thing you have to redraw when the project moves into motion.