Creative

From Blank Canvas to Finished Illustration: A Complete Digital Painting Workflow on Mobile

A step-by-step guide to creating a polished digital illustration entirely on a phone or tablet — from rough sketch to final export — using SumiSplash's full tool suite: layers, brushes, color system, effects, and export.

STRATEGIA-X EngineeringMarch 6, 202614 min readComing Soon

The Mobile Illustration Revolution

The assumption that serious digital art requires a desktop computer, a large monitor, and a Wacom tablet is a legacy of the era when those were the only tools powerful enough to handle layered, high-resolution image editing. That era ended years ago. Modern phones and tablets have processors that handle multi-layer canvases at print resolution without lag, screens that display millions of colors with accuracy that rivals dedicated monitors, and touch input that provides a direct, intuitive drawing experience that stylus-on-tablet can struggle to match.

SumiSplash is built to exploit these capabilities fully. Its layer system supports up to 10 layers in Pro mode — sufficient for the most complex illustration workflows. Its 12 professional brushes cover the full range of mark-making from precise ink lines to soft airbrush gradients to textured watercolor washes. Its color system provides a color wheel, anime-optimized palettes, hex input, and an eyedropper. Its effects suite includes speech bubbles, action FX, stickers, and the Liquify tool for organic distortion. And its export pipeline produces PNG and JPEG files at the canvas's full resolution, ready for print or digital publication.

This guide demonstrates a complete illustration workflow — every step from blank canvas to exported file — using SumiSplash. The techniques apply to any subject matter, but the examples are oriented toward anime and manga-style illustration, which is SumiSplash's primary domain. The workflow is divided into seven stages: canvas setup, rough sketch, refined linework, flat colors, shading, highlights and effects, and final export. Each stage uses specific SumiSplash tools and layer strategies that keep the work non-destructive, editable, and progressively refinable.

Stage 1-2: Canvas Setup and Rough Sketch

Begin by creating a new canvas at the resolution appropriate for your intended output. For digital-only illustration (social media, portfolio sites), 2048 x 2048 pixels at 72 DPI provides excellent quality. For print-quality output, increase to 3000+ pixels on the longest edge at 300 DPI. SumiSplash handles canvases up to 4096 x 4096 on most modern devices without performance degradation. Resist the temptation to start smaller and upscale later — starting at full resolution ensures that fine details are captured from the beginning.

The rough sketch is the foundation of the illustration, and it should be treated as pure exploration — messy, loose, and entirely about composition and proportions rather than clean lines. Select the Ink Pen brush at low opacity (20-30%) and a mid-tone color — light blue or red are traditional rough sketch colors because they are visually distinct from the black linework that will be drawn over them. Sketch the basic forms: the character's gesture and proportions, the composition within the frame, the placement of major elements. Do not worry about anatomy details, clothing folds, or facial features at this stage. The rough sketch answers one question: does the composition work?

SumiSplash's Symmetry Mode is invaluable during the rough sketch for symmetrical subjects — character faces, front-view poses, architectural elements. Enable horizontal symmetry, and every stroke on one side of the canvas is mirrored on the other, ensuring that the proportions are balanced without constant manual checking. For asymmetrical compositions, disable symmetry and sketch freely, using SumiSplash's pinch-to-zoom to periodically zoom out and evaluate the overall composition from a distance — a critical habit that prevents the common mistake of losing the big picture while refining details.

This sketch occupies Layer 1. Name it 'Rough' using SumiSplash's layer rename function. Reduce its opacity to 30-40% — this dims the rough sketch so that the refined linework drawn over it on a separate layer will be clearly distinguishable. The rough sketch is a guide, not a commitment. It will be hidden and eventually deleted before export, so there is no cost to revising it. If the composition does not feel right, erase and redraw freely. This stage should take 10-15% of the total illustration time — invested here, it prevents fundamental composition problems that are expensive to fix in later stages.

The rough sketch answers one question: does the composition work? It should take 10-15% of total illustration time — invested here, it prevents composition problems that are expensive to fix later.

Symmetry Mode

Horizontal, vertical, or dual-axis mirroring for balanced character sketches and symmetrical compositions — halving the work for symmetrical subjects.

Layer Rename & Opacity

Name and dim the rough sketch layer so refined linework drawn over it is clearly distinguishable — non-destructive layering from the first stroke.

Stage 3: Refined Linework — Clean Lines on a Dedicated Layer

