To color block in Procreate, put your line art on its own layer and set it as a Reference layer. Create a new layer underneath, then drag a color from the top-right swatch into each closed shape (ColorDrop), adjusting the threshold until the fill meets the lines cleanly. Keep each major color on its own layer so you can recolor, animate, or composite it later. The rest of this guide covers the fill methods, layer structure, and export steps that make flat color work hold up in a motion pipeline.

What color blocking means for motion work

Color blocking is laying down flat, unshaded shapes of color that define a design's major areas: skin, hair, clothing, background, props. For an illustrator it's a stage before rendering. For a motion designer it often produces the final asset: a character to rig in After Effects, a styleframe to approve, or a set of flat mattes to pull into a composite.

That changes how you should block. Clean edges, separate layers, and predictable naming matter more than speed. A fill that looks fine on the iPad can fall apart when you scale it, animate it, or key against it.

Prepare the canvas and line art

Start with a canvas sized for your delivery target, not for the iPad. If the art will be scaled in After Effects, build it larger than your comp resolution. Pick the color profile when you create the canvas, and keep it consistent with your downstream project.

Then get the line art ready:

1. Sketch loosely. Use a chunky brush to find the silhouette and proportions, and don't worry about precision yet.
2. Redraw cleanly. Drop the opacity of the rough layer and ink over it with a thinner brush on a new layer.
3. Close your shapes. Gaps in line work are the main reason fills leak. Close every shape you intend to fill, even where the line would visually disappear in the final art.
4. Clean imported scans. If you photographed paper sketches, desaturate the layer with Hue, Saturation, Brightness, then use Curves to push the paper toward white before inking.

Rename the line art layer something obvious like "LINES" and leave it on top of the stack.

Method 1: ColorDrop with a Reference layer

ColorDrop is the fastest way to block. Procreate treats it as a paint bucket you drag out of the color swatch:

1. Open the layer options for your line art and tap Reference.
2. Create a new layer below the line art and make it active.
3. Drag the color from the top-right swatch into a shape and keep holding.
4. Slide your pencil left or right to change the ColorDrop Threshold. Left fills less, right fills more. The percentage appears at the top of the screen.
5. Lift to commit.

Because the line art is the Reference layer, the fill reads its boundaries even though the color lands on the empty layer beneath. That keeps your lines untouched and your color separate.

After a drop, tap Continue Filling to fill other areas with single taps. You can tap, hold, and drag to change the threshold on any individual fill. Tap the checkmark or switch tools to exit.

Threshold tip: Set it slightly high so the fill runs a few pixels under the line edge. That hides the anti-aliased halo between color and line and prevents thin white seams from showing up when the art is scaled or composited.

Method 2: Selections with Color Fill

When shapes are geometric or you need precise control, use Selections:

1. Tap Selections and pick a method: Automatic, Freehand, Rectangle, or Ellipse.
2. Turn on Color Fill (it highlights blue).
3. Choose your color from the swatch.
4. Make the selection. The color fills the moment you complete it.

Automatic selection works well for hard-edged areas. Freehand suits irregular shapes like hair masses or cloth folds that you'd rather define by hand than by line art. Rectangle and Ellipse are ideal for backgrounds, frames, and graphic elements. Use Feather to soften an edge when you want a vignette rather than a hard shape.

Two practical notes. Color Fill is remembered after you leave Selections, so turn it off when you're done or you'll fill things accidentally. It also works only on a single layer, not on a group, so select an actual layer first.

Method 3: Recolor and Fill Layer

Two other tools are useful in specific situations.

Recolor is an older feature that lives in QuickMenu, which is off by default. Enable it under Actions → Prefs → Gesture Controls → QuickMenu, assign Recolor to one of the radial slots, then pick a color and tap areas to fill. The Flood slider controls how aggressively it spreads. It's handy when you like tapping fills more than dragging them.

Fill Layer floods an entire layer with the current color. Tap the layer twice to open Layer Options, then choose Fill Layer. Use it for solid backgrounds, or to create a flat base color you'll mask or clip other layers onto.

Organize layers so the blocking is reusable

A good blocking pass is organized as well as colored. Whichever fill method you use, keep these habits:

• One major color area per layer. Skin, hair, shirt, background, and so on. Name them as you go.
• Block roughly first. Before committing, drop in quick fills to test combinations. Once the palette feels right, redo the fills carefully on separate layers that follow your line art.
• Use Alpha Lock for recoloring. Locking a layer's transparency lets you change a block's color without spilling past its shape.
• Use clipping masks for detail. Later shading, texture, or pattern layers can clip to a block, so the base shape stays clean.
• Group by element. Head, torso, arms, and props each get a group, which maps naturally onto how you'd parent layers in After Effects.

