Creative

From Blank Canvas to Finished Panel: A Complete Manga Creation Workflow in SumiSketch

A step-by-step guide through the entire manga page creation process — from canvas setup and rough sketch to inking, screentones, and final export.

STRATEGIA-X EngineeringMarch 9, 20269 min readComing Soon

The Manga Creation Pipeline on Mobile

Creating manga follows a consistent pipeline that professional artists have refined over decades: thumbnail planning, rough penciling, tight penciling, inking, screentone application, text placement, and finishing. Each stage builds on the previous one, with the ability to correct and refine at each step. SumiSketch's 80 tools are organized around this pipeline, providing dedicated instruments for each stage of the workflow.

This guide walks through the complete process of creating a finished manga panel — from the initial blank canvas to an exported, publication-ready image. The workflow applies whether you're creating a single illustration, a comic page, or panels for a webtoon series. Every step is practical and specific to SumiSketch's tool set, with tips that reflect how professional manga artists work digitally.

Step 1: Canvas Setup and Panel Layout

Start by selecting a canvas size that matches your intended output. SumiSketch provides 10 optimized presets: Manga Page for traditional tankobon publication, Webtoon for vertical-scroll digital publishing, 4-Koma for four-panel strips, Character Sheet for reference designs, and several others. The preset determines not just dimensions but also optimal panel layout proportions.

After creating the canvas, apply a panel template from the template library. SumiSketch's 18+ templates are organized by narrative purpose: establishing shots, dialogue scenes, action sequences, character introductions, and reveals. Each template divides the canvas into panels with appropriate proportions for its narrative function.

If no template matches your vision, use the custom panel builder to create your own layout. Manga panel layout is a storytelling tool — larger panels draw the eye and convey importance, while smaller panels accelerate pacing. The reading flow should guide the reader naturally through the page, with panel arrangement reinforcing the narrative rhythm.

10 Canvas Presets

Optimized dimensions for manga pages, webtoon strips, 4-koma, character sheets, posters, and A4 print.

18+ Panel Templates

Storytelling-organized templates for dialogue scenes, action beats, character intros, reveals, and more.

Custom Grid Builder

Create and save your own panel layouts with configurable rows, columns, and spacing for reuse across projects.

Step 2: Rough Sketch and Composition

Create a new layer for the rough sketch. Working on a separate layer means the rough pencils can be completely removed later without affecting the final ink. Set the layer opacity to 100% during sketching, then reduce it to 20-30% when you begin inking on a layer above — the faded sketch serves as a guide without interfering with your clean lines.

For the rough sketch, use the Pencil or Marker brush with a mid-range size. The goal at this stage is composition, not precision: establish where characters sit in each panel, rough out their poses, block in speech bubble locations, and indicate any background elements. Draw loosely — tight, careful drawing at the sketch stage slows you down and discourages the exploratory marks that lead to dynamic compositions.

SumiSketch's symmetry drawing mode is valuable during character sketching. For front-facing characters, enable horizontal symmetry to draw both sides of the face simultaneously. This ensures structural symmetry during the rough stage. Disable symmetry after establishing the basic structure, then add asymmetric details like hair parts, scars, or turned heads.

Draw loosely at the sketch stage. Tight, careful drawing slows you down and discourages the exploratory marks that lead to dynamic compositions.

Step 3: Precision Inking with Stroke Stabilization

Create a new layer above the rough sketch for inking. This is the most technically demanding stage — clean, confident lines that define the final artwork. Reduce the sketch layer opacity to 20-30% so it's visible but doesn't compete with your ink lines.

Switch to the Ink Pen brush, SumiSketch's primary lineart tool. It provides natural thickness variation based on pressure and speed, with configurable stroke stabilization that smooths hand tremor. Higher stabilization values produce smoother curves but add slight input lag; lower values feel more responsive but show more hand shake. Most artists find a medium setting of 40-60% provides the best balance.

Line weight is a critical storytelling tool in manga. Thicker lines on character outlines and closer objects create depth. Thinner lines for internal details create visual hierarchy. Vary your pressure deliberately — pressing harder at the start and lifting at the end creates tapered lines that feel dynamic and professional.

Work from background to foreground, and from large shapes to small details. Ink the panel borders first if they're hand-drawn. Then background architecture. Then character outlines. Then internal details. This order ensures that foreground elements overlap background elements correctly.

Step 4: Screentones and Shading

Screentone application is what transforms line art into a finished manga page. Traditional manga uses halftone dot patterns to create the illusion of gray values on a purely black-and-white page. SumiSketch's Screentone brush applies these patterns directly, with configurable density and scale that replicate standard screen densities used in professional manga production.

Create a new layer between your lineart and sketch layers for screentone application. This keeps tones separate from lines, allowing adjustment without affecting your ink. Apply screentone by painting in areas that need shading — cast shadows under chins and noses, the darker side of clothing folds, background depth, and atmospheric elements.

For gradient effects, use the Airbrush tool on the screentone layer. The Airbrush creates soft gradients that produce smooth tonal transitions when printed. Layer screentone over airbrush gradients for the classic manga look of textured tone with a soft gradient underneath. Professional mangaka spend considerable time on toning — it's where a manga page transforms from drawing to finished publication artwork.

Step 5: Text, Effects, and Final Touches

Sound effects in manga are typically considered part of the artwork. For original English-language manga, SumiSketch's text tool places formatted text for dialogue, narration, and sound effects. Position sound effects near the action they represent — an explosion's BOOM should overlap the blast, and a door slam's BANG should anchor to the door panel.

Review the complete page at full zoom-out before finalizing. Check that panel borders are clean and complete, that no stray sketch marks survived on the final layers, that screentone coverage is consistent, and that the reading flow is clear. Toggle the sketch layer off entirely — you'll sometimes notice that a line that looked correct with the sketch visible underneath is actually positioned incorrectly when viewed in isolation.

The perspective grid tool is valuable for final checking as well as initial drawing. Overlay a grid on your finished art to verify that architectural elements, furniture, and floor planes maintain consistent perspective. Perspective errors that are invisible during close-up drawing often become obvious at page distance.

Step 6: Export and Project Management

SumiSketch exports in multiple formats for different use cases. PNG export to the device gallery produces a flattened image suitable for posting online, sending to an editor, or printing. The .sumi ZIP archive export preserves all layers, metadata, and project settings — use this for backup and for transferring projects between devices.

The timelapse recording feature captures your drawing process at configurable intervals and exports as MP4 video. If you enabled timelapse at the start of your session, you now have a complete process video — invaluable for social media content, self-review, and teaching.

For webtoon creators producing episodes with multiple panels, establish a naming convention and project organization system in the Gallery early. SumiSketch's Gallery displays projects as visual cards with thumbnail previews and modification dates. Consistent naming and regular .sumi backups protect your work against device issues.

The .sumi ZIP archive preserves all layers, metadata, and project settings. For any work you care about, export the archive — the PNG is the published output, the .sumi is the recoverable source.

SumiSketch — Coming Soon

80 professional tools. Free at launch. No ads. No premium tier.

Coming SoonView App Details