Create a new layer (Layer 2) above the dimmed rough sketch. This is the linework layer — the clean, final lines that will define the illustration. Select the Ink Pen brush at full opacity with pressure sensitivity enabled. If using a stylus, pressure controls line width naturally — press harder for thicker lines, lighter for thinner. If using a finger, SumiSplash's stabilization feature smooths your strokes, compensating for the imprecision of finger drawing on glass.

Professional linework follows a hierarchy of line weight. The thickest lines define the outer silhouette of the character — the boundary between the subject and the background. Medium-weight lines define major internal forms — the separation between arm and torso, the edges of clothing, the hairline. The thinnest lines define details — individual hair strands, fabric texture, facial features. This three-tier weight hierarchy creates depth and visual clarity even before any color is applied. A drawing with uniform line weight reads as flat; a drawing with varied line weight reads as three-dimensional.

Use SumiSplash's zoom to work at an appropriate magnification for each detail level. Zoom in (4x-8x) for facial features, hands, and fine details where precision matters. Zoom out (1x-2x) for long, flowing lines like hair, fabric drapes, and character silhouettes where continuity of the stroke matters more than precision. The common beginner mistake is drawing everything at the same zoom level — either too zoomed in (losing the sense of the whole) or too zoomed out (unable to achieve the precision that details demand).

When the linework is complete, hide the rough sketch layer (tap the visibility toggle on Layer 1). The linework should read clearly on its own — the character's form, expression, and pose should be fully communicable without the rough underneath. If the linework feels weak or ambiguous without the rough, the lines need refinement. Toggle the rough layer back on, identify the areas where the clean lines do not capture the intent of the rough sketch, and redraw those sections. This toggle-and-compare technique is one of the most powerful quality checks in digital art, and it is trivially easy with SumiSplash's layer visibility controls.

Ink Pen Brush

Pressure-sensitive inking with configurable stabilization — clean, professional lines whether you are using a stylus or drawing with your finger.

Configurable Stabilization

Stroke smoothing that compensates for the imprecision of touchscreen drawing — adjustable from minimal correction to heavy smoothing for long, flowing lines.

Stage 4: Flat Colors — Establishing the Palette

Create a new layer (Layer 3) below the linework layer. Setting the color layer below the linework ensures that the black lines remain visible on top of the colors — this is the standard digital coloring workflow that keeps lines and colors independently editable. Select the Fill (Bucket) tool for large, enclosed areas and the Brush tool for areas where the fill tool cannot reach due to gaps in the linework.

Before laying down any color, establish your palette. SumiSplash provides 5 anime-optimized color palettes that are curated for the color relationships common in anime and manga illustration — skin tones, hair colors, fabric colors, and environmental tones that harmonize within each palette. Select a palette that matches the mood of your illustration: warm palettes for energetic, sunny scenes; cool palettes for melancholy, nighttime, or mysterious scenes. If none of the preset palettes match your vision, use the color wheel and hex input to define custom colors, and save them to your recent colors strip for quick access during the coloring process.

Flat coloring is the process of filling each distinct area of the illustration with a single, solid color — no gradients, no shading, just the base hue. This stage establishes the color relationships between all elements of the illustration. The character's skin, hair, eyes, clothing, and accessories each receive their base color. The background elements, if present, receive their base colors. The flat color stage is complete when every area of the illustration is filled with a solid color and no white canvas remains visible between the lines.

The Eyedropper tool becomes essential during flat coloring. As you work across the illustration, you will frequently need to reselect colors you have already used — the same skin tone for the character's hands that you used on the face, the same fabric color on a visible hem that matches the main body of the garment. Rather than remembering or manually re-selecting from the palette, use the eyedropper to sample directly from an area you have already colored. This ensures perfect color consistency across the illustration, which is critical for the shading stage that follows — inconsistent base colors produce inconsistent shading, and the errors compound.

5 Anime Color Palettes

Curated color sets optimized for anime and manga illustration — harmonious skin, hair, fabric, and environment tones that work together without manual color theory.

Fill (Bucket) Tool

Rapid area fills for flat coloring within linework boundaries — the workhorse tool that transforms linework into a colored illustration in minutes.

Stage 5-6: Shading, Highlights, and Special Effects

