How to Use Coloring Pages on Procreate
StyleFrame Team8 min read
To use a coloring page in Procreate, import it with Actions (wrench) > Add > Insert a Photo or Insert a File, or use Photos or Import from the Gallery. Then create a new layer, drag it beneath the line art, and color on that layer so the outlines stay visible. If the page has a white background instead of transparency, set the line art layer's blend mode to Multiply (or Darker Color) so the paint underneath shows through.
That covers the basics. The sections below add the details that make the workflow reliable: file prep, fills, brushes, export, and how to take a finished page into motion work.
What You Need Before You Start
You need Procreate on an iPad, a coloring page saved as an image, and ideally an Apple Pencil. The page needs to be in an image format rather than a PDF.
PNG is the best format. A PNG with a transparent background keeps the line art on its own layer with nothing behind it. JPGs and flattened PDFs come with an opaque white background, which needs a blend mode fix (covered below).
If your page is a PDF, convert it first:
- Open it in a PDF or note-taking app on your iPad and export a page as an image.
- Take a screenshot and crop it.
- Use a PDF-to-PNG converter and save the result to Photos or Files.
Prefer a proper export over a screenshot. Higher-resolution line art gives you cleaner edges, especially if you plan to scale the artwork later.
How to Import a Coloring Page
There are three common routes, and they differ slightly in what they create.
Insert into an existing canvas
- Open a canvas at the size you want.
- Tap the wrench icon to open Actions.
- Tap Add, then Insert a Photo (from your camera roll) or Insert a File (from the Files app).
- Select the page. It arrives as a new layer, and you can scale and position it with the Transform tool.
This route is best when you want to control canvas dimensions or combine multiple pages in one document.
Import from the Gallery
In the Procreate Gallery, tap Photo to pull from your library or Import to pull from Files. Procreate creates a new canvas sized to the image. This is the fastest way to keep the original pixel dimensions, which helps when you want a 1:1 match with the source artwork.
Check the layer stack
Open the Layers panel after importing. You should see your line art layer. If the thumbnail shows a checkerboard behind the lines, the background is transparent. If it shows solid white, you will need the blend mode fix.
Set Up Layers So You Never Paint Over the Lines
The most common beginner mistake is coloring on the same layer as the line art. Procreate paints over pixels, so the outlines disappear under your color.
The fix is layer order:
- Open the Layers panel and tap + to add a new layer.
- Drag the new layer below the line art layer.
- Select the new layer and paint there.
The lines stay on top, and your color sits underneath. If you make a mistake, you erase on the color layer without damaging the outlines. For more complex pages, use several color layers (skin, background, clothing, highlights) so you can adjust each independently.
If the page has a white background
With a white background, a layer underneath is hidden behind the opaque white pixels. To fix this:
- Tap the "N" next to the line art layer.
- Change the blend mode to Multiply. White becomes effectively transparent while dark lines stay dark. Darker Color also works for this purpose.
- Paint on the layer below.
An alternative is to isolate the lines properly. Use the Selection tool or a color-range approach to remove the white, or simply keep Multiply on. Multiply is non-destructive and easy to reverse, so it is usually the better choice.
Fill Large Areas Quickly with ColorDrop
Hand-coloring every shape is relaxing, but flat fills are faster with ColorDrop.
- Select the line art layer and choose Reference from its layer menu. This tells Procreate to detect edges from that layer even while you paint on another.
- Select your empty color layer underneath.
- Drag a color from the color disc or a swatch and drop it inside a closed shape.
- Before releasing, pause briefly and swipe left to adjust Threshold.
If color floods the whole page, there is a gap in the outline. Close the gap on a separate layer with a small black brush stroke, or adjust the threshold. Because ColorDrop fills on the layer you have selected, a fill that goes wrong can be undone without touching the line art.
You can also use the Selection tool in Automatic mode, tap inside a shape, and fill the selection. This is a bit slower but gives more control over feathering and edge behavior.
Choose Brushes That Match the Look
Coloring pages are a good way to test brushes because the drawing is already done. Some directions:
- Flat, graphic look: Use ColorDrop or a hard round brush with no texture. This reads well for animation and clean motion graphics.
- Marker feel: Use a streamlined brush with high opacity and a slight edge, and build up color in a single stroke.
- Colored pencil or crayon feel: Use textured brushes from the Procreate library or third-party sets, and build up in multiple passes.
- Soft shading: Use airbrush or soft brushes on a separate layer.
Two features keep your work clean:
- Alpha Lock: Lock a color layer's transparency so you can add shading and texture only within the existing shapes.
- Clipping Mask: Place a new layer above a color layer, choose Clipping Mask, and paint shading that stays inside the base shape without altering it.
Keep shading, highlights, and texture on separate clipped layers. It makes later color revisions much easier.
Export Your Finished Page
What you export depends on where it is going.
- PNG: Best for a flattened image with or without a transparent background. Hide the background layer first if you need transparency.
- PSD: Preserves layers, which is the most useful format if you plan to continue in After Effects, Photoshop, or another compositing tool.
- JPEG or PDF: Fine for sharing and printing, but not ideal for further production work.
- Time-lapse video: Procreate records your session and can export it, which is useful for social content.
Name your layers before exporting a PSD. A document with "Layer 14" through "Layer 37" is painful to work with in a timeline. Short, clear names such as "line art," "skin base," "bg flat," and "shadow" save time downstream.
Using Colored Pages in a Motion Workflow
Coloring pages are not only a relaxation exercise. For motion designers, they can serve as quick style tests, texture sources, or the starting point for illustrated animation. A page colored in Procreate can become a layered asset set for an animated scene.
Bring layers into After Effects
Export a layered PSD and import it into After Effects as a composition with retained layer sizes. Each Procreate layer becomes an After Effects layer. From there you can:
- Parent shapes and animate position, scale, and rotation.
- Use the line art layer as a track matte or a stylistic overlay.
- Apply textures or displacement to give flat fills a hand-made look.
- Use Puppet tools on individual elements.
Because the line art is separate from color, you can offset the two slightly or animate them independently. This can be used for a "boiling line" or misregistered print effect.
Frame-by-frame variations
If you are making hand-drawn animation, you can duplicate a colored frame, adjust it, and use Procreate's Animation Assist. This approach suits short loops better than long sequences.
Where Styleframe fits
If you want to carry a colored page into video without redrawing every frame, a tool like Styleframe can help. Styleframe is an AI video and motion tool. You can use your colored Procreate page as a reference image or keyframe to guide the look of generated motion, so you decide what the look is rather than leaving it to a text prompt. Results depend on your reference quality and keyframes, so expect to iterate rather than get a final shot on the first try.
Common Problems and Fixes
Color covers the lines. The color layer is above the line art. Drag it below.
Nothing shows up when painting underneath. The line art has a white background. Set its blend mode to Multiply or Darker Color.
ColorDrop fills the whole canvas. There is a gap in the outline, or the Reference layer is not set. Close gaps and confirm the line art is the reference.
White halos around fills. Anti-aliased line edges leave gaps between the line and the fill. Extend your color slightly under the line, or adjust the fill threshold.
Page looks blurry. The source image was low resolution. Find a larger version or export the PDF at a higher resolution.
Colors look different after export. Check the canvas color profile in Canvas settings and keep it consistent with your compositing color space.
A Simple Workflow to Remember
- Convert the coloring page to PNG if needed.
- Import it through Actions > Add or the Gallery.
- Set the line art to Reference, and use Multiply if the background is white.
- Add color layers beneath the lines.
- Fill with ColorDrop, then refine with brushes, Alpha Lock, and clipping masks.
- Name layers and export a PSD or PNG.
- If the page is headed for motion, bring it into After Effects or use it as a reference in a tool like Styleframe.
Once the layer order clicks, coloring pages become a quick way to practice brushes, test palettes, and build assets for animation.