How to Color Hair Procreate
StyleFrame Team10 min read
To color hair in Procreate, sketch the hair shape, fill a flat base color on its own layer, then add shadows and highlights on clipped layers set to Multiply and a light blend mode such as Add or Color Dodge. Finish with fine strand work and a global color adjustment. Keeping every tonal pass on its own layer lets you recolor, repaint, or hand the file off to After Effects without flattening anything.
The steps below follow that layered approach, then cover recoloring existing hair and getting the artwork into a motion pipeline.
Before you start: set up for hair
Hair is mostly about flow and mass, not individual strands. A few decisions up front save a lot of repainting later.
- Gather references. Look for the hair type you're painting (straight, wavy, curly, coiled) and for the lighting you want. Place the reference in a corner of the canvas or in Procreate's Reference window.
- Draw the whole head first. Hair sits on top of a skull shape. If you skip the head, the hair volume usually ends up too large or too small.
- Find the starting point. Hair grows from a part, a crown, or a hairline. Marking that point tells you which way every group of strands should flow.
- Think in chunks. Divide the hair into a few large sections before any detail. More sections read as more detail, but you should still be able to see the big shape at thumbnail size.
- Pick brushes you can control. A basic pencil for the sketch and a round brush or brush pen for color are enough. A textured or hair-specific brush helps with strand work, but it isn't required.
Name your layers as you go (Sketch, Base, Shadow, Light, Strands). If this artwork is going to be animated, those names will matter later.
Step 1: Sketch the hair as shapes
Create a sketch layer and rough in the overall silhouette with simple lines. Don't draw individual hairs yet. You want the outer shape, the part line, and the main flow directions.
Set this layer to Multiply or lower its opacity. It then works as a guide that sits over your color rather than a hard outline you have to paint around. You can also leave the sketch visible or hide it at the end, depending on whether you want a lined or painted look.
Step 2: Block in the base color
Add a new layer beneath the sketch and fill the hair silhouette with a single flat color. Use a hard-edged brush or ColorDrop for a clean fill, and check that the edges don't have gaps.
Choose the base as a mid-tone, not your lightest or darkest value. Shadows and highlights both need room to move from it. If the hair is blonde, for example, a slightly more saturated, mid-value yellow-brown gives you more to work with than a pale yellow.
Once the base is done, turn on Alpha Lock for that layer or use it as a clipping base. Either keeps everything you paint inside the hair shape.
Step 3: Add shadows on a clipped Multiply layer
Create a new layer above the base, tap it, and choose Clipping Mask. Set its blend mode to Multiply.
Now pick a color that is darker and often slightly more saturated, and shift its hue a little toward cool tones (blue or purple) if your scene calls for it. Paint where light doesn't reach:
- Under the main hair mass and beneath bangs or sections that overhang
- Near the roots and around the part
- Between clumps, where one lock overlaps another
- On the side facing away from your key light
Decide on your light direction before you paint, and keep it consistent across the whole character. Shadows that contradict the face lighting are one of the most common reasons painted hair looks pasted on.
Keep strokes following hair flow rather than scrubbing. A soft blending brush can smooth transitions, but leave some hard edges where clumps overlap, because that's what gives the hair its structure.
Step 4: Build highlights
Add another clipped layer above the shadows. Two blend modes are common here:
- Add or Color Dodge for strong, glossy highlights. Use low opacity, because these modes brighten quickly.
- Normal or Overlay with a lighter shade of the base for matte, softer hair.
Place highlights where light hits the form: the crown, the top of curves, and the edges facing the key light. Highlights on straight, glossy hair often form a curved band that follows the shape of the head. On curly hair they break into smaller pockets that follow each curl.
Don't paint highlights everywhere. A few well-placed ones on the top layers of hair read better than an even sheen.
Step 5: Add mid-tones and transitions
If the jump between shadow and highlight looks abrupt, add a mid-tone layer between them. Use a color that sits between the base and the shadow, and paint it where the form turns away from the light.
This is also a good moment to introduce color variation. Real hair isn't one hue. Warm reflected light in the shadows, a cooler rim light on the edge, or subtle shifts toward red or gold in the lights all make flat color feel dimensional. Keep these on their own layers so you can dial them up or down.
Step 6: Paint strands and flyaways
With a fine brush, paint individual strands over the top. Use three colors: the base, a highlight tone, and a shadow tone. Switch between them so strands pick up the surrounding values.
Some guidelines:
- Follow the flow lines you established in the sketch. Strands that cut across the flow look like scratches.
- Vary length, spacing, and opacity. Uniform strands look mechanical.
- Let a few strands escape past the silhouette for flyaways, especially at the crown and the ends.
- Add strands only where they help. Dense strand work everywhere flattens the volume you created earlier.
Put strands on their own layers, not on the shadow or highlight layers. You'll want to adjust them independently.
Step 7: Adjust color globally
When the painting is finished, use Procreate's Adjustments menu to refine it without repainting:
- Hue, Saturation, Brightness to shift the overall color of a layer or group
- Color Balance to push shadows, midtones, or highlights toward a specific hue
- Curves to adjust contrast across the hair
- Gradient Map to remap values to a new palette, which is useful for stylized looks
Apply adjustments to individual layers or to a group, so the rest of the file stays untouched. If you're not sure about a change, duplicate the layer first.
How to recolor existing hair in Procreate
If the hair is already painted, or you're working from a photo or flat artwork, you don't need to repaint it.
- Isolate the hair. Select it with the Selection tool (Automatic, Freehand, or Color) and copy it to a new layer, or use an existing hair layer.
- Use a Color blend layer. Add a new layer above the hair, clip it, set it to Color, and paint with the new hue. Because Color mode keeps the underlying lightness, the original shading and highlights survive.
- Or use Hue, Saturation, Brightness. Select the hair layer and shift Hue for a quick change. This works best when the original color is fairly uniform.
- Fix the extremes. Going from dark brown to platinum, for example, rarely works with a hue shift alone. Add a Curves or Brightness adjustment, then repaint highlights on a separate layer.
- Check the edges. Fringing around the silhouette is the typical giveaway. Zoom in and clean it up with a soft eraser or a small brush on a clipped layer.
For dyed or multi-tone hair such as ombré, put a gradient on a clipped Color layer and use a soft eraser to control where it fades.
Taking painted hair into a motion pipeline
If you're an animator or motion designer, the question is usually what happens after the paint. A few habits make Procreate hair easier to move.
- Keep separate layers. Export a layered PSD so After Effects can import it as a composition with its layers intact. Group the hair by section (front, back, strands) if you plan to animate sway or secondary motion.
- Paint behind and beyond the edges. If a strand section will move, paint the hidden area underneath so no gaps appear when it shifts.
- Use flat, clean silhouettes. Clean edges make puppet rigs, masks, and shape-based animation easier.
- Work at the final resolution. Painting at a size you may need for 4K delivery avoids upscaling later.
- Keep your palette organized. Save the base, shadow, and highlight swatches so you can match them in later revisions.
Procreate gives you control over the still. Animating it is a separate problem, and that's where an AI video tool can fit.
Where Styleframe fits after the painting
Styleframe is an AI video and motion tool built for artistic control rather than one-click generation. Every generation is driven by your reference images, video clips, and keyframes, so the painted hair you made in Procreate can serve as direct input instead of being replaced by a prompt.
A few practical uses once you have finished hair art:
- Frames-to-Video lets you set keyframes, such as a character with the hair in two different positions, and generate the motion between them.
- Restyle and Ink-and-Paint use reference-driven style transfer, so you can carry the look of your painted hair onto other footage or frames. Your Procreate piece becomes the style reference.
- Remove Background helps isolate the character before compositing.
- 2D-to-3D and Turntable can turn a flat character into something you can view from other angles.
- 4K Upscale brings output up to production-ready resolution.
Iteration is non-destructive, so you can try a different keyframe or reference without losing earlier results. Styleframe exports image sequences, which drop into After Effects or Nuke like any other plate. Your compositing, color grading, and finishing steps stay where they are.
None of this replaces the painting skills above. The quality of the hair going in, with clear value structure, consistent lighting, and clean layers, directly affects what you get out.
Common mistakes to avoid
- Painting on a single layer. It's fast, but any change means repainting. Use layers from the start.
- Using pure black for shadows. It flattens color. Use a darker, more saturated version of the base instead.
- Over-blending. A smooth gradient with no structure reads as plastic. Keep some edges.
- Ignoring flow. Strokes that don't follow the direction of growth break the illusion faster than any color error.
- Highlights everywhere. Reserve the brightest values for the areas closest to the light.
- Skipping the squint test. Zoom out or blur the canvas. If the hair still reads as a clear form with a light side and a shadow side, the color is working.
Quick workflow summary
- Gather a reference and draw the head and hair silhouette.
- Fill a flat mid-tone base on its own layer.
- Clip a Multiply layer for shadows.
- Clip a lighter layer (Add, Color Dodge, Overlay, or Normal) for highlights.
- Add mid-tones and color variation.
- Paint strands and flyaways on separate layers.
- Fine-tune with Hue, Saturation, Brightness, Color Balance, Curves, or Gradient Map.
- Export a layered file for animation or compositing.
Once the layering habit is in place, coloring hair gets faster and far more flexible, whether the final piece is a still illustration or the start of an animated shot.