Create a new layer (Layer 4) above the flat colors layer and set its blend mode to Multiply. The Multiply blend mode darkens the colors beneath it — any color you paint on this layer will darken the flat colors below, creating shadows without altering the base hues. This is the standard anime shading technique: a single shadow color (typically a desaturated purple or blue-gray) applied on a Multiply layer creates consistent, harmonious shadows across all base colors because the Multiply blending mathematically combines the shadow color with whatever base color lies beneath.

Determine your light source direction before painting any shadows. Consistency of light direction is what makes shading look three-dimensional rather than arbitrary. Pick a direction — top-left is the most common default — and commit to it for the entire illustration. Every shadow should fall on the side of forms opposite to the light source. The Airbrush is ideal for soft, graduated shadows on rounded forms (faces, arms, soft fabric). The Cel Shader brush produces the hard-edged shadows characteristic of anime and manga — crisp shadow boundaries that follow the form without gradation.

For highlights, create another new layer (Layer 5) above the shading layer and set its blend mode to Screen or Add. The Screen blend mode lightens the colors beneath it, creating the effect of light hitting surfaces. Paint highlights on the areas directly facing the light source — the bridge of the nose, the top of the forehead, the crest of fabric folds, the sheen on hair. Use white or a very light version of the local color. The Glow brush is particularly effective for anime-style hair highlights, which tend to be sharp, bright, and stylized rather than physically realistic.

SumiSplash's Action FX tool adds impact effects, speed lines, and atmospheric elements that are staples of manga and anime illustration. The Sparkle brush creates light particles and magical effects. The Liquify tool can add dynamic distortion to flame, water, and energy effects. Speech Bubbles add dialogue directly on the canvas for comic-style illustrations. Each of these effect tools operates on whatever layer is currently selected, so create a dedicated effects layer (Layer 6 or higher) to keep effects separate from the illustration's core elements. This separation allows you to adjust, reposition, or remove effects without affecting the linework, colors, or shading beneath.

Blend Modes

Multiply for shadows, Screen/Add for highlights — the professional layering technique that creates dimensionality while keeping base colors editable.

Action FX & Effects

Speed lines, impact effects, sparkles, and glows — the visual vocabulary of manga and anime applied directly on the canvas with dedicated tools.

Stage 7: Final Review and Export

Before export, conduct a final quality check across all layers. Toggle each layer's visibility on and off individually to inspect its contribution. The linework layer should have clean, confident lines with appropriate weight variation. The flat color layer should have complete coverage with no gaps or bleed. The shadow layer should have consistent light direction with no shadows falling in contradictory directions. The highlight layer should reinforce the light source without over-brightening. The effects layer should enhance without overwhelming.

Zoom to 100% (actual pixel size) and scroll across the entire canvas checking for artifacts: stray marks outside the linework, color bleed across panel boundaries, gaps between flat colors and line edges, and shadow edges that are too harsh or too soft for their context. These artifacts are invisible at the zoomed-out view you worked at during creation but obvious at full resolution — and they are the details that distinguish amateur work from professional output. Fix them now, before export makes them permanent.

SumiSplash exports to PNG (for lossless quality with transparency) and JPEG (for smaller file size without transparency). For portfolio and social media posting, JPEG at high quality (85-95%) produces visually excellent results at manageable file sizes. For print or further editing in another application, PNG preserves full quality and layer data. The Timelapse Recording feature, if enabled at the start of the session, exports an MP4 video of the entire creation process — a compelling content asset for social media and portfolio sites that shows the illustration being built stroke by stroke.

Export the final illustration, then step away for at least thirty minutes before evaluating it. Fresh eyes reveal composition imbalances, color issues, and proportion problems that hours of close-up work make invisible. This is not a SumiSplash technique — it is a universal creative discipline. But SumiSplash's project save (.sumi file) makes it risk-free: save the project, export, close the app, and return later knowing that every layer, every setting, and every element is preserved exactly as you left it. The illustration is a living project until you decide it is finished — and that decision should be made with fresh perspective, not fatigue.

Toggle each layer's visibility individually as a quality check. Artifacts invisible at zoomed-out working views become obvious at full resolution — and they distinguish amateur work from professional output.

PNG/JPEG Export

Full-resolution export in lossless PNG (with transparency) or compressed JPEG — ready for print, portfolio, or social media without quality loss.

Timelapse Recording

MP4 video of the entire creation process from first stroke to final export — compelling portfolio and social media content that shows the illustration being built.

SumiSplash — Coming Soon

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

Coming SoonView App Details