How to Color Traditional Art Digitally Procreate
StyleFrame Team9 min read
To color traditional art digitally in Procreate, scan or photograph your drawing, clean up the paper tone with Curves, and set the line layer to Multiply. Then paint flat colors on separate layers underneath, so the original linework stays intact on top. From there, add shading and texture on clipped layers and export a layered PSD or a transparent PNG for compositing or animation.
Step 1: Get the Artwork In Cleanly
The quality of the scan decides how much cleanup you do later, so spend a minute here.
- Scan if you can. A flatbed scan at a high resolution gives even lighting and flat geometry. For ink or pencil on paper, grayscale is usually enough.
- If you photograph, light it evenly. Shoot straight on, avoid shadows from your hand or tablet, and use diffuse daylight or two lamps at matching angles. Uneven lighting creates gradients in the paper that you'll fight in every later step.
- Import it. In a new canvas, open the Actions menu (wrench icon), go to Add, and choose Take a photo (or add an existing image of your scan). Set the transform tool to Uniform, then resize and position the drawing so it fills the canvas.
Pick the canvas size before you import, not after. If the art is going to video, match your composition resolution, such as 3840×2160 for UHD, or go larger if you plan to push in on the artwork. Resizing a bitmap later softens linework.
Step 2: Isolate the Linework
Paper is never pure white. Before you color, make the paper disappear and keep the lines.
- Desaturate. Select the drawing layer, open Adjustments, choose Hue, Saturation, Brightness, and pull saturation down. This removes color casts from the paper or lighting.
- Use Curves to push the paper toward white. Open Adjustments > Curves and drag the white point (top-right) to the left until the background clears. Pull the black point (bottom-left) inward if the lines look gray and weak. Stop before thin lines break up.
- Set the layer to Multiply. Tap the layer's "N" and choose Multiply. White pixels now become transparent against whatever sits beneath, and only the dark lines remain visible.
- Erase leftover marks. Smudges, paper edges, and scanner dust can be removed with a soft eraser on the drawing layer.
Multiply works best when the paper is close to pure white and the lines are close to black. If you need a drawing with real transparency, a Multiply blend mode isn't the same thing. It only looks transparent inside Procreate. To get actual alpha for your compositing app, see the export section below.
For pencil sketches with soft tonal variation, avoid crushing the curve too far. You may want to keep some graphite texture, because it can add handmade character once you've colored beneath it.
Step 3: Set Up a Layer Structure Before Painting
A tidy stack makes later changes cheap. A simple structure:
- Linework (Multiply, top, optionally locked)
- Shading / light (clipped layers, above color)
- Flats, one layer per major element (skin, hair, clothing, props)
- Background
- Paper or texture (optional, at the bottom)
Separate layers per element matter most if you're animating or compositing. If the character's jacket, arm, and background are on separate layers, you can recolor, shift, or isolate each one in After Effects without repainting.
Step 4: Block In Flat Colors
Create a new layer below the linework and paint big shapes first. Don't worry about palette perfection. Establish a rough set of colors, then adjust.
ColorDrop is the fastest method for closed shapes. Drag a color from the top-right swatch into an enclosed region. Adjust the Color Fill Threshold while holding your finger down, and turn on Reference on the line layer if you're filling on a separate layer. Reference makes ColorDrop respond to the linework rather than to the empty layer.
Common problems and fixes:
- Gaps in the line. ColorDrop leaks into neighboring areas. Close the gap on a separate layer with a small brush, or paint that region manually.
- White halos at the edges. Fill slightly past the line. Because the line layer is on Multiply on top, the overlap is hidden, and no gap shows between fill and ink.
- Jagged fill edges. Raise the threshold slightly, or use a Selection tool with feather for cleaner edges.
For loose or sketchy art with open shapes, use a hard-edged brush and paint inside the shapes manually. Procreate's StreamLine setting helps keep strokes smooth.
Step 5: Use Alpha Lock and Clipping Masks
These two features are the core of non-destructive coloring in Procreate.
- Alpha Lock restricts painting to existing pixels on a layer. Swipe two fingers right on the layer to toggle it. Use it to change a flat color or paint a gradient inside a shape without spilling out.
- Clipping Mask attaches a layer to the one below, so painting only shows where the base layer has pixels. Use it for shadows, highlights, texture, and color adjustments. If you don't like the result, delete or hide the clipped layer, and the flat color stays untouched.
A good habit is to keep flats pure and do everything else in clipped layers above them.
Step 6: Add Shading, Light, and Texture
Once the flats read well, build depth in a few passes:
- Shadow layer. Create a clipped layer set to Multiply. Paint with a desaturated, cool or warm tone, and keep the shapes simple.
- Light layer. Add another clipped layer set to Add or Overlay for rim light and highlights. Use subtle values, because these modes can blow out quickly.
- Color holdout of the line. To make lines feel integrated, lock the linework layer with Alpha Lock and fill it with a darker version of the local color instead of pure black in selected areas. This is especially useful at the edge of light areas.
- Texture. Overlay a scanned paper, grain, or halftone layer. If you want your traditional medium to carry through, such as gouache, marker, or watercolor texture, scan your own samples and use them as clipped layers. This usually looks more authentic than a default digital brush.
Check values by temporarily adding a black-to-white layer on Color blend mode, or by desaturating the whole image with an Adjustment layer, to confirm the shapes still read without hue.
Step 7: Export for Animation and Compositing
Your export choice depends on what happens next.
- Layered PSD. From Actions > Share, choose PSD. Layers, opacity, and most blend modes come through into After Effects or Photoshop, which makes it ideal for rigging, parallax, or per-element color grading. Check each layer's blend mode in the imported comp, because Procreate-specific modes may not match one-to-one.
- Transparent PNG of the linework. Hide the background and paper layers before exporting a PNG. If you need real alpha on the lines rather than a Multiply effect, you can convert the line art by placing it on a layer and using a luminance-to-alpha approach in your compositor, or by painting the lines out on a transparent layer.
- Flattened PNG or TIFF. Use these for stills, reference, or style frames.
- Color management. Check your canvas color profile, since Procreate supports options such as Display P3 and sRGB. Make sure your After Effects project's working space and your imported footage interpretation are set deliberately, so the colors you chose on the iPad match on the timeline.
Name your layers before exporting. When an animator or compositor opens the PSD later, "arm_L_flat" beats "Layer 47."
Where Styleframe Fits After the Coloring
Procreate handles the hand-controlled part: color choices, shading decisions, and texture. Once you have a finished frame or a set of keyframes, you may want to take them into motion without redrawing every frame by hand. That's where can sit in the pipeline. It's an AI video and motion tool built around artistic control rather than one-click output, so every generation is driven by your own references, clips, and keyframes.
A few practical ways to use it with your colored artwork:
- Frames-to-Video. Use two or more colored Procreate frames as keyframes and generate the motion between them, keeping your palette and line quality as the visual anchor.
- Restyle and Ink-and-Paint. These are reference-driven style transfer tools. Use your colored illustration as the style reference so footage or generated sequences pick up your linework and color treatment, rather than a generic look.
- 2D-to-3D and Turntable. Turn a character or prop design into a 3D representation and generate a turntable pass, useful for model sheets or as a starting point for 3D-based work in Cinema 4D or Blender.
- Remove Background. Isolate elements from a scanned or generated frame when you need cutouts for compositing.
- 4K Upscale. Bring the final output to 4K for delivery.
Iteration is non-destructive, so you can try different keyframes or references and compare results without overwriting earlier versions. Output is built to drop into an existing pipeline. Styleframe exports image sequences, so you can bring results into After Effects or Nuke and keep your usual compositing, grading, and finishing steps.
Keep your expectations realistic. Generated motion still benefits from good source art and clear references, and you'll likely refine the result in your compositor. The advantage of coloring carefully in Procreate first is that you give any later tool a strong, consistent visual target.
Quick Workflow Checklist
- Scan or photograph the drawing evenly lit, at high resolution.
- Create the canvas at your final delivery size or larger.
- Desaturate, adjust Curves, and set the line layer to Multiply.
- Build a layer structure with separate layers per element.
- Fill flats beneath the line layer using ColorDrop and Reference, or paint manually.
- Add shadows, light, and texture on clipped layers.
- Name layers and export a layered PSD, plus PNG or TIFF stills as needed.
- Bring the files into After Effects, Nuke, or a tool like Styleframe for motion, restyling, or upscaling.
Common Mistakes to Avoid
- Coloring on the same layer as the lines. It locks you into destructive edits. Always keep color beneath the line layer.
- Over-correcting with Curves. Thin lines disappear and the drawing loses its hand-drawn quality.
- Painting flats too tightly to the line. Overlap slightly so no paper-colored gaps appear.
- Skipping layer organization. It costs little now and saves a lot when the art goes into animation.
- Ignoring color space. A color shift between Procreate and your timeline can undo your palette work.
With a clean scan, a Multiply line layer, and a disciplined layer stack, coloring traditional art in Procreate is fast and flexible, and the result is ready for animation and compositing.