Keep the background on its own layer too. Procreate's default white background is not transparent, so hide it before exporting anything you plan to key or composite.

Use symmetry for faster, consistent blocks

For front-facing characters, logos, or symmetrical props, turn on Drawing Guide → Symmetry. Paint one side and Procreate mirrors it, which speeds up freehand blocking and keeps both halves matched. Turn it off before you add asymmetrical details such as parted hair or a lopsided prop.

Fix common blocking problems

• Fill leaks across the whole canvas: A gap exists in your line art. Zoom in, close it on the line layer, and refill.
• White fringe along lines: Raise the ColorDrop threshold or fill on a layer under the lines so color tucks beneath them.
• Fill stops short of the line: Same cause in reverse. Increase threshold slightly.
• Color spills outside a shape later: Use Alpha Lock or a clipping mask instead of painting freehand over blocks.
• Wrong color across many layers: Use Alpha Lock and Fill Layer on each, or tap Continue Filling to replace colors quickly.

Export for After Effects and other tools

How you export depends on where the art is going:

• PSD preserves your layer structure, which makes it a good choice for rigging or animating the blocks.
• PNG gives you a transparent flat image, suitable for a single asset or a reference.
• TIFF or high-quality PNGs per layer can work when you need specific mattes for other compositing or 3D tools.

Check that your layer names, group structure, and canvas color profile survive the trip. If something shifts, fix it in Procreate rather than patching it in the comp. Always hide the background layer if you need transparency.

Where Styleframe fits in a color-blocked workflow

A clean blocking pass is also strong input for AI-assisted work, as long as you stay in control of it. Styleframe is an AI video and motion tool you can use as a step after your blocking is done.

A quick blocking checklist

1. Set canvas size and color profile for the final delivery.
2. Ink clean, closed line art and name the layer.
3. Set line art as Reference.
4. ColorDrop each shape onto its own layer, with the threshold nudged high enough to hide halos.
5. Use Selections → Color Fill for geometric areas and Fill Layer for backgrounds.
6. Lock, clip, and group so recoloring and shading stay clean.
7. Hide the background and export a layered PSD, plus PNGs where needed.

Do this consistently and your Procreate blocking passes will be much easier to move into other tools.

To color block in Procreate, put your line art on its own layer and set it as a Reference layer. Create a new layer underneath, then drag a color from the top-right swatch into each closed shape (ColorDrop), adjusting the threshold until the fill meets the lines cleanly. Keep each major color on its own layer so you can recolor, animate, or composite it later. The rest of this guide covers the fill methods, layer structure, and export steps that make flat color work hold up in a motion pipeline.

What color blocking means for motion work

Color blocking is laying down flat, unshaded shapes of color that define a design's major areas: skin, hair, clothing, background, props. For an illustrator it's a stage before rendering. For a motion designer it often produces the final asset: a character to rig in After Effects, a styleframe to approve, or a set of flat mattes to pull into a composite.

That changes how you should block. Clean edges, separate layers, and predictable naming matter more than speed. A fill that looks fine on the iPad can fall apart when you scale it, animate it, or key against it.

Prepare the canvas and line art

Start with a canvas sized for your delivery target, not for the iPad. If the art will be scaled in After Effects, build it larger than your comp resolution. Pick the color profile when you create the canvas, and keep it consistent with your downstream project.

Then get the line art ready:

1. Sketch loosely. Use a chunky brush to find the silhouette and proportions, and don't worry about precision yet.
2. Redraw cleanly. Drop the opacity of the rough layer and ink over it with a thinner brush on a new layer.
3. Close your shapes. Gaps in line work are the main reason fills leak. Close every shape you intend to fill, even where the line would visually disappear in the final art.
4. Clean imported scans. If you photographed paper sketches, desaturate the layer with Hue, Saturation, Brightness, then use Curves to push the paper toward white before inking.

Rename the line art layer something obvious like "LINES" and leave it on top of the stack.

Method 1: ColorDrop with a Reference layer

ColorDrop is the fastest way to block. Procreate treats it as a paint bucket you drag out of the color swatch:

1. Open the layer options for your line art and tap Reference.
2. Create a new layer below the line art and make it active.
3. Drag the color from the top-right swatch into a shape and keep holding.
4. Slide your pencil left or right to change the ColorDrop Threshold. Left fills less, right fills more. The percentage appears at the top of the screen.
5. Lift to commit.

Because the line art is the Reference layer, the fill reads its boundaries even though the color lands on the empty layer beneath. That keeps your lines untouched and your color separate.

