How to Add Coloring Pages to Procreate
StyleFrame Team8 min read
To add a coloring page to Procreate, open a canvas, tap the Actions (wrench) menu, choose Add, then Insert a Photo or Insert a File and select your image. You can also import from the Gallery with the Photo or Import buttons. PNG pages with a transparent background are easiest: create a new layer beneath the line art and paint there. If the page is a JPG or flattened PDF with a white background, set the line-art layer's blend mode to Multiply (or Darker Color) so your color layer shows through.
What You Need Before You Start
You need an iPad with Procreate installed, ideally an Apple Pencil, and a coloring page saved as an image file. Procreate handles PNG, JPG, and layered formats like PSD without trouble. Multi-page PDF coloring books need converting first.
For motion and VFX people, the file format matters more than it does for hobbyists. A transparent PNG at high resolution gives you clean line art you can recolor, animate, or composite later. A flattened JPG works, but you'll spend a few extra steps isolating the lines.
Before importing, check these three things:
- Format: PNG with transparency is ideal. JPG and PNG with a white background are workable.
- Resolution: If the art will end up in a 4K timeline, make sure the page is big enough. Upscaling a low-resolution scan will soften your lines.
- Rights: Confirm the license on any downloaded page if the finished work will appear in client deliverables.
Method 1: Insert From the Actions Menu
This is the fastest route when you're already inside a canvas.
- Create or open a canvas at the size you want for the final piece.
- Tap the Actions icon (the wrench).
- Tap Add.
- Choose Insert a Photo if the image is in your Photos library, or Insert a File if it's in the Files app, iCloud Drive, or another connected location.
- Select the image. It lands on the canvas as its own layer, and you can scale and position it with the transform handles.
- Tap the Transform tool again or tap outside the image to commit.
The imported page sits on a new layer, so your base canvas stays untouched. This is the method to use if you want to control canvas dimensions first, for example when matching a comp's aspect ratio.
Method 2: Import From the Gallery
If you'd rather start a canvas directly from the coloring page, use the Gallery.
- Open the Procreate Gallery.
- Tap Photo to pick from your Photos library, or Import to browse the Files app.
- Select the coloring page.
Procreate creates a new canvas from the image. That can be useful because the canvas is based on the page itself, so you aren't resampling a high-resolution page onto a smaller canvas. The tradeoff is that you inherit whatever size and DPI the file came with, so check Canvas > Canvas Information afterward.
Method 3: Drag and Drop
On iPad, you can use Split View or Slide Over with the Files app or Safari open beside Procreate. Press and hold the image, then drag it into the canvas. This is handy for pulling pages from a browser or from a shared folder without saving to Photos first. You can also AirDrop files from a Mac, which is the cleanest route if your line art originates in Illustrator, Photoshop, or a frame exported from After Effects.
Converting PDF Coloring Pages
Many downloadable coloring books ship as PDFs. Convert the page you want to a PNG or JPG before importing. Options include:
- Opening the PDF in a notes or reader app on the iPad and exporting the page as an image.
- Taking a screenshot and cropping it (fine for casual use, but you lose resolution).
- Using a desktop tool such as Preview, Photoshop, or Acrobat to export a page at a specific DPI. For production work, this is the better approach because you control the resolution.
If you export from a desktop app, export at 300 DPI or higher and save as PNG so you don't add compression artifacts around thin lines.
Setting Up Layers So You Don't Paint Over the Lines
Once the page is in, the most common beginner mistake is coloring on the same layer as the line art, which covers the lines. Fix this with layer order.
For Transparent PNGs
- Open the Layers panel.
- Tap + to create a new layer.
- Drag the new layer below the line art layer.
- Paint on the lower layer.
The lines stay on top, and everything you paint appears behind them.
For White-Background Pages
A page with an opaque white background will hide anything painted underneath it. Instead:
- Tap the N on the line art layer to open blend modes.
- Choose Multiply. White becomes effectively transparent while the dark lines remain. Darker Color also works in many cases.
- Add a new layer below and paint as usual.
Multiply is the same logic you'd use in After Effects or Photoshop to drop a white-background scan onto a colored layer, so it should feel familiar.
Speed Up Coloring
- Reference layer: Set the line art as a Reference layer (Layer options > Reference), then use ColorDrop on an empty layer below. Procreate samples fills from the lines without painting on the line layer.
- ColorDrop threshold: Drag a color into a closed shape and, without lifting, adjust the threshold to control how tightly the fill hugs the edges. Small gaps in the lines cause leaks, so close them or lower the threshold.
- Selection tool: Use Automatic or Freehand selection to isolate a region, then fill. This handles detailed areas better than ColorDrop.
- Clipping mask and Alpha Lock: Add shading and texture inside a flat color without leaving the shape.
Making Line Art Reusable for Motion Work
For motion designers, the point of adding a coloring page often isn't the page itself. You might be building character color keys, style frames, or hand-colored elements for animation. A few habits make the output easier to carry into a pipeline:
- Keep layers separate. One layer for line art, one for flat color, one for shading, one for texture. This lets you animate or adjust each independently.
- Name your layers. It saves time when the file opens as a PSD in After Effects or Photoshop.
- Export deliberately. Export as PSD to keep layers, or as PNG for flat transparent elements. In After Effects, a PSD can be imported as a composition with layers intact.
- Mind the color space. Procreate's color profile choice affects how colors look in your comp. Check it in Canvas settings so your reds and blues don't shift between tools.
If you're designing frames for animation, set up your canvas at the intended aspect ratio and resolution before inserting pages, so exports match your timeline without a rescale.
Taking Your Colored Pages Further With Styleframe
Once you have a colored page, you may want to see how it holds up as moving imagery or in a different visual treatment. is one AI video tool you could try for that kind of reference-driven work. Check its site for current features and export options before building it into a pipeline.
As with any generative tool, results depend on your references and keyframes, so expect to iterate. The advantage is that your own Procreate artwork remains the creative source.
Troubleshooting Common Problems
The page imports too small or too large. Use the Transform tool to scale it, or re-import through the Gallery to keep native dimensions. Check Canvas Information for pixel size.
The lines look blurry. The source resolution is likely too low. Re-export the page from the original PDF at a higher DPI, or find a larger version.
Color won't show under the page. The line art has a white background. Set its blend mode to Multiply.
ColorDrop floods the whole canvas. The shape has a gap. Zoom in and close it with a pencil on a separate layer, or lower the threshold.
The coloring page covers my paint. Your color layer is above the line art. Drag it below.
Lines look gray after Multiply. The scan may have a light gray background rather than pure white. Adjust Curves or Levels on the line layer to push the background to white before using Multiply.
Quick Workflow Summary
- Prepare the page as a high-resolution PNG (or JPG), converting PDFs first.
- Open a canvas at your target size, then use Actions > Add > Insert a Photo/File, or import via the Gallery.
- Set blend mode to Multiply if the background is white.
- Create color layers beneath the line art.
- Use Reference, ColorDrop, and Selection to color efficiently.
- Export as PSD or PNG for After Effects, or as references for a tool like Styleframe.
Adding a coloring page to Procreate is quick. The real value comes from the layer setup, so you can recolor, animate, and composite the work in whatever tools your pipeline uses.