To color and shade in Procreate, fill your flat base colors on their own layer, then add shadow, midtone, and highlight layers above it as clipping masks, all based on one defined light source. Use a soft airbrush for gradual transitions, a hard-edged brush or the Selection tool for crisp shadow shapes, and blur or Smudge only where the form needs softer edges. Because each shade lives on its own layer, you can change values, hue, or opacity later without repainting the base.

Set Up the Canvas Before You Paint

Decisions made before the first stroke decide how easily the artwork moves into a motion pipeline later.

• Canvas size: Match the delivery resolution of your comp, or go larger if you plan to push in, pan, or parallax the art in After Effects. Plan your layer structure before you start.
• Color profile: Check the document's color profile. If the artwork is going into a color-managed comp, a mismatch between Procreate and your project working space is a common reason colors shift on import.
• Palette: Build a small palette before shading: a base color, a shadow color, a highlight color, and one accent. Save these as a palette so they stay consistent across a project or a set of frames.
• Layer names: Name layers as you go (for example "skin_base," "skin_shadow," "skin_light"). It feels tedious until you open the PSD in After Effects.

Step 1: Lay Down Flat Colors

Flat color is the foundation, so keep it clean and separate from everything else.

1. Draw or import your line art on its own layer, and place a new layer beneath it for color.
2. Pick your base color and drag the color indicator from the top right into a closed shape to fill it.
3. For irregular shapes, use the Selection tool to outline an area, fill it, and repeat for each distinct material or object.
4. Put each major element (skin, clothing, hair, background) on its own layer. This is more work now but gives you far more freedom when you animate or composite.

Alpha Lock vs. Clipping Mask

Both keep paint inside an existing shape, but they behave differently:

• Alpha Lock locks transparency on the layer you're painting on. It's fast, but it's destructive, since you're painting directly into the base color.
• Clipping Mask puts a new layer above the base, and paint only appears where the base layer has pixels. The base stays untouched, and you can change the blend mode, opacity, or delete the shading entirely.

For professional work, default to clipping masks. Use Alpha Lock for quick experiments or flat texture work where you won't need to revisit values.

Step 2: Decide on a Light Source

Shading looks "off" mostly because the light is inconsistent, not because of brush choice. Before you shade, decide:

• Direction: Where is the main light coming from? Mark it with a small arrow on a spare layer, then hide it.
• Hardness: A small, direct source (sun, spotlight) produces sharper shadow edges. A large, diffuse source (overcast sky, softbox) produces gradual ones.
• Color: Warm light usually pairs with cooler shadows, and the reverse is also true. Deciding this now helps you avoid muddy gray shading.

If you're building a styleframe for a motion piece, take the light direction from the shot's intended lighting so the illustration and any later 3D or live-action elements agree.

Step 3: Build Shading With Clipping Masks

Work from large value shapes to small ones.

Shadow layer

1. Add a new layer above your base color and tap it, then choose Clipping Mask.
2. Choose a shadow color. Rather than picking black or a plain darker gray, shift the hue slightly (toward blue or purple for most warm subjects) and lower the brightness.
3. Paint the shadow shapes on the side facing away from your light source: under the chin, beneath the nose, under folds in fabric, and on the lower side of rounded forms.

Midtone and core shadow

Many beginners shade with only two values, base and shadow, which makes forms look flat. Add one more layer:

• A core shadow is a slightly deeper band inside the shadow area, usually just past the transition from light to dark.
• A softer midtone can bridge the base color and shadow so the transition doesn't read as a hard cutout.

Highlight layer

Add another clipping layer for light. Pick a lighter, often slightly warmer color than the base, and paint where the light hits most directly. Keep highlights smaller than you think you need.

Step 4: Blend and Control Edges

Not every shadow edge should be soft. Soft blending everywhere makes artwork look airbrushed and hides structure.

• Hard edges suit cast shadows from nearby objects, cel-style or graphic looks, and contact points.
• Soft edges suit rounded forms, skin, and shadows cast from farther away.

Ways to blend in Procreate:

• Pressure-sensitive brush: Use one brush that produces hard edges with firm pressure and softer ones with light pressure. This lets you vary edges without switching tools.
• Airbrush: Soft Airbrush is the standard for smooth gradients on spheres, cheeks, and backgrounds.
• Smudge tool: Use a textured or soft brush as your smudge brush to pull shadow into light along the direction of the form.
• Gaussian Blur: Apply a Gaussian Blur to soften shading strokes. Keep it low enough that shapes remain readable, and apply it to a duplicate of the layer if you're unsure.
• Selection tool plus airbrush: Select an area with a clean outline and airbrush inside it. You get one crisp edge and one soft gradient, which is useful for faces and hard-surface objects.

A practical rule: blend the transitions you want people to read as curved, and leave the edges that define a shape or a cast shadow sharper.

Step 5: Add Reflected Light, Rim Light, and Color Variation

Once base shading is working, small touches make it feel dimensional:

