To color a character in Procreate, set your line art as a Reference layer, drop flat colors onto separate layers beneath it with ColorDrop, then add shading and highlights on clipped layers above each color. Keep body parts, clothing, and accessories on their own layers so you can recolor, rig, or animate the character later in After Effects. The sections below cover the full workflow, from prepping the sketch to exporting layers for motion work.

Prep the Sketch Before You Color

Most coloring problems come from messy line art, so fix those first.

• Clean up an imported drawing. If you photographed a pencil sketch, use Adjustments > Hue, Saturation, Brightness to drop the saturation to zero. Then open Curves and drag the highlight point left until the paper turns white. Erase any dark edges that remain.
• Put the line art on its own layer. Keep it above everything else and rename it. If the lines are on a white-backed photo layer, set that layer to Multiply so the paper disappears.
• Lock it or reference it. Swipe left on the line art layer and choose Lock to prevent accidental strokes. For fills, you'll also set it as a Reference layer (covered below).
• Close your shapes. Gaps in the lines are the main reason fills leak. Zoom in on joints, such as where a sleeve meets a wrist, and close them with a small brush stroke.

For character work, decide now how the character might move. If it will be animated, draw and organize it as separate parts: head, torso, upper arm, forearm, hand, and so on. Hidden overlap areas under joints save time when you rig it later.

Block In Flat Colors With ColorDrop

Flat color is the foundation, and Procreate's fill tool is fast once it's set up correctly.

Set the Reference Layer

1. Tap your line art layer and choose Reference.
2. Create a new empty layer below the line art.
3. Drag a color from the color circle in the top-right corner into a closed shape. Procreate fills based on the lines on the Reference layer, but the color lands on your active layer.

If the whole canvas floods, the Threshold is probably too high. After dropping the color, keep your stylus or finger on the canvas, wait for the Threshold bar to appear, and slide left to lower it. If your line art is spread across several layers, use Actions > Add > Copy Canvas, paste the result as a new layer, set that as Reference, and hide it. This also helps when a shape is only closed by lines from several layers combined.

Separate Colors by Part

Use a separate layer for each major region: skin, hair, shirt, pants, shoes, eyes, and accessories. This costs a few extra layers but makes the later steps easy:

• You can recolor a single region with Hue, Saturation, Brightness without selecting anything.
• Each part can be exported or moved independently.
• Shading can be clipped to each region without spilling over.

Procreate has a layer limit, so a canvas with many parts may hit it. Group related layers and merge fills you're sure about. If you're animating, size the canvas for your final comp, not just for the sketch.

Fix the Edges

ColorDrop fills can leave a thin halo between the fill and the line. Two quick fixes:

• Raise the fill slightly under the lines by filling with a small amount of overlap, then let the line art sit on top.
• Set the line art to Multiply so any overlap reads as a clean dark edge.

Choose a Character Palette

You don't need an elaborate system, but a few decisions make the character read well.

• Start with skin tone, since other colors are judged against it.
• Use color to signal personality. Warm, saturated accents read as energetic, while cool, desaturated palettes read as calm or reserved. Treat these as starting points, not rules.
• Balance warm and cool. If the outfit is mostly warm, bring in a cool accent, and vice versa.
• Save the palette. In the Color panel, open Palettes, tap the plus icon, and create a new palette. You can also build one from an image or photo, which is useful for matching a brand guide or a film still.
• Test variations early. Because each region is on its own layer, you can duplicate the character group and shift hues to compare palettes side by side.

Gradient Map (under Adjustments) is also worth trying. Apply it to a grayscale value pass to preview different color moods quickly, then commit to the one that works.

Add Shading and Highlights

Once the flats are locked in, build depth above them.

Clipping Masks Keep Shading Contained

1. Create a new layer directly above a flat color layer (for example, the shirt).
2. Tap the layer and choose Clipping Mask. Anything you paint now only appears where the shirt layer has pixels.
3. Set the blend mode to Multiply for shadows. Use a mid-saturation shadow color, not plain gray, so shadows stay colorful.
4. Add another clipped layer set to Add or Overlay (or Normal at low opacity) for highlights.

Alpha Lock is an alternative: swipe two fingers right on the layer to lock transparency, then paint directly on it. It's quicker but less flexible, since you can't remove the shading without redoing the color. Clipped layers stay non-destructive, which matters if a client changes the palette.

Pick a Consistent Light Source

Decide where the light comes from and keep it the same across all body parts. For characters that will be composited into a scene, match that direction to the background plate or 3D lighting. A rim light in a complementary color helps a flat character separate from a dark background.

Tint the Line Art

Pure black lines can feel heavy against soft color. Lock the line layer's transparency (Alpha Lock) and fill it with a dark, warm brown or deep blue, or use Curves on the line layer to shift its color. For different areas, such as skin versus clothing, you can color the lines differently to give the character a more cohesive look.

Recolor Quickly Without Repainting

Because the character is built from separate layers, revisions are fast:

• Hue, Saturation, Brightness on a single fill layer changes one region.
• Select and group several layers and apply an adjustment to the group to shift a whole outfit.
• Color Balance adds a tint across the entire character for a day-to-night version.
• Duplicate the group before big changes, so you keep the approved version.

Export for Motion Work

Procreate's output options are straightforward, but how you organize the file determines how useful it is in a motion pipeline.

• PSD export keeps layers, which you can bring into After Effects. Check that blend modes and clipping masks come through as you expect, as clipped layers sometimes need to be merged or rebuilt.
• Transparent PNG exports are good for a single flattened pose. Hide the background layer first.
• Name layers clearly before export. "arm_L_forearm" beats "Layer 37" when you're in a comp with dozens of items.
• Check color management. Procreate files can be set to different color profiles. Confirm your After Effects project is set up so the colors you chose on the iPad look the same in the comp.
• Export at working resolution. Upscaling later is possible, but starting at a size suited to your final comp avoids soft edges.

If you plan to rig the character in After Effects with Puppet tools or a rigging extension, keep joint overlaps painted on the layers, rather than relying on the layer edge, so limbs don't reveal gaps when they rotate.

Where Styleframe Fits After Procreate

Procreate is where the character's design and color get decided. Styleframe, an AI video and motion tool, may be useful once that character needs to move or appear in other styles, without giving up the look you painted.

Export a few key poses from Procreate and use them as references or keyframes, so your colored poses define the look of the result.

Your compositing workflow stays the same: color in Procreate, generate or extend motion in Styleframe, and finish in your usual comp.

Common Mistakes to Avoid

• Painting on the line art layer. Always color on separate layers, or you'll lose the ability to edit either one.
• Skipping the Reference layer. Without it, ColorDrop ignores your lines or floods the canvas.
• Using one layer for all colors. It's faster at first and much slower for every revision after.
• Shading with black or gray. Shadows tinted with a saturated, darker version of the base color look richer.
• Ignoring layer names. The more complex the character, the more naming pays off when you export.
• Forgetting the end use. If the character is going into a motion project, plan the layer structure for animation from the first sketch.

A Quick Workflow Checklist

1. Clean the sketch and set it to Multiply.
2. Set line art as Reference and close gaps.
3. Fill each region on its own layer with ColorDrop.
4. Save your palette.
5. Add clipped Multiply layers for shadows and Add or Overlay layers for highlights.
6. Tint the line art.
7. Name and group layers.
8. Export a PSD or transparent PNGs for After Effects, or use key poses as references in Styleframe.

Follow these steps and you'll end up with a character that's easy to revise, easy to animate, and ready to move into the rest of your pipeline.

To color a character in Procreate, set your line art as a Reference layer, drop flat colors onto separate layers beneath it with ColorDrop, then add shading and highlights on clipped layers above each color. Keep body parts, clothing, and accessories on their own layers so you can recolor, rig, or animate the character later in After Effects. The sections below cover the full workflow, from prepping the sketch to exporting layers for motion work.

Prep the Sketch Before You Color

Most coloring problems come from messy line art, so fix those first.

• Clean up an imported drawing. If you photographed a pencil sketch, use Adjustments > Hue, Saturation, Brightness to drop the saturation to zero. Then open Curves and drag the highlight point left until the paper turns white. Erase any dark edges that remain.
• Put the line art on its own layer. Keep it above everything else and rename it. If the lines are on a white-backed photo layer, set that layer to Multiply so the paper disappears.
• Lock it or reference it. Swipe left on the line art layer and choose Lock to prevent accidental strokes. For fills, you'll also set it as a Reference layer (covered below).
• Close your shapes. Gaps in the lines are the main reason fills leak. Zoom in on joints, such as where a sleeve meets a wrist, and close them with a small brush stroke.

For character work, decide now how the character might move. If it will be animated, draw and organize it as separate parts: head, torso, upper arm, forearm, hand, and so on. Hidden overlap areas under joints save time when you rig it later.

Block In Flat Colors With ColorDrop

Flat color is the foundation, and Procreate's fill tool is fast once it's set up correctly.

Set the Reference Layer

1. Tap your line art layer and choose Reference.
2. Create a new empty layer below the line art.
3. Drag a color from the color circle in the top-right corner into a closed shape. Procreate fills based on the lines on the Reference layer, but the color lands on your active layer.

If the whole canvas floods, the Threshold is probably too high. After dropping the color, keep your stylus or finger on the canvas, wait for the Threshold bar to appear, and slide left to lower it. If your line art is spread across several layers, use Actions > Add > Copy Canvas, paste the result as a new layer, set that as Reference, and hide it. This also helps when a shape is only closed by lines from several layers combined.

Separate Colors by Part

Use a separate layer for each major region: skin, hair, shirt, pants, shoes, eyes, and accessories. This costs a few extra layers but makes the later steps easy:

• You can recolor a single region with Hue, Saturation, Brightness without selecting anything.
• Each part can be exported or moved independently.
• Shading can be clipped to each region without spilling over.

Procreate has a layer limit, so a canvas with many parts may hit it. Group related layers and merge fills you're sure about. If you're animating, size the canvas for your final comp, not just for the sketch.

Fix the Edges

ColorDrop fills can leave a thin halo between the fill and the line. Two quick fixes:

• Raise the fill slightly under the lines by filling with a small amount of overlap, then let the line art sit on top.
• Set the line art to Multiply so any overlap reads as a clean dark edge.

Choose a Character Palette

You don't need an elaborate system, but a few decisions make the character read well.

• Start with skin tone, since other colors are judged against it.
• Use color to signal personality. Warm, saturated accents read as energetic, while cool, desaturated palettes read as calm or reserved. Treat these as starting points, not rules.
• Balance warm and cool. If the outfit is mostly warm, bring in a cool accent, and vice versa.
• Save the palette. In the Color panel, open Palettes, tap the plus icon, and create a new palette. You can also build one from an image or photo, which is useful for matching a brand guide or a film still.
• Test variations early. Because each region is on its own layer, you can duplicate the character group and shift hues to compare palettes side by side.

Gradient Map (under Adjustments) is also worth trying. Apply it to a grayscale value pass to preview different color moods quickly, then commit to the one that works.

Add Shading and Highlights

Once the flats are locked in, build depth above them.

Clipping Masks Keep Shading Contained

1. Create a new layer directly above a flat color layer (for example, the shirt).
2. Tap the layer and choose Clipping Mask. Anything you paint now only appears where the shirt layer has pixels.
3. Set the blend mode to Multiply for shadows. Use a mid-saturation shadow color, not plain gray, so shadows stay colorful.
4. Add another clipped layer set to Add or Overlay (or Normal at low opacity) for highlights.

Alpha Lock is an alternative: swipe two fingers right on the layer to lock transparency, then paint directly on it. It's quicker but less flexible, since you can't remove the shading without redoing the color. Clipped layers stay non-destructive, which matters if a client changes the palette.

Pick a Consistent Light Source

Decide where the light comes from and keep it the same across all body parts. For characters that will be composited into a scene, match that direction to the background plate or 3D lighting. A rim light in a complementary color helps a flat character separate from a dark background.

Tint the Line Art

Pure black lines can feel heavy against soft color. Lock the line layer's transparency (Alpha Lock) and fill it with a dark, warm brown or deep blue, or use Curves on the line layer to shift its color. For different areas, such as skin versus clothing, you can color the lines differently to give the character a more cohesive look.

Recolor Quickly Without Repainting

Because the character is built from separate layers, revisions are fast:

• Hue, Saturation, Brightness on a single fill layer changes one region.
• Select and group several layers and apply an adjustment to the group to shift a whole outfit.
• Color Balance adds a tint across the entire character for a day-to-night version.
• Duplicate the group before big changes, so you keep the approved version.

Export for Motion Work

Procreate's output options are straightforward, but how you organize the file determines how useful it is in a motion pipeline.

• PSD export keeps layers, which you can bring into After Effects. Check that blend modes and clipping masks come through as you expect, as clipped layers sometimes need to be merged or rebuilt.
• Transparent PNG exports are good for a single flattened pose. Hide the background layer first.
• Name layers clearly before export. "arm_L_forearm" beats "Layer 37" when you're in a comp with dozens of items.
• Check color management. Procreate files can be set to different color profiles. Confirm your After Effects project is set up so the colors you chose on the iPad look the same in the comp.
• Export at working resolution. Upscaling later is possible, but starting at a size suited to your final comp avoids soft edges.

If you plan to rig the character in After Effects with Puppet tools or a rigging extension, keep joint overlaps painted on the layers, rather than relying on the layer edge, so limbs don't reveal gaps when they rotate.

Where Styleframe Fits After Procreate

Procreate is where the character's design and color get decided. Styleframe, an AI video and motion tool, may be useful once that character needs to move or appear in other styles, without giving up the look you painted.

Export a few key poses from Procreate and use them as references or keyframes, so your colored poses define the look of the result.

Your compositing workflow stays the same: color in Procreate, generate or extend motion in Styleframe, and finish in your usual comp.

Common Mistakes to Avoid

• Painting on the line art layer. Always color on separate layers, or you'll lose the ability to edit either one.
• Skipping the Reference layer. Without it, ColorDrop ignores your lines or floods the canvas.
• Using one layer for all colors. It's faster at first and much slower for every revision after.
• Shading with black or gray. Shadows tinted with a saturated, darker version of the base color look richer.
• Ignoring layer names. The more complex the character, the more naming pays off when you export.
• Forgetting the end use. If the character is going into a motion project, plan the layer structure for animation from the first sketch.

A Quick Workflow Checklist

1. Clean the sketch and set it to Multiply.
2. Set line art as Reference and close gaps.
3. Fill each region on its own layer with ColorDrop.
4. Save your palette.
5. Add clipped Multiply layers for shadows and Add or Overlay layers for highlights.
6. Tint the line art.
7. Name and group layers.
8. Export a PSD or transparent PNGs for After Effects, or use key poses as references in Styleframe.

Follow these steps and you'll end up with a character that's easy to revise, easy to animate, and ready to move into the rest of your pipeline.