After a drop, tap Continue Filling to fill other areas with single taps. You can tap, hold, and drag to change the threshold on any individual fill. Tap the checkmark or switch tools to exit.

Threshold tip: Set it slightly high so the fill runs a few pixels under the line edge. That hides the anti-aliased halo between color and line and prevents thin white seams from showing up when the art is scaled or composited.

Method 2: Selections with Color Fill

When shapes are geometric or you need precise control, use Selections:

1. Tap Selections and pick a method: Automatic, Freehand, Rectangle, or Ellipse.
2. Turn on Color Fill (it highlights blue).
3. Choose your color from the swatch.
4. Make the selection. The color fills the moment you complete it.

Automatic selection works well for hard-edged areas. Freehand suits irregular shapes like hair masses or cloth folds that you'd rather define by hand than by line art. Rectangle and Ellipse are ideal for backgrounds, frames, and graphic elements. Use Feather to soften an edge when you want a vignette rather than a hard shape.

Two practical notes. Color Fill is remembered after you leave Selections, so turn it off when you're done or you'll fill things accidentally. It also works only on a single layer, not on a group, so select an actual layer first.

Method 3: Recolor and Fill Layer

Two other tools are useful in specific situations.

Recolor is an older feature that lives in QuickMenu, which is off by default. Enable it under Actions → Prefs → Gesture Controls → QuickMenu, assign Recolor to one of the radial slots, then pick a color and tap areas to fill. The Flood slider controls how aggressively it spreads. It's handy when you like tapping fills more than dragging them.

Fill Layer floods an entire layer with the current color. Tap the layer twice to open Layer Options, then choose Fill Layer. Use it for solid backgrounds, or to create a flat base color you'll mask or clip other layers onto.

Organize layers so the blocking is reusable

A good blocking pass is organized as well as colored. Whichever fill method you use, keep these habits:

• One major color area per layer. Skin, hair, shirt, background, and so on. Name them as you go.
• Block roughly first. Before committing, drop in quick fills to test combinations. Once the palette feels right, redo the fills carefully on separate layers that follow your line art.
• Use Alpha Lock for recoloring. Locking a layer's transparency lets you change a block's color without spilling past its shape.
• Use clipping masks for detail. Later shading, texture, or pattern layers can clip to a block, so the base shape stays clean.
• Group by element. Head, torso, arms, and props each get a group, which maps naturally onto how you'd parent layers in After Effects.

Keep the background on its own layer too. Procreate's default white background is not transparent, so hide it before exporting anything you plan to key or composite.

Use symmetry for faster, consistent blocks

For front-facing characters, logos, or symmetrical props, turn on Drawing Guide → Symmetry. Paint one side and Procreate mirrors it, which speeds up freehand blocking and keeps both halves matched. Turn it off before you add asymmetrical details such as parted hair or a lopsided prop.

Fix common blocking problems

• Fill leaks across the whole canvas: A gap exists in your line art. Zoom in, close it on the line layer, and refill.
• White fringe along lines: Raise the ColorDrop threshold or fill on a layer under the lines so color tucks beneath them.
• Fill stops short of the line: Same cause in reverse. Increase threshold slightly.
• Color spills outside a shape later: Use Alpha Lock or a clipping mask instead of painting freehand over blocks.
• Wrong color across many layers: Use Alpha Lock and Fill Layer on each, or tap Continue Filling to replace colors quickly.

Export for After Effects and other tools

How you export depends on where the art is going:

• PSD preserves your layer structure, which makes it a good choice for rigging or animating the blocks.
• PNG gives you a transparent flat image, suitable for a single asset or a reference.
• TIFF or high-quality PNGs per layer can work when you need specific mattes for other compositing or 3D tools.

Check that your layer names, group structure, and canvas color profile survive the trip. If something shifts, fix it in Procreate rather than patching it in the comp. Always hide the background layer if you need transparency.

Where Styleframe fits in a color-blocked workflow

A clean blocking pass is also strong input for AI-assisted work, as long as you stay in control of it. Styleframe is an AI video and motion tool you can use as a step after your blocking is done.

A quick blocking checklist

1. Set canvas size and color profile for the final delivery.
2. Ink clean, closed line art and name the layer.
3. Set line art as Reference.
4. ColorDrop each shape onto its own layer, with the threshold nudged high enough to hide halos.
5. Use Selections → Color Fill for geometric areas and Fill Layer for backgrounds.
6. Lock, clip, and group so recoloring and shading stay clean.
7. Hide the background and export a layered PSD, plus PNGs where needed.

Do this consistently and your Procreate blocking passes will be much easier to move into other tools.