How to Color Over a Photo in Procreate
StyleFrame Team7 min read
To color over a photo in Procreate, insert the image with Actions (wrench) > Add > Insert a photo, create a new layer above it, and paint with the brush and color you want. Then tap the "N" on that layer and change its blend mode to Color, Multiply, Overlay, or Soft Light so the paint tints the photo instead of hiding it. If you need to shift the color of the whole photo rather than paint on it, use Adjustments > Hue, Saturation, Brightness, Color Balance, or Curves on the photo layer.
The rest of this guide covers each method in order, with notes on when to use which and how to get the result into a motion pipeline afterward.
Set Up the Photo Before You Paint
A clean setup saves you from destructive mistakes later.
- Create a canvas at the size you'll deliver. If the artwork is going into a comp, match your composition resolution or go larger. Painting at 1080p and scaling up later will soften your brush edges.
- Insert the photo. Tap the wrench, choose Add, then Insert a photo (or Insert a file if it's saved in Files). Procreate places it on its own layer.
- Fit it with Transform. Use the arrow tool to scale and reposition.
- Duplicate the photo layer. Duplicate it, then hide the copy. You now have an untouched original to sample from, compare against, or recover.
Never paint directly on the photo layer unless you intend to commit to it. Every color pass below happens on separate layers so you can revise freely.
Method 1: Paint on a New Layer With a Blend Mode
This is the most flexible way to color over a photo, and the one most artists mean by the phrase.
- Tap Layers > + to add a new layer above the photo.
- Pick a brush. A soft airbrush works for broad washes and gradients. A textured brush gives a more painterly result.
- Choose your color and paint over the areas you want to change.
- Tap the N on the paint layer to open the blend menu, then choose a mode.
Which mode to use depends on the result you want:
- Color applies the hue and saturation of your paint while keeping the photo's light and dark values. It's the standard choice for recoloring a shirt, a wall, or a sky without flattening the detail.
- Multiply darkens and deepens. It works for shadows, tinted glazes, and richer tones.
- Overlay and Soft Light increase contrast while adding color. Soft Light is gentler.
- Normal with reduced opacity gives a flat, semi-transparent tint, which is useful for stylized, graphic looks.
The same blend menu has an opacity slider. Lower it if the effect is too strong. Because the color lives on its own layer, you can switch modes at any time and compare them in seconds.
Method 2: Use a Clipping Mask to Stay Inside the Lines
If you want color to apply only to a specific object, a clipping mask keeps your strokes contained.
- Make a selection of the object (using the Selection tool, or Automatic mode), or paint a rough base shape on a new layer first.
- Put that shape on its own layer.
- Add another layer above it, tap it, and choose Clipping Mask.
- Paint freely on the clipped layer. Nothing can spill outside the shape below it.
A related trick is Alpha Lock. Swipe two fingers to the right on a layer and the transparent areas become protected, shown by a checkerboard on the thumbnail. Anything you paint then affects only the pixels already on that layer. This is also how you quickly recolor a single drawn element, such as a lettered word, without selecting it letter by letter.
For flat color blocking over a photo-based sketch, set the line layer as a Reference layer. ColorDrop on any other layer then fills based on the shapes in that reference. Use the threshold slider (hold the drop for a moment while the fill is active, then slide) to control how far the fill spreads, which helps when edges are soft or noisy, as they often are in photos.
Method 3: Recolor With Adjustments Instead of Paint
Sometimes you don't need brushwork. You need to push the photo's color itself. Select the photo layer, open Adjustments, and choose one of these:
- Hue, Saturation, Brightness: the simplest way to shift overall color tone, mute or boost vibrancy, and change lightness.
- Color Balance: shift the image toward red, green, or blue (or cyan, magenta, yellow) separately in the shadows, midtones, and highlights. Midtones are selected by default and tend to give the most even correction.
- Curves: the most advanced option. Bend the tonal line on the graph to change contrast and color, with a histogram as reference.
- Recolor: recolor parts of your image.
Adjustments act on the active layer only. If the whole canvas changes unexpectedly, check that you haven't selected a merged or background layer. To keep things non-destructive, apply adjustments to a duplicate of the photo, not the original.
You can also use the Adjustments menu to blur a painted color layer so a hard stroke becomes a soft wash.
Method 4: Color Under Line Art Traced From a Photo
A common version of this task: you've traced or inked over a photo and want color beneath the lines.
- Put your line layer on top.
- If the lines have a white background, tap the N on that layer and set it to Multiply. The white drops out visually, and the lines remain.
- Create new layers below the lines and paint color there.
Multiply is the fast option, but it only simulates transparency. If you need true transparency, for example to export lines with an alpha channel, select the white background with Automatic selection and delete it, or invert the selection to isolate the lines and paste them onto a new layer. This matters if the art is headed into After Effects, where a baked-in white background means extra keying work.
Fixing Common Problems
The color looks muddy. Painting in Normal mode with low opacity over a busy photo often grays everything out. Switch to Color or Soft Light, or paint at full opacity on a layer and lower the layer opacity afterward.
The paint hides the photo's detail. You're likely using Normal mode at full opacity. Change the blend mode, or use Multiply for darker tones.
Edges look jagged or leave halos. Selection-based recoloring can leave fringing. Feather the selection, or paint on a clipped layer with a soft brush rather than filling a hard selection.
You can't see paint under a white-background image. Set the image layer to Multiply or Darker Color so the layers below show through.
Color shifts between your iPad and your comp. Check the canvas color profile and export with a profile that matches your project.
Taking Procreate Color Work Into a Motion Pipeline
Procreate is a still-image tool, so coloring over a photo gives you one finished frame. For motion designers, that frame is usually a starting point: a style frame, a texture, a matte painting, or a look reference.
Export options that work well downstream:
- PSD keeps your layers, so you can animate them separately in your compositor.
- PNG preserves transparency for isolated paint or line layers.
- Layer by layer exports let you rebuild the stack in your compositor, which is helpful if you want to animate color changes over time.
If the goal is to apply a painted look across moving footage, you'll need a tool that works with video. This is where can fit beside Procreate. Styleframe is an AI video and motion tool that can use reference images, such as a frame you colored by hand in Procreate, to guide the look of a video clip.
The painting still starts with your hands in Procreate. Styleframe extends that decision across time rather than replacing it.
Quick Workflow Summary
- Insert the photo and duplicate it.
- Add a new layer above and paint your color.
- Set the blend mode to Color, Multiply, Overlay, or Soft Light, and tune the opacity.
- Use clipping masks or Alpha Lock to contain color to specific areas.
- Use Adjustments on a duplicate of the photo for global color changes.
- For linework over a photo, set the line layer to Multiply and paint below it.
- Export PSD or PNG, and match color profiles for your compositor.
Keeping every change on its own layer means you can revisit any decision. That habit pays off whether the final piece is a print, a style frame, or the reference that drives a full motion sequence.