How to Make Watercolor Clipart in Procreate
StyleFrame Team8 min read
To make watercolor clipart in Procreate, sketch your subject, then paint it in transparent watercolor brushes on clipping-masked layers over a paper texture set to Multiply. Hide the background layer and export each finished element as a transparent PNG at 300 DPI. Keep every element on its own layer so you can reuse, recolor, and animate the pieces later.
The process is the same whether you sell clipart sets or build texture assets for motion work. Only the export and layer organization change.
What You Need Before You Start
- Procreate on an iPad with an Apple Pencil. Pressure sensitivity is what gives washes their variation.
- A watercolor paper texture. A scan of your own paper or any seamless paper image works. Procreate's default brushes can produce a convincing result too. The Merilla brush in the Drawing set works well for washes, and the Tamar brush in the Painting set builds shadows.
- Optionally, a dedicated watercolor brush set. Brushes built for watercolor can give more realistic results, but they aren't required.
- A color palette saved as a swatch. Eight to twelve colors that sit well together make a cohesive set.
Step 1: Set Up the Canvas
Create a new canvas that's large enough to scale, at 300 DPI. If you only need assets for video, match your comp resolution or go larger so you can scale up inside After Effects without softening the edges. A 4K comp will magnify any texture you paint at low resolution.
Import your paper texture through Actions (the wrench) > Add > Insert a Photo. Stretch it to cover the canvas and set the layer's blend mode to Multiply. Drop a new layer beneath it for painting. Anything you paint underneath picks up the paper grain.
One decision to make now: paper texture is great for finished art, but baked-in texture can look wrong once the PNG sits over other backgrounds. For clipart, I'd paint with the texture visible for judging, then decide at export whether to include it. More on that below.
Step 2: Sketch the Subject
Add a layer above the texture and sketch with a pencil-style brush. The 6B pencil gives dense dark lines, and the Peppermint brush has a grainy, natural feel. Keep the sketch light and loose. Heavy linework makes watercolor look stiff, and loose, slightly imperfect shapes read as more authentic.
Pick simple, isolated subjects such as a fruit, a leaf, a whale, or a flower sprig. Clipart works best when each element stands alone and has a clear silhouette.
Step 3: Block In Base Washes with Clipping Masks
The biggest frustration with digital watercolor is that lifting the pencil and starting a new stroke creates overlaps and hard edges, and painting over the lines means a lot of erasing. Clipping masks solve both problems.
- Create a layer under your sketch and fill your subject's silhouette with a flat color. White works fine, since it's only a stencil.
- Add a new layer above that fill and choose Clipping Mask from the layer menu.
- Paint your base color on the clipped layer. Anything outside the silhouette is hidden automatically.
- For each additional color area, repeat with a new clipped layer.
Try to paint each wash in a single stroke without lifting the pencil, which avoids visible overlap seams. If you want controlled layering, such as a petal glaze over a base tone, use a new layer instead of overpainting. You can adjust or delete it later.
Put each major element on its own silhouette layer. If you're painting a pumpkin, a cat, and leaves, each gets its own fill and its own clipped paint layers. That separation pays off later.
Step 4: Build Depth with Shading and Glazing
Real watercolor builds depth by layering transparent color. You can imitate this in Procreate with a few techniques:
- Multiply shading. Add a clipped layer above your base color, set it to Multiply, and paint a similar or slightly deeper tone where shadows fall. You don't have to hunt for a new color each time.
- Wet-in-wet blending. Paint a darker tone on one area, then use the Smudge tool with a soft or textured brush to pull it into the wash, which mimics paint bleeding on damp paper.
- Transparent layering. Most watercolor brushes build up where strokes overlap. Use this deliberately for shadow areas, such as under a petal fold or along the edge of a fruit.
- Opaque accents. Use a denser brush, like a gouache-style or "loaded" brush, for details, highlights, and small features. Opaque white on top of a wash can recreate lifted highlights.
Resist over-rendering. Watercolor clipart looks best when edges are slightly uneven and some areas have only a thin wash. Stop earlier than you think you should.
Step 5: Add Details, Edges, and Splatter
Once the main shading is in place, add finishing touches:
- A slightly darker pooled edge on one side of a shape imitates the way pigment settles at a wash's boundary.
- Fine details such as veins, seeds, eyes, and stems can be done with a smaller brush on a clipped layer.
- Splatters and drips can make a set feel hand-painted. Put them on their own layer so you can turn them off. Splatters often fall outside your silhouette, so keep them unclipped and separate.
Check your piece at 100% and also zoomed out. Clipart gets viewed small, so the silhouette and color separation need to hold up at thumbnail size.
Step 6: Remove the Background and Export a Transparent PNG
This is where watercolor clipart becomes usable.
- Hide the background color layer. You should see the checkerboard behind your art.
- Decide on the paper texture. For maximum flexibility, hide the paper texture layer, since a visible paper grain bakes a rectangular tint into your PNG. If you want the texture's feel, either merge a texture clipped inside your subject or reapply texture in your compositing software.
- Hide your sketch layer unless you want visible pencil lines.
- Open Actions > Share > PNG. Procreate preserves transparency in PNG exports when the background is hidden.
- For individual elements, hide all other layers and export each one separately, or group layers and export in batches.
Check the result by placing it over a dark color, a light color, and a photo. Look for light halos, stray pixels, or semi-transparent fringes at the edge. Soft watercolor edges naturally have partial transparency, and that's fine, but a white matte halo is not.
If you're selling the clipart, this is also when you'd create a preview mockup and note licensing. For personal and production use, name your files clearly, such as leaf_01_green.png, and keep a layered .procreate file as your master.
Using Watercolor Clipart in Motion and VFX Pipelines
If you work in After Effects, Premiere Pro, Cinema 4D, Blender, or Nuke, your Procreate assets can go further than static clipart.
Organize for animation. Export separate PNGs for each moving piece: petals, stems, leaves, and splatters. Animating from one flat image limits you. Separate pieces let you use Puppet Pin, parent layers, and offset timing.
Add the paper feel in comp. Layer a paper texture over your composition with Multiply or Overlay. This keeps the look consistent across all assets and avoids texture seams between elements.
Create a "boiling" hand-made feel. Export two or three variations of the same element with slight differences, then cycle them at a low frame rate. You can also apply Turbulent Displace at low amounts to give edges a subtle wobble.
Use alpha properly. In Nuke, remember that Procreate PNGs are straight or premultiplied depending on how you handle them, so check your edges and use Premult or Unpremult as needed. In After Effects, interpret footage correctly so soft edges don't pick up a dark fringe.
Use the art as 3D textures. In Blender or Cinema 4D, map PNGs to planes with alpha for layered, paper-cutout scenes with real camera depth.
Where Styleframe Fits
Procreate is the right tool for painting the individual pieces, because the brushes and the Apple Pencil give you hand-made control. Styleframe is an AI video and motion tool that you can explore once you want that look to extend into moving footage. You keep your compositing workflow, and it can become one more source of footage and style passes within it.
Common Mistakes to Avoid
- Painting at too low a resolution. Small canvases soften when scaled up in a comp.
- Overworking. Too many glazes turn watercolor muddy and digital-looking.
- Baking the paper texture into every PNG. This makes assets harder to reuse on varied backgrounds.
- Forgetting layer hygiene. Merge only when you're done, and always keep a layered master.
- Skipping a contrast test. Preview the PNG on light, dark, and busy backgrounds before delivery.
Quick Workflow Recap
- Create a large 300 DPI canvas and set the paper texture to Multiply.
- Sketch loosely.
- Fill silhouettes and paint base washes on clipping masks.
- Add Multiply shading, smudged blends, and opaque accents.
- Finish with edges, details, and splatter on separate layers.
- Hide the background and export each element as a transparent PNG.
- Bring the pieces into your compositing tool and animate, texture, or restyle them as needed.
Once the pieces are painted and exported cleanly, they work as print clipart, motion design assets, or style references.