VectorPaint contour-style illustration: organise spacing with open curves

English translation of the Chinese original, translated on 2026-10-23. The article body uses automated translation; app descriptions, historical reading notes and video subtitles receive separate editorial checks. Original publication dates, attribution, code and version notes are retained.

Contour-map-style illustration creates a terrain effect through related curves. This article draws abstract lines manually in VectorPaint, focusing on spacing and turning direction. It is a visual exercise without real geographic elevations and is not for navigation or terrain surveying.

Establish the overall direction of the lines

Create an 800×800 px square canvas with a light background and one dark-green stroke color. Imagine a high point at the upper right and a valley passing from the lower left, and organize the curves around that direction. One main rise and fall is enough; do not add several competing centers at once.

Use a few sketch lines to mark the outer bounds and densest region, then hide the sketch. More lines do not automatically make a richer picture. Plan sparse and dense areas first so each curve has a place. Leave space around the subject rather than slicing every edge with lines.

Draw one complete main curve first

Choose the pen, set no fill and a clear stroke, and build an open curve from the left toward the upper right. Place nodes at meaningful direction changes and use handles to control approach and departure. Switch to the selection tool afterward and confirm that it has not closed into a filled shape.

Refine this first line by checking abrupt corners, very short segments, and unnatural reversals. Zoom in to inspect nodes, then out to assess its flow. Only a clear main line gives later duplicates or neighboring curves a stable reference.

Build neighboring curves manually

Duplicate the main curve as a starting point and move nodes inward or outward, or draw a new curve following the same trend. Duplication retains shape relationships but does not automatically create a true equidistant offset path, so inspect every gap.

Add three to five lines initially, keeping them roughly parallel while allowing slight density changes near turns. Watch concave areas: simple scaling can narrow gaps or cause crossings. If two lines cross, move the relevant nodes or handles first, then check that transitions on both sides remain natural.

Express elevation changes through density rather than sheer line count

Slightly denser lines in one area and looser lines elsewhere create direction and tension. Keep recognizable gaps in dense regions, especially at the final small display size. If the lines merge into a dark mass, remove one or two or widen their spacing before making every line extremely thin.

Give the middle curves a common width and make a few outer lines lighter for hierarchy. Start in one color so several colors do not conceal curve quality. Temporarily make all lines exactly the same color to test whether the structure works on its own.

Handle boundaries and open endpoints

When curves reach the canvas edge, either deliberately extend them beyond it for cropping or end them naturally inside. Both work, but make a clear choice across the image. One or two lines stopping accidentally just short of the edge may look unfinished.

To place the lines inside a circular or rectangular window, use a basic mask in a copy and check the selection scope and stacking relationships. A mask limits visibility, but the original curves still need clear organization. Do not shrink the entire window until the main structure is cropped merely to hide one local crossing.

Add one focal point and leave most areas quiet

Add a very small circle near the high point or use a slightly darker curve as a visual anchor. Relate the emphasis to the main flow instead of adding conspicuous text in an unrelated corner. If a title is needed, put it in a sparse area with sufficient space from the lines.

Hide the focal accent temporarily and check whether the basic curves retain direction. Restore it and see whether it helps viewers enter the composition. Decoration needs only one clear task. Circles, stars, shadows, and several gradients can turn a simple line exercise into a cluttered background.

Check the output at its actual size

Export a PNG and inspect gaps at the intended display width. Thin lines may fade when reduced, and dense areas may create interference patterns. Adjust widths or counts in the original. Confirming individual lines at high magnification is insufficient; the actual reading scale determines whether they work.

Save the editable path original and export SVG as needed. For print, check the thinnest lines and physical dimensions and confirm requirements with the recipient. A filename such as Abstract Terrain Line Art avoids implying that the file contains genuine geographic data.

Frequently asked questions

Why does proportional scaling after duplication produce uneven line spacing? Scaling changes overall size around a center; it is not a constant-distance offset along curve normals. Turns and indentations are especially prone to spacing changes and require manual node adjustment.

Must curves never cross? Abstract work may use crossings, but accidental ones often disrupt the hierarchy when the goal is a continuous contour-line language. Define the intent before retaining or correcting them. For this exercise, first complete a set without unintended crossings, then explore freer variations.

Use two boundaries to guide the intermediate curves

Keep the outermost and innermost curves you are satisfied with, then arrange intermediate lines between them. If there is clearly insufficient space, reduce the count instead of insisting on a line at every fixed interval. Density should follow the shape; slight differences are acceptable in a manual exercise. Hide the middle lines temporarily to see whether the boundaries describe the same flow, then restore the group and check transitions.