How to Color Manga Panels Procreate
StyleFrame Team7 min read
To color manga panels in Procreate, clean your line art to pure black and white, set it to Multiply, and build color on separate layers beneath it: flats first, then clipped shadow and highlight layers. Keep every tonal pass on its own layer so you can revise without repainting. Choose an export format that suits your next step, whether that is compositing or animation.
Prepare the canvas and line art
Start with the right canvas. For print-oriented manga, work at the resolution your printer or publisher requires, at your final trim size. For motion or screen use, size the canvas to your delivery resolution, then add headroom if you plan to push in on details. Plan for flats, shadow, highlight, and effects layers per panel before you commit.
If your line art is scanned, clean it up before coloring:
- Import the scan and open Adjustments > Curves.
- Pull the black and white points inward so dark strokes become solid black and paper tone becomes white.
- Remove stray specks with the eraser or a selection.
- Set the line art layer to Multiply so anything beneath it shows through the white areas.
If you drew the panels in Procreate, the same Multiply step applies. Keep the line art on its own layer and consider locking it so you don't paint on it by accident.
Panel borders
Build panel borders on a dedicated layer. Turn on Drawing Guide with a grid, draw rectangles with QuickShape (hold at the end of a stroke to snap), then use the Selection tool and Transform to adjust gutters. A separate border layer means you can recompose a page, or isolate a single panel for animation, without touching the artwork.
Block in flat colors
Flats are the base color for each region of the drawing, with no shading. This step is the slowest, so it pays to set it up well.
- Create a new layer beneath the line art.
- Fill a separate color-hold layer with a rough background color, so gaps in line work are easy to spot.
- Select your flats layer and fill each enclosed area with color, staying within the lines.
Where lines have gaps, close them on the line art layer or fill by hand with a hard round brush. Fill slightly under the line, not right to the edge, so no halo of white shows between color and ink.
Separate flats by material
Instead of one flats layer, split by material: skin, hair, clothing, metal, background. It adds a few layers, but it lets you use clipping masks per material. Later you can change a jacket color, or relight a character, in seconds. For anyone passing art into After Effects, the same separation maps neatly to individually adjustable layers.
Shade with clipping masks
Once flats are approved, build shading above them using clipping masks, so paint stays within each region.
- Create a new layer above a flats layer and tap it > Clipping Mask.
- Pick the base color with the eyedropper (press and hold on the canvas).
- Open the color panel and shift the shade slightly: lower the brightness a bit, nudge saturation, and rotate the hue toward a cooler tone.
- Decide on a light source before painting. Pick one direction, for example top right, and stay consistent across the panel.
- Use the linework as a guide. Folds in fabric, hair clumps, and jaw lines already suggest where shadow should fall.
A common manga approach is cel shading: hard-edged, single-step shadows with little blending. Use a hard round or a slightly textured inking brush and avoid soft airbrush. If you want a second shadow tone for deeper areas, put it on its own clipped layer above the first.
Blend modes versus painted colors
You can paint shadows in explicit colors, or paint in a neutral gray on a Multiply layer. Explicit colors give you a more controlled palette and let you shift hue in shadows. A Multiply layer is faster to adjust globally, since you can change opacity and reduce the whole shadow pass at once. Many artists mix both: explicit colors on characters, a Multiply layer for cast shadows.
Add highlights and rim light
Repeat the shading process above the shadow layer. Sample the base color, then shift brightness up and move the hue slightly warmer. Keep highlights restrained. In manga-style coloring, a few shaped highlights on hair, eyes, and glossy materials read much better than broad lightening.
For rim light, create a clipped layer and paint thin edges on the side opposite the key light or facing a colored environment. Lower the opacity until it supports the form without competing with it.
Choose a palette that fits the page
Manga is traditionally black-and-white, so color pages benefit from restraint. A few practical approaches:
- Limit your palette. Pick a base set per scene and derive shadows and highlights from it.
- Use a color script. Make small thumbnails of each page or sequence with flat color blocks, so mood changes track the story.
- Reserve saturation. Keep backgrounds slightly muted so characters and key props stand out.
- Keep skin tones consistent across panels by saving swatches into a palette instead of re-picking by eye.
If you want to keep a screentone look, use tone patterns on a gray layer, or import them as stamps. Apply them to shadows rather than fills if you want a print-inspired result with color underneath.
Finish with texture and effects
After the main color passes, add finishing layers:
- Texture overlay: a paper or grain layer at low opacity gives the page a printed feel.
- Color adjustments: apply on a merged copy to unify the palette.
- Effects: speed lines, glows, and impact bursts on separate layers so they stay editable.
- Lettering: keep text off the artwork layers. Many teams letter in another tool, so exporting without text can save time.
Before export, name your layers or group them by panel, which is helpful if you need to rebuild or recolor later.
Take colored panels into motion
For motion designers and animators, a finished manga panel is often a starting point rather than a final deliverable: a parallax shot in After Effects, a title sequence, or a reference for a stylized 3D scene. Procreate handles the drawing and coloring well. The animation side is where you decide how much to do by hand and how much to generate.
If you choose to extend painted panels into video, is one tool to look at; check its current features before building a pipeline around it. As with any generative tool, results depend on your reference quality, so feed it clean flats and consistent lighting, and expect to review and refine.
If you prefer a fully hand-built approach, your layered art can be separated in After Effects for puppet-style animation.
Common mistakes to avoid
- Painting on the line art layer. Keep ink separate and in Multiply so you can recolor freely.
- Flats that stop short of the lines. Gaps show as white fringes, especially after scaling.
- Too many shadow colors. Use two or three steps and keep them consistent.
- Inconsistent light direction. Decide once per panel and note it.
- Merging too early. Keep layers until the page is approved, then merge on a duplicate.
- Ignoring output needs. If the panel will be animated, set canvas size, color profile, and layer organization before you start, not after.
Quick workflow checklist
- Set canvas size and resolution for your final use.
- Clean line art to pure black and white; set to Multiply.
- Fill flats on layers by material, beneath the line art.
- Add clipped shadow layers with a consistent light source.
- Add highlights and rim light.
- Unify with color adjustments and texture.
- Group layers by panel and export in the format your delivery needs.
- Bring into After Effects, or extend into motion with a tool like Styleframe if the project calls for it.
Coloring manga in Procreate is mostly a discipline of layer organization. If your flats, shadows, and highlights are separated cleanly, you can revise colors quickly, adapt panels to different outputs, and hand off art that works well in a motion pipeline.