How to Color Coco Wyo on Procreate
StyleFrame Team8 min read
Import the Coco Wyo page into Procreate through the Actions (wrench) menu: Add > Insert a Photo or Insert a File. Then create a new layer and drag it beneath the line art so your color never covers the outlines. If the page has a white background rather than a transparent one, set the line art layer's blend mode to Multiply or Darker Color so the color layer shows through. From there, fill and shade on separate layers and export a flattened PNG or a layered PSD.
For motion designers and animators, this is also a quick way to practice clean, layered color work. The same layer discipline carries over to After Effects and Nuke.
What You Need Before You Start
- An iPad with Procreate and, ideally, an Apple Pencil
- A Coco Wyo coloring page saved to your Photos app or Files app
- A canvas size that matches the page's resolution, or larger if you want room to zoom in on small details
Coco Wyo pages are sold as digital coloring books for personal use. Resale, redistribution, and commercial use aren't included with purchase, so treat the pages as practice or relaxation material, not as assets for client work.
Step 1: Set Up the Canvas and Insert the Page
- Open Procreate and create a new canvas. If you're unsure, start with a size that fits the page's aspect ratio, such as Letter or A4, at 300 DPI.
- Tap the wrench icon to open the Actions menu.
- Tap Add, then choose Insert a Photo (if the page is in your camera roll) or Insert a File (if it's in the Files app).
- Select the page. It lands on your canvas as its own layer.
- Use the transform handles to scale it to fill the canvas, then tap the Transform tool again to confirm.
If your download is a PDF, the simplest route is usually to export the pages as PNG or JPG first, then insert those. This also gives you more control over resolution. Some users import PDFs directly through the Files app, but results can vary by Procreate version, so check the page appears at full quality before you start coloring.
Step 2: Check Whether the Line Art Is Transparent
Open the Layers panel and look at the page layer. The checkerboard pattern tells you what you have:
- Transparent background: the line art sits on its own with a checkerboard behind it. You can color on a layer underneath with no extra steps.
- White background: the page is a flat white rectangle with black lines. Anything painted underneath will be hidden.
Pages with a white background need a blend mode fix, covered below.
Step 3: Color on a Separate Layer
Don't paint on the line art layer. If you do, you'll cover the outlines and have to work around them.
- Open the Layers panel and tap + to add a new layer.
- Drag the new layer below the line art layer so the outlines stay on top.
- Pick a brush and a color, and start filling.
This mirrors a standard compositing setup: a fixed line pass on top, with color passes below that you can adjust or replace.
If the page has a white background
- Tap the N next to the line art layer.
- Change the blend mode to Multiply or Darker Color.
- White now drops out and the black lines remain, so your color layer underneath becomes visible.
Multiply is usually the cleaner choice for black line art on white. Darker Color works too, and it's worth trying both if one leaves faint halos around thin lines.
Step 4: Fill Large Areas Quickly with Reference and ColorDrop
Filling every shape by hand works, but it's slow on detailed pages. Procreate's Reference feature speeds it up:
- Tap the line art layer and choose Reference.
- Select your empty color layer underneath.
- Drag a color from the top-right swatch into a closed shape. ColorDrop fills the area based on the reference line art.
- Adjust the Color Fill Threshold by holding your finger or pencil on the canvas after the drop. Raise it if the fill leaves light gaps near the lines, and lower it if it bleeds into neighboring shapes.
If a fill leaks, a line probably has a small gap. Zoom in, paint over the gap on a throwaway layer above the color layer, and refill. Hide or delete that patch layer afterward.
Step 5: Add Shading and Detail with Clipping Masks
Once base colors are down, add depth without touching them:
- Create a new layer above your base color layer.
- Tap it and choose Clipping Mask. Paint on this layer only affects pixels that exist on the layer below.
- Use a darker or warmer tone for shadows, and a lighter one for highlights.
- Set the clipped layer to Multiply for shadows or Add/Screen for highlights, and lower the opacity until it looks natural.
Alpha Lock is a good alternative when you want to recolor a single flat shape. Swipe two fingers right on a layer to enable it, and your paint stays inside the existing pixels.
Cozy, simple Coco Wyo styles benefit from a restrained approach: a few shade layers with soft edges usually read better than heavy rendering.
Step 6: Build a Palette That Fits the Page
Many Coco Wyo pages are themed around cozy, small-scale scenes, such as animal characters, seaside scenes, farm stands, and music shops. A narrow palette keeps them cohesive:
- Pick 5 to 8 base colors before you begin.
- Save them as a palette in the Color panel so you can reuse them.
- Use the Color Harmony tab (Complementary, Analogous) if you want a starting point.
- Test colors on a duplicate of your color layer before committing.
Keeping the palette in a saved set also makes it easier to match colors later in other apps.
Step 7: Export Your Work
Tap Actions > Share and pick the format that suits the next step:
For personal projects, PNG is usually enough. If you plan to take the work into a motion pipeline, PSD preserves your line art, base colors, and shading as separate layers.
Taking Procreate Color Work into a Motion Pipeline
If you're coming at this from motion design, the habits you build here map directly to compositing:
- Line art on top, color underneath works like keeping a matte or outline pass separate from fills.
- Clipped shading layers are comparable to track mattes and adjustment layers.
- Named layers make the PSD easier to import into After Effects with layers intact.
A practical workflow looks like this:
- Color your own line art in Procreate using the steps above.
- Export a layered PSD.
- Import it into After Effects as a composition with layers retained.
- Animate parallax, secondary motion, or camera moves on the individual layers.
Because Coco Wyo pages are licensed for personal use only, use your own illustrations for anything that will be published, delivered to a client, or monetized.
Where Styleframe Fits for Your Own Artwork
Once you have your own colored illustration, you may want to push it into motion or explore other treatments without redrawing. This is where Styleframe, an AI video and motion tool built for artistic control, can sit beside Procreate and After Effects.
Styleframe is driven by reference images, video clips, and keyframes, not one-click prompts:
- Frames-to-Video: set start and end keyframes from your Procreate frames, and generate the motion between them.
- Restyle and Ink-and-Paint: use a reference image to carry a look, such as an inked outline with flat color fills, across footage or other frames. This is reference-driven style transfer, so you steer it with your own art.
- 2D-to-3D and Turntable: turn a character illustration into a 3D asset and generate a rotation pass to check it from different angles.
- Remove Background: isolate a character from its backdrop for compositing.
- 4K Upscale: bring finished output to production-ready resolution.
Iteration is non-destructive, so you can try several variations of a shot without losing earlier ones. Styleframe exports image sequences, which drop straight into After Effects or Nuke, so your compositing stays where it is.
Use your own artwork, or artwork you have the rights to, as the source. Personal-use coloring pages shouldn't be uploaded as references for commercial or client output.
Troubleshooting Common Issues
My color doesn't show under the line art. The page probably has a white background. Switch its blend mode to Multiply or Darker Color.
ColorDrop fills the whole canvas. The reference layer may not be set, or the shape has a gap. Confirm Reference is active on the line art layer and close any gaps.
There's a white halo around the lines. Lower the Color Fill Threshold or paint slightly beyond the outline on the color layer, since the line art layer hides the overlap.
The page looks blurry. Insert the image at a higher resolution, or make sure the canvas DPI matches the source. Avoid scaling a small image up significantly.
My lines look gray instead of black. Check the line art layer's opacity and blend mode. Multiply at 100% opacity keeps black lines solid.
Quick Recap
- Insert the Coco Wyo page via Actions > Add > Insert a Photo/File.
- Check whether the background is transparent or white.
- Add a new layer beneath the line art, or switch the line art to Multiply/Darker Color if the background is white.
- Fill with ColorDrop using Reference, or paint by hand.
- Add shading on clipped layers.
- Export as PNG for sharing or PSD to keep layers.
The process takes only a few minutes to set up, and the layered structure it teaches is the same one you'll rely on when you move artwork into After Effects, Nuke, or any other pipeline.