Plan dot and hatch shading in digital nail-art sketches
Plan dot and hatch shading in digital nail-art sketches: compare dot density, hatch spacing and direction in small swatches, then clip chosen fields into editable nail outlines.
Contents
To plan dot and hatch shading in a digital nail-art sketch, test each mark type in small, same-size swatches before you draw it on a nail. Change one setting at a time: dot count, hatch spacing or line direction. Then pick the swatch that gives each part of your motif the light, middle or dark value you want. Clip a copy of that swatch into the matching region of an editable nail outline, check the edges, and record your choices so you can reuse or revise them later. Planning tone this way gives you a design decision before any polish, stamping plate or brush is involved.
What this plan covers
Three terms are easy to mix up, so it helps to separate them. The motif is the subject you are drawing, such as a leaf, crescent moon or geometric band. The palette is the set of colors you use. The shading technique is how tone is built inside the motif, which here means stippled dots or parallel hatch lines. This guide covers only the technique layer, worked out in black on white so that value is judged without color getting in the way. Once the tonal plan works, you can bring in a palette and choose finishes as separate steps.
These are digital design studies. Mark sizes that read well on screen at sketch scale will not automatically reproduce with a dotting tool, striping brush or stamping plate. Treat the sketch as a value map, and adjust mark size and spacing again when you move to physical materials.
How dot density changes tone
One original black-on-white SVG study set up the comparison like this. Each swatch is an 8 × 8 mm box. Every dot has a 0.25 mm radius. The dots sit in uniform grids of 8, 16 or 24 dots, which works out to 0.125, 0.25 and 0.375 dots per square millimeter. Because the grid is uniform and the box size is fixed, adding dots also tightens the spacing. Count and spacing change together, so record both.
The rendered files were measured on a grayscale scale where 0 is black and 255 is white. In that render, mean values fell from about 248.1 (8 dots) to 241.2 (16 dots) to 234.6 (24 dots). Even the densest dot swatch stays fairly pale. With dots this small, scattered stippling suits light-to-middle tones such as soft highlights, a gentle shadow on a petal or a faint gradient toward the cuticle.
How hatch spacing changes tone
The hatch swatches in the same study used vertical lines 0.15 mm thick and 7.6 mm long inside the same 8 × 8 mm box. Pitch is the center-to-center distance between neighboring lines. Pitches of 4, 2 and 1 mm gave 2, 4 and 8 lines.
Measured the same way, mean grayscale dropped from about 245.2 (4 mm pitch) to 235.0 (2 mm) to 215.6 (1 mm). The hatches darkened much faster than the dots. In this study, the tightest hatch reached a noticeably darker value than the densest dot grid. One design approach that follows from this is to use hatching where a region must read clearly darker, and keep dots for subtle transitions. These numbers describe these particular files and this render, not how every viewer will perceive them. Use them as a starting reference and judge your own swatches by eye.
| Swatch | Setting | Marks per 8 × 8 mm box | Mean grayscale (0 black, 255 white) |
| Dots, light | 0.125 dots/mm² | 8 | 248.121 |
| Dots, middle | 0.25 dots/mm² | 16 | 241.239 |
| Dots, dense | 0.375 dots/mm² | 24 | 234.625 |
| Hatch, wide | 4 mm pitch | 2 lines | 245.165 |
| Hatch, medium | 2 mm pitch | 4 lines | 234.988 |
| Hatch, tight | 1 mm pitch | 8 lines | 215.577 |
Choosing hatch direction
Direction is a separate decision from spacing, so record it in its own column. The study rotated a 2 mm-pitch field from vertical through 45° to horizontal. When a rotated field is clipped to a box or outline, the line endpoints shift, so a rotated swatch can look slightly different at its edges even though the spacing has not changed.
Some design choices to consider: vertical lines follow the length of a nail and can make a band look taller. Horizontal lines run across the nail and can emphasize width. Diagonals add movement, and they can follow the slant of a leaf or ribbon in the motif. None of these is a fixed rule. Pick the direction that supports the shape you are shading.
A tonal worksheet for each sketch
Before you make any marks, draw the nail outline and the motif. Name each region, then decide whether it should read light, middle or dark. A simple worksheet keeps the plan readable and makes later revisions easier. The example rows below are illustrative, for a hypothetical leaf motif.
| Region | Intended tone | Swatch ID | Dot count / arrangement | Hatch pitch | Direction | Boundary treatment | Revision |
| Leaf highlight | Light | D-8 | 8, uniform grid | none | none | marks end at leaf edge | none yet |
| Leaf body | Middle | H-2 | none | 2 mm | 45° | clipped to leaf outline | none yet |
| Shadow under leaf | Dark | H-1 | none | 1 mm | vertical | clipped to shadow shape | none yet |
Test dots and hatches in separate trials before you combine them in one region. If you mix them too early, you won't know which mark type is producing the value you see.
Step-by-step: comparing swatches
- 1. Fix the swatch bounds, for example an 8 × 8 mm box, and fix the mark dimensions: dot radius, or stroke width and length.
- 2. Build a baseline swatch, then duplicate it. In Inkscape, Ctrl+D places the copy directly over the selected original, ready to edit as a variant.
- 3. Change one setting on the copy, such as dot count, hatch pitch or direction. Note any linked change, like spacing tightening when you add dots.
- 4. Line the variants up side by side. View them enlarged, then at the size the outline will actually appear.
- 5. Choose the variant that fits the tonal order you assigned on the worksheet, and log its swatch ID.
Below is an illustrative SVG for a single hatch swatch at 2 mm pitch. It matches the stated dimensions but is not the original study file. Change the x positions to test other pitches, or wrap the group in a rotation to test direction.
<svg xmlns="http://www.w3.org/2000/svg" width="8mm" height="8mm" viewBox="0 0 8 8">
<rect width="8" height="8" fill="white"/>
<g stroke="black" stroke-width="0.15">
<line x1="1" y1="0.2" x2="1" y2="7.8"/>
<line x1="3" y1="0.2" x2="3" y2="7.8"/>
<line x1="5" y1="0.2" x2="5" y2="7.8"/>
<line x1="7" y1="0.2" x2="7" y2="7.8"/>
</g>
</svg>
Fitting chosen fields into a nail outline
The study's example used three editable 12 × 24 mm outlines: one shaded with dots, one with diagonal hatches and one with mixed marks, with every mark ending at the outline boundary. Those dimensions are invented sketch coordinates. Size your own outline to whatever template you work from.
- 1. Make a field of marks larger than the region you want to shade. With Inkscape's Selector tool you can move, scale and rotate it. Holding Ctrl keeps proportions while scaling and snaps rotation to 15° steps, which makes an exact 45° hatch easy.
- 2. Duplicate the field so the unclipped original stays editable.
- 3. Place the region's outline above the copied field, select both, and choose Object > Clip > Set. Inkscape hides everything outside the outline.
- 4. Inspect the result. Look for clipped dot fragments, partial lines at region boundaries, and how much open space is left. Then keep, reposition or revise each field, and note the change in the worksheet's revision column.
- 5. Repeat for each region until the light, middle and dark areas read in the order you planned.
Saving and sharing the design
Keep the unclipped fields, the outline and the worksheet together in one file so the design stays reusable. In Inkscape, Ctrl+S saves the file. The Inkscape SVG format keeps editor-specific data, while Plain SVG is the better choice for sharing the vector drawing with other programs. For a quick visual comparison, Shift+Ctrl+E opens the PNG export dialog. There you can export the Page, Drawing, Selection or a Custom area, and set either the pixel size or the resolution. Label each exported comparison with its swatch IDs so the image and the worksheet stay matched.
Related articles
Creating reusable digital brushes from nail-art motifs
Turn your own nail-art motifs into free, reusable digital brushes in Procreate or other apps: prepare the artwork, build stamp, scatter and texture brushes, and pair them with saved palettes.
Drawing translucent jelly-style motifs for digital nail art
How to draw see-through jelly motifs for digital nail art: the visual cues that sell translucency, a reusable layer stack, palette roles and fixes for flat-looking results.
Compare Inkscape and Krita for editable nail-art motifs
Inkscape vs Krita for drawing editable nail-art motifs: drawing controls, reusable elements, master files, exports and free desktop access compared.
Define consistent design rules for a nail-art motif family
Build a reusable nail-art motif family by writing shared shape, stroke, detail and color-role rules first, then drafting, reviewing and versioning each motif against them.
Construct Original Paisley Motifs for Nail-Art Outlines
Build an original paisley motif for nail art step by step: a curved teardrop silhouette, nested outlines, deliberate detail choices and repeat layouts that fit inside a nail outline.
Design reusable flame silhouettes inside nail outlines
Build an original flame motif inside a nail outline: set a working boundary, place tips and valleys, close the silhouette, control gaps, and derive reusable variants.
Turn an original hand-drawn nail motif into editable artwork in Inkscape
A free workflow for digitizing a hand-drawn nail motif in Inkscape: capture the drawing, trace it, clean the paths, save an SVG master and record where the artwork came from.
Plan the shapes and placement of raised fruit motifs
Plan 3D fruit nail designs before you build them. Break each fruit into parts, set relative relief levels, place it on the nail, and coordinate base, motif and accent colors.
Draw cloud, rain, sun and lightning motifs for nail-art layouts
Build your own cloud, rain, sun and lightning nail-art symbols, make simplified versions, pick a weather palette and place each motif on nail outlines.
Draw Flat Fruit Motifs and Plan Their Scale and Repetition
Build fruit nail art from three layers (silhouette, cut section and details), then size, simplify and repeat each motif so it reads clearly on any nail length.