• Rim light: A thin highlight along the edge opposite the key light separates the subject from the background. This is especially useful if the art will sit on a dark comp.
• Reflected light: A subtle lighter, color-influenced band inside the shadow side, picked up from nearby surfaces, stops shadows from looking like black holes.
• Color temperature shifts: Move shadows slightly cooler and highlights slightly warmer, or the reverse, depending on your light.
• Texture: Add grain or a textured brush to a separate clipped layer, so it's easy to adjust or remove.

Finish with an adjustments pass on a merged copy or on groups. Do this on groups or duplicates rather than your only copy of a layer.

Brush Choices That Matter

You don't need a huge brush library. A small set covers most work:

• Soft Airbrush for gradients and glows.
• A hard round brush for crisp shadows and clean shapes.
• A textured brush (charcoal, gouache, or grain brushes) for painterly shading.
• A blending or smudge brush for pulling values together.

Third-party brush sets can help, but learn what pressure, flow, and opacity do in the Brush Studio first, since those controls affect shading more than the brush name does.

Common Mistakes to Avoid

• Pure black shadows and pure white highlights. They flatten color. Use tinted darks and lights.
• Too many values early. Block in three or four clear values before detailing.
• Shading everything with the same softness. Mix hard and soft edges.
• Painting on the base layer. You lose the ability to revise.
• Ignoring the light source midway through. Check against your marker regularly.

Taking Procreate Art Into a Motion Workflow

For motion designers and animators, Procreate is often where a look gets established: character designs, texture studies, matte painting elements, or styleframes. A few habits make handoff easier:

• Export as a layered PSD when you need to animate or parallax elements in After Effects. Group and name layers first, and test the import on a single element before exporting a full project.
• Export transparent PNGs of individual elements when you only need a few pieces.
• Keep a flattened reference version so you can compare the comp against the original painting.

Where Styleframe Fits

If you want to carry a painted look into moving footage, Styleframe can pick up from a finished Procreate frame. It doesn't replace the painting skills in this guide. It extends a frame you've already art-directed into motion.

Quick Workflow Recap

1. Set canvas size, color profile, and palette.
2. Fill flat colors on separate layers.
3. Choose a light source, its hardness, and its color.
4. Add shadow, midtone, and highlight layers as clipping masks.
5. Blend selectively, keeping hard edges where form or contact demands them.
6. Add rim light, reflected light, and color temperature shifts.
7. Name, group, and export for your compositing or animation pipeline.

Practice on a simple sphere first, then apply the same structure to faces, hands, and environments. The process doesn't change with complexity. It's still a consistent light source, organized layers, and controlled edges.

To color and shade in Procreate, fill your flat base colors on their own layer, then add shadow, midtone, and highlight layers above it as clipping masks, all based on one defined light source. Use a soft airbrush for gradual transitions, a hard-edged brush or the Selection tool for crisp shadow shapes, and blur or Smudge only where the form needs softer edges. Because each shade lives on its own layer, you can change values, hue, or opacity later without repainting the base.

Set Up the Canvas Before You Paint

Decisions made before the first stroke decide how easily the artwork moves into a motion pipeline later.

• Canvas size: Match the delivery resolution of your comp, or go larger if you plan to push in, pan, or parallax the art in After Effects. Plan your layer structure before you start.
• Color profile: Check the document's color profile. If the artwork is going into a color-managed comp, a mismatch between Procreate and your project working space is a common reason colors shift on import.
• Palette: Build a small palette before shading: a base color, a shadow color, a highlight color, and one accent. Save these as a palette so they stay consistent across a project or a set of frames.
• Layer names: Name layers as you go (for example "skin_base," "skin_shadow," "skin_light"). It feels tedious until you open the PSD in After Effects.

Step 1: Lay Down Flat Colors

Flat color is the foundation, so keep it clean and separate from everything else.

1. Draw or import your line art on its own layer, and place a new layer beneath it for color.
2. Pick your base color and drag the color indicator from the top right into a closed shape to fill it.
3. For irregular shapes, use the Selection tool to outline an area, fill it, and repeat for each distinct material or object.
4. Put each major element (skin, clothing, hair, background) on its own layer. This is more work now but gives you far more freedom when you animate or composite.

Alpha Lock vs. Clipping Mask

Both keep paint inside an existing shape, but they behave differently:

• Alpha Lock locks transparency on the layer you're painting on. It's fast, but it's destructive, since you're painting directly into the base color.
• Clipping Mask puts a new layer above the base, and paint only appears where the base layer has pixels. The base stays untouched, and you can change the blend mode, opacity, or delete the shading entirely.

For professional work, default to clipping masks. Use Alpha Lock for quick experiments or flat texture work where you won't need to revisit values.

Step 2: Decide on a Light Source

Shading looks "off" mostly because the light is inconsistent, not because of brush choice. Before you shade, decide:

• Direction: Where is the main light coming from? Mark it with a small arrow on a spare layer, then hide it.
• Hardness: A small, direct source (sun, spotlight) produces sharper shadow edges. A large, diffuse source (overcast sky, softbox) produces gradual ones.
• Color: Warm light usually pairs with cooler shadows, and the reverse is also true. Deciding this now helps you avoid muddy gray shading.

If you're building a styleframe for a motion piece, take the light direction from the shot's intended lighting so the illustration and any later 3D or live-action elements agree.

Step 3: Build Shading With Clipping Masks

Work from large value shapes to small ones.

Shadow layer

1. Add a new layer above your base color and tap it, then choose Clipping Mask.
2. Choose a shadow color. Rather than picking black or a plain darker gray, shift the hue slightly (toward blue or purple for most warm subjects) and lower the brightness.
3. Paint the shadow shapes on the side facing away from your light source: under the chin, beneath the nose, under folds in fabric, and on the lower side of rounded forms.

Midtone and core shadow

Many beginners shade with only two values, base and shadow, which makes forms look flat. Add one more layer:

• A core shadow is a slightly deeper band inside the shadow area, usually just past the transition from light to dark.
• A softer midtone can bridge the base color and shadow so the transition doesn't read as a hard cutout.

Highlight layer

Add another clipping layer for light. Pick a lighter, often slightly warmer color than the base, and paint where the light hits most directly. Keep highlights smaller than you think you need.

Step 4: Blend and Control Edges

Not every shadow edge should be soft. Soft blending everywhere makes artwork look airbrushed and hides structure.

• Hard edges suit cast shadows from nearby objects, cel-style or graphic looks, and contact points.
• Soft edges suit rounded forms, skin, and shadows cast from farther away.

Ways to blend in Procreate:

• Pressure-sensitive brush: Use one brush that produces hard edges with firm pressure and softer ones with light pressure. This lets you vary edges without switching tools.
• Airbrush: Soft Airbrush is the standard for smooth gradients on spheres, cheeks, and backgrounds.
• Smudge tool: Use a textured or soft brush as your smudge brush to pull shadow into light along the direction of the form.
• Gaussian Blur: Apply a Gaussian Blur to soften shading strokes. Keep it low enough that shapes remain readable, and apply it to a duplicate of the layer if you're unsure.
• Selection tool plus airbrush: Select an area with a clean outline and airbrush inside it. You get one crisp edge and one soft gradient, which is useful for faces and hard-surface objects.

A practical rule: blend the transitions you want people to read as curved, and leave the edges that define a shape or a cast shadow sharper.

Step 5: Add Reflected Light, Rim Light, and Color Variation

Once base shading is working, small touches make it feel dimensional:

• Rim light: A thin highlight along the edge opposite the key light separates the subject from the background. This is especially useful if the art will sit on a dark comp.
• Reflected light: A subtle lighter, color-influenced band inside the shadow side, picked up from nearby surfaces, stops shadows from looking like black holes.
• Color temperature shifts: Move shadows slightly cooler and highlights slightly warmer, or the reverse, depending on your light.
• Texture: Add grain or a textured brush to a separate clipped layer, so it's easy to adjust or remove.

Finish with an adjustments pass on a merged copy or on groups. Do this on groups or duplicates rather than your only copy of a layer.

Brush Choices That Matter

You don't need a huge brush library. A small set covers most work:

• Soft Airbrush for gradients and glows.
• A hard round brush for crisp shadows and clean shapes.
• A textured brush (charcoal, gouache, or grain brushes) for painterly shading.
• A blending or smudge brush for pulling values together.

Third-party brush sets can help, but learn what pressure, flow, and opacity do in the Brush Studio first, since those controls affect shading more than the brush name does.

Common Mistakes to Avoid

• Pure black shadows and pure white highlights. They flatten color. Use tinted darks and lights.
• Too many values early. Block in three or four clear values before detailing.
• Shading everything with the same softness. Mix hard and soft edges.
• Painting on the base layer. You lose the ability to revise.
• Ignoring the light source midway through. Check against your marker regularly.

Taking Procreate Art Into a Motion Workflow

For motion designers and animators, Procreate is often where a look gets established: character designs, texture studies, matte painting elements, or styleframes. A few habits make handoff easier:

• Export as a layered PSD when you need to animate or parallax elements in After Effects. Group and name layers first, and test the import on a single element before exporting a full project.
• Export transparent PNGs of individual elements when you only need a few pieces.
• Keep a flattened reference version so you can compare the comp against the original painting.

Where Styleframe Fits

If you want to carry a painted look into moving footage, Styleframe can pick up from a finished Procreate frame. It doesn't replace the painting skills in this guide. It extends a frame you've already art-directed into motion.

Quick Workflow Recap

1. Set canvas size, color profile, and palette.
2. Fill flat colors on separate layers.
3. Choose a light source, its hardness, and its color.
4. Add shadow, midtone, and highlight layers as clipping masks.
5. Blend selectively, keeping hard edges where form or contact demands them.
6. Add rim light, reflected light, and color temperature shifts.
7. Name, group, and export for your compositing or animation pipeline.

Practice on a simple sphere first, then apply the same structure to faces, hands, and environments. The process doesn't change with complexity. It's still a consistent light source, organized layers, and controlled edges.