Learning path · 180 tutorials

VectorPaint Tutorials: Icons, SVG and Export

Learn shapes, fills and strokes, then edit paths and nodes, organise layers, add gradients and text, and choose SVG, PNG or PDF for delivery.

If vector drawing is new to you, make a small geometric icon before working with paths and nodes. Once object controls feel familiar, combine colour, text and layers in a design exercise.

Choose a tutorial for your task

Before delivery, find out whether the recipient needs editable paths or an image to display. SVG and PDF may also contain raster images; an export format does not automatically change the original objects.

Canvas & basic shapes

Start with a small icon and learn dimensions, geometric shapes, fills and strokes.

  1. VectorPaint getting started: build an icon from shapes and export SVG

    Start with a small icon made from circles and rectangles to learn canvases, fills and strokes, layer organisation and the choice between SVG and PNG.

    7 min read

  2. VectorPaint canvas sizes: distinguish px, pt, mm and exported pixels

    Use a square icon and a small printed card to separate canvas proportions, document units, editor zoom and final PNG pixels, avoiding repeated setup changes.

    7 min read

  3. VectorPaint shape practice: build a little house from rectangles and circles

    Draw a house to practise rectangles, ellipses, selection, dimensions, stacking and proportions before moving to complex path editing.

    7 min read

  4. VectorPaint fills and strokes: clear colour areas and consistent lines

    Compare fill, no fill, stroke width and opacity on three circles, and understand invisible objects, overly thick lines and mistaken multi-object edits.

    7 min read

Paths & object organisation

Practise curves and nodes, then organise the composition with layers, alignment and guides.

  1. VectorPaint pen tutorial: draw a leaf with a few anchors

    Move from a straight-sided triangle to a closed leaf, learning anchors, handles and curve direction while avoiding crowded nodes and kinks.

    7 min read

  2. Edit Bézier nodes in VectorPaint: smooth curves without adding anchors

    Use a leaf outline to practise moving anchors, orienting handles and checking corners, separating whole-object distortion from local curve correction.

    7 min read

  3. VectorPaint layers and groups: make complex work easier to select and edit

    Organise a small card into background, subject and text layers, learning what layers, groups, overlaps, locking and hiding each do.

    7 min read

  4. VectorPaint alignment and distribution: arrange three button icons

    Use three different-width shapes to understand edge alignment, centring and equal distribution, distinguishing centre-to-centre distance from gaps between edges.

    7 min read

  5. VectorPaint grids and guides: composition references for icons and posters

    Use grids, snapping and guides to control margins and positions while retaining necessary optical adjustments, and keep guides out of the finished artwork.

    7 min read

Type, colour & assets

Combine text, gradients and masks, and understand the limits of imported images and tracing.

  1. VectorPaint text layout: make a clear event card

    Practise content, fonts, size, alignment and empty space through title, explanation and date levels, so the card communicates more than decoration.

    7 min read

  2. VectorPaint text on a path: make a curved text badge

    Use a short title and simple arc to practise text along a path, adjusting direction, curvature and length while keeping the text original for later edits.

    7 min read

  3. VectorPaint gradients: give a circle a clear light direction

    Begin with a two-colour linear gradient, then compare a radial gradient to understand stops, direction, opacity and readability at smaller sizes.

    7 min read

  4. VectorPaint mask exercise: keep a pattern inside a circular window

    Use three colour shapes and a circle to practise clipping, masks, stacking and raster boundaries without mistaking a crop for vectorisation.

    7 min read

  5. Import SVG into VectorPaint: inspect structure before editing paths and colours

    Check a simple SVG import, distinguishing paths, text, raster images and masks rather than treating the extension as a guarantee of complete editability.

    7 min read

  6. VectorPaint image tracing: turn clear line art into editable paths

    Trace a black-and-white leaf silhouette, compare threshold, colour count and previews, and understand the trade-off between photo quantisation and path complexity.

    7 min read

Export & complete projects

Choose a delivery format, finish icon and poster exercises and keep an editable original.

  1. VectorPaint transparent PNG: remove the white background and check edges

    Use a single-colour icon to check transparency, solid background objects and final pixels, then inspect the export on both dark and light backgrounds.

    6 min read

  2. Choose VectorPaint export formats: SVG, PDF, PNG and editable originals

    Choose a format for further editing, webpage display or document delivery, explaining the limits of raster images, text and transparent backgrounds.

    7 min read

  3. VectorPaint project: design a monochrome mountain icon that reads small

    Build a mountain icon around silhouette, negative space and line width, then check recognition at 32, 64 and 128 pixels.

    6 min read

  4. VectorPaint project: a creative-event poster with geometric colour and text

    Organise a portrait poster into title, main artwork and information areas, combining shapes, gradients, alignment and text in one complete exercise.

    7 min read

  5. Save and back up VectorPaint originals: find the editable file next time

    Use clear filenames, original-file copies and restore checks to record a project, distinguishing undo, versions, recently deleted items and independent backups.

    7 min read

Graphic families

Create weather icons, route maps, repeating patterns and signs with a consistent visual language.

  1. VectorPaint weather icons: balance sun, cloud and rain at one visual size

    Create three weather icons using a shared baseline, line width, outer bounds and small-size previews to establish consistent visual rules.

    8 min read

  2. VectorPaint route diagram: explain directions with paths, stops and a legend

    Use a simplified walking route to practise paths, numbered stops, text and a legend, making the information sequence easier to read than the decoration.

    8 min read

  3. VectorPaint repeating patterns: check a tile’s four edges by hand

    Start from a square tile, manually duplicate leaves and dots, check opposite-edge correspondence and use a nine-tile preview to spot seams.

    8 min read

  4. VectorPaint wayfinding: make consistent signs for three spaces

    Use fictional reading, exhibition and rest areas to practise shared arrow, text and symbol rules, checking readability from a distance and at small sizes.

    8 min read

  5. VectorPaint geometric portrait: describe features and hair with a few shapes

    Build a geometric portrait from the head outline, hairstyle and facial features, controlling symmetry, overlap and recognition at small sizes.

    8 min read

Illustration & information

Use greeting cards, cartons, bar charts, timelines and step diagrams to explain an idea.

  1. VectorPaint botanical greeting card: a leafy border with room for text

    Arrange branches around a short greeting, practising curve direction, varied repetition, border density and text space to finish a botanical card.

    8 min read

  2. VectorPaint box illustration: build consistent perspective from three planes

    Draw a box’s top, left and right faces with the pen, use shared vertices and values for volume, then check gaps and distortion along the edges.

    8 min read

  3. VectorPaint bar chart: keep lengths, numbers and units consistent

    Draw a three-item bar chart manually, calculate lengths to one scale and check the zero baseline, labels and data source to avoid misleading graphics.

    8 min read

  4. VectorPaint timeline: arrange five stages with descriptions of different lengths

    Make a five-stage project timeline, distinguish sequence diagrams from time-scaled layouts, and handle varied descriptions, node spacing and later updates.

    8 min read

  5. VectorPaint three-step diagram: explain a process through continuous action

    Illustrate watering in three panels, keeping object positions and proportions consistent while using numbers, changed actions and short text to explain the process.

    8 min read

Type & colour practice

Compare wordmark spacing, bilingual hierarchy, contour lines, transparent colour and product cards.

  1. VectorPaint wordmark spacing: adjust the visual rhythm of a short name

    Compare default spacing, overall tracking and local gaps for a short name, keep the editable text and check small-size and reversed-out versions.

    8 min read

  2. VectorPaint bilingual titles: balance Chinese, English and supporting information

    Use a Chinese–English event title to practise hierarchy, apparent type size, line spacing and alignment rather than matching font-size numbers mechanically.

    8 min read

  3. VectorPaint contour-style illustration: organise spacing with open curves

    Draw contour-like curves by hand, practising open paths, node direction, line spacing and cropping in an abstract terrain illustration.

    8 min read

  4. VectorPaint two-colour overlaps: compare opacity and stacking order

    Use two coloured shapes and a fixed background to compare object opacity, overlapping areas and front-to-back order in an explainable colour study.

    8 min read

  5. VectorPaint product cards: expand one reusable layout into a series

    Make three fictional product cards, handling different name lengths, specifications, prices and image areas, then check for old information left after duplication.

    8 min read

Applications & delivery

Check designs as wallpaper, avatars, stickers and print samples, then organise logo deliverables.

  1. VectorPaint phone wallpaper: leave room for time, icons and the main image

    Match the target phone’s proportions, reserve lock-screen time and home-screen icon areas, and preview actual wallpaper settings to check cropping, contrast and subject placement.

    8 min read

  2. VectorPaint avatar adaptation: check circular crops and square previews

    Make square and circular checks of the same avatar, identify cropped head, shoulder and decoration areas, and preserve consistent margins and a clear small-size silhouette.

    8 min read

  3. VectorPaint sticker illustration: draw a white backing and check transparent edges

    Build a white backing outline by hand, handling inward corners, narrow gaps and transparent edges, and distinguish a visual sticker border from a print cut line.

    8 min read

  4. VectorPaint small-print checks: verify size and fine lines in a PDF proof

    Prepare a PDF proof for a small card, check document units, physical size, text, fine lines and trim bounds, then confirm production requirements with the printer.

    8 min read

  5. VectorPaint logo delivery: check light, dark and small-size versions

    Organise an editable original, SVG and PNG for a finished logo, check colour, transparency, text and small-size rendering, and explain the purpose of each file.

    8 min read

Information & layouts

Create tickets, editorial covers, menus, comparison sheets and flowcharts with clear information hierarchies.

  1. VectorPaint event tickets: separate the main ticket, stub and check-in details

    Design a fictional reading-event ticket with a clear hierarchy, trim margins and checked serial numbers, while retaining editable text.

    9 min read

  2. VectorPaint editorial covers: arrange a title, introduction and issue number

    Build a fictional editorial cover with long titles, a masked image, margins and issue details, checking thumbnail and full-size readability.

    9 min read

  3. VectorPaint café menus: align names, descriptions and prices

    Practise price columns, long item names, categories and update checks with a fictional café menu, keeping text editable.

    9 min read

  4. VectorPaint comparison sheets: show three options in consistent columns

    Make a fictional comparison sheet with consistent criteria, rows, columns and notes, then inspect headers, units and exported small text.

    9 min read

  5. VectorPaint decision flowcharts: keep conditions and arrows consistent

    Draw a fictional file-organising flow with decision nodes, labels and a loop, then walk through every path and inspect its connections.

    9 min read

Space & components

Use room layouts, exploded diagrams, vehicles, ribbons and clock faces to practise references, stacking and repeated objects.

  1. VectorPaint room layouts: inspect furniture and routes in a top view

    Draw a fictional studio in top view with walls, a door swing, furniture and a legend, distinguishing an illustration from measured construction drawings.

    9 min read

  2. VectorPaint exploded diagrams: explain three layers with alignment and leaders

    Draw an exploded fictional organiser with a shared axis, consistent gaps, leaders and part names, keeping illustration separate from assembly precision.

    9 min read

  3. VectorPaint delivery vans: unify wheels and windows through repeated shapes

    Draw a fictional delivery van with rectangles, ellipses and a few paths, checking wheel spacing, overlaps, windows and the small-size silhouette.

    9 min read

  4. VectorPaint folded ribbons: show folds through stacking

    Draw the front, folds and tails of a ribbon, using values and overlap to show folding while checking seams and room for lettering.

    9 min read

  5. VectorPaint clock faces: check ticks, numerals and hands manually

    Draw a static clock illustration, using a centre reference, tick checklist and chosen time to verify its geometry.

    9 min read

Curves & silhouettes

Draw fish, feathers, sailboats, lanterns and bicycles while controlling nodes, direction, gaps and detail density.

  1. VectorPaint fish silhouettes: separate body, tail and negative space

    Draw a fish silhouette with controlled Bézier curves, fin directions and gaps, then inspect recognition at a smaller size.

    9 min read

  2. VectorPaint feather curves: coordinate the shaft, edge and details

    Draw a simplified feather with a curved shaft, controlled edge notches and restrained detail, keeping the overall direction clear.

    9 min read

  3. VectorPaint sailboats: connect mast, sails and hull through shared points

    Draw a simplified sailboat, coordinating mast, triangular sails, hull and waterline with consistent overlaps and wind direction.

    9 min read

  4. VectorPaint paper lanterns: suggest rounded surfaces with curves and values

    Draw a paper lantern’s outline, ribs and tassel with a small value range, checking curved form and reduced-size linework.

    9 min read

  5. VectorPaint bicycle linework: use wheel centres and triangular relationships

    Draw a simplified bicycle side view with matched wheels, coherent frame joins and consistent line weight.

    9 min read

Adaptation & maintenance

Check small icons, image ratios, SVG rendering and font appearance, then organise editable sources and backups.

  1. VectorPaint optical icon corrections: inspect 16, 32 and 64 pixel output

    Compare one geometric icon at three export sizes, adjusting thin strokes, gaps and optical weight while keeping separate editable versions.

    9 min read

  2. VectorPaint photo-frame variants: mask one image for landscape, square and portrait

    Adapt one owned image to three static aspect ratios, independently adjusting crops and text space while checking subject visibility, transparency and raster quality.

    9 min read

  3. VectorPaint SVG compatibility checks: isolate missing images, masks and gradients

    Keep the original and isolate images, text, masks and gradients in small diagnostic copies to compare SVG rendering in the target environment.

    9 min read

  4. VectorPaint font substitution checks: retain editable text and verify delivery appearance

    Use a bilingual test card to inspect missing glyphs, wrapping and font availability, separating editable text, outlined copies and image previews.

    9 min read

  5. VectorPaint project reviews: use groups, tags and favourites to find editable versions

    Organise drafts, candidates and delivered artwork with clear names and explicit editable backups, then verify retrieval and recovery sources.

    9 min read

Practical record layouts

Create recipe records, checklists, score sheets, paired flashcards and seating plans, checking fields and identifiers.

  1. VectorPaint recipe records: separate quantities, sequence and serving notes

    Lay out a homemade drink record, checking yield, units, step order and revisions alongside its illustration.

    9 min read

  2. VectorPaint printable checklists: align boxes, tasks and writing space

    Make a fictional photo-preparation checklist with aligned boxes, groups and room for handwriting, distinguishing static artwork from an interactive form.

    9 min read

  3. VectorPaint board-game score sheets: align rounds, players and totals

    Design a fictional game score sheet with player columns, round rows and handwritten totals, checking rules and blank-template integrity.

    9 min read

  4. VectorPaint paired flashcards: match prompts, answers and identifiers

    Make six fictional study cards with separate prompt and answer layouts, checking identifiers, orientation and printed pairing.

    9 min read

  5. VectorPaint seating plans: match rows, seats and intentional gaps

    Draw a fictional small-screening seating plan with repeated shapes, identifier lists and clear aisles, without implying a booking system.

    9 min read

Relationships and data

Use sets, shares, areas, matrices and hierarchies to verify data scope, geometry and legends.

  1. VectorPaint set diagrams: match overlap regions to membership

    Draw two sets with fictional entries, checking intersection, exclusive regions and a legend without treating colour blending as calculation.

    9 min read

  2. VectorPaint share charts: verify percentages through four equal quadrants

    Construct an example 50/25/25 share chart from equal quadrants and verify geometry, labels and scope.

    9 min read

  3. VectorPaint area comparisons: calculate side lengths before arranging 1, 4 and 9 units

    Build areas of 1, 4 and 9 from unit squares, separating side length from area and checking labels and scope.

    9 min read

  4. VectorPaint heatmap matrices: apply one fixed scale to comparable data

    Draw a fictional practice-time matrix with explicit scope, missing values and a fixed scale, then audit cells against the legend.

    9 min read

  5. VectorPaint hierarchy charts: distinguish parents, peers and collaboration

    Draw a fictional volunteer-team hierarchy with consistent nodes and connectors, checking names, roles and revision scope.

    9 min read

Structure and scenes

Build detail callouts, paper-cut scenes, woven strips, origami cranes and day/night diptychs with coherent structure.

  1. VectorPaint detail callouts: match enlarged areas to their source

    Create a detail window from an owned illustration, checking source markers, leaders and consistent content without altering its meaning.

    9 min read

  2. VectorPaint paper-cut landscapes: build depth with silhouettes and gaps

    Draw a paper-cut-style valley with controlled silhouettes, colours and gaps, inspecting edges and stacking.

    9 min read

  3. VectorPaint woven strips: verify alternating over-and-under crossings

    Construct two sets of three woven strips with a crossing checklist and segmented stacking, checking continuity and seams.

    9 min read

  4. VectorPaint origami cranes: distinguish wings, neck and tail through folded planes

    Draw a fictional origami crane with a few polygons, checking shared points, plane values and silhouette without presenting it as folding instructions.

    9 min read

  5. VectorPaint day-and-night diptychs: preserve geometry while changing light and colour

    Make day and night versions of one window scene, retaining geometry while comparing values and shared elements.

    9 min read

Output and content adaptation

Check gradient proofs, cast shadows, subtitle backplates, folded leaflets and monochrome versions in their intended uses.

  1. VectorPaint gradient proof sheets: compare banding, transparent ends and real display

    Build equal-size gradient proofs to inspect stop positions, transparency and export dimensions, recording differences in the target environment.

    9 min read

  2. VectorPaint cast-shadow studies: align objects, contact points and shadows

    Arrange manual shadows for three geometric objects under one chosen light direction, checking contact, distortion and emphasis.

    9 min read

  3. VectorPaint subtitle backplates: allow for long lines, credits and contrast

    Design static subtitle backplates and credit bars, testing wording and backgrounds at the actual aspect ratio while separating graphics from timing.

    9 min read

  4. VectorPaint folded leaflets: verify cover, inside and back with a paper mockup

    Practise panel order, orientation and fold margins in a fictional two-sided leaflet, validating the reading path with a paper mockup.

    9 min read

  5. VectorPaint monochrome proofs: translate colour meaning into text and shape

    Create an independent monochrome version of a colour diagram, checking legend, line styles, fills and small text while preserving both sources.

    9 min read

Graphic rules and visual expression

Use geometric puzzles, mazes, dialogue balloons, compass roses and negative space to check rules, directions and shared boundaries.

  1. VectorPaint seven-piece puzzles: fix the pieces before checking a silhouette

    Create an original seven-piece geometric puzzle, auditing its piece list, overlaps and gaps while keeping the target and solution distinct.

    9 min read

  2. VectorPaint static mazes: verify routes before refining walls and exits

    Draw a small grid maze and audit its entrance, exit and dead ends, retaining separate prompt and solution outputs.

    9 min read

  3. VectorPaint dialogue balloons: connect tails, reading order and speakers

    Arrange three balloons in an original two-person scene, checking speaker identity, tail direction, wrapping and occlusion.

    9 min read

  4. VectorPaint compass roses: check directions, symmetry and label orientation

    Draw an eight-direction decorative compass, verifying cardinal and diagonal labels while separating illustration from navigation.

    9 min read

  5. VectorPaint reversible negative space: check a shared vase-and-profile boundary

    Design a shared boundary between a vase and two profiles, checking both figures at multiple sizes without automatic recognition.

    9 min read

Continuity and graphic families

Build word squares, action lines, line charts, expression families and continuous spine artwork while preserving content-to-graphic correspondence.

  1. VectorPaint small word squares: check row words, column words and blanks

    Draw a three-by-three word square and audit letters, blanks and solution versions without assuming automatic generation or dictionary validation.

    9 min read

  2. VectorPaint action speed lines: coordinate direction, density and subject space

    Add manual speed lines to an original skateboard scene, checking motion, convergence, clear faces and noise after reduction.

    9 min read

  3. VectorPaint manual line charts: plot coordinates before connecting one dataset

    Use five fictional observations to practise equal x-spacing, a zero-based y-axis and verified point-to-point connections.

    9 min read

  4. VectorPaint expression families: keep the character structure while changing features

    Create three cartoon expressions from one original head, recording fixed and variable features and checking identity across versions.

    9 min read

  5. VectorPaint continuous book spines: check artwork and titles against volume widths

    Create continuous spine artwork for three fictional volumes, recording widths, slice ranges and shelf order and checking both individual and combined views.

    9 min read

Data and rule graphics

Use scatterplots, cumulative waterfalls, task intervals, a windowed dial and cyclic overlaps to check values, states and stacking relationships.

  1. VectorPaint scatterplots: map every point to two values

    Draw five fictional observations, checking both coordinates, overlapping points and labels without turning IDs into a time series.

    10 min read

  2. VectorPaint cumulative waterfalls: connect floating changes to successive totals

    Draw a start of ten units and three changes, checking floating-bar endpoints, signs and the final total of eleven.

    10 min read

  3. VectorPaint task-interval charts: verify duration and overlap through endpoints

    Draw a static Gantt-style chart for three fictional tasks, checking boundaries, lengths and explicit resource-overlap assumptions.

    10 min read

  4. VectorPaint windowed dial studies: align a fixed aperture with rotating choices

    Design a static four-choice paper dial, checking a shared centre, aperture and four rotational states without automatic interaction.

    10 min read

  5. VectorPaint cyclic-overlap triangles: control three crossings with local segments

    Build a decorative triangle with A over B, B over C and C over A, distinguishing whole-object stacking from local segment treatment.

    10 min read

Structure and component checks

Build stencil bridges, hidden-edge wireframes, a zipper, board positions and a six-face net, checking components, coordinates and adjacency.

  1. VectorPaint stencil bridge studies: connect internal islands to surrounding material

    Draw a ring-letter stencil concept, checking islands, bridges and legibility while distinguishing colour mockups from real cutting paths.

    10 min read

  2. VectorPaint wireframe boxes: distinguish visible edges, hidden edges and shared vertices

    Draw an eight-vertex, twelve-edge box manually, checking solid and broken edges under one defined view without automatic 3D visibility.

    10 min read

  3. VectorPaint zipper illustrations: check staggered teeth, open/closed regions and slider occlusion

    Use simplified geometry for a zipper detail, checking tooth rhythm, open-to-closed transitions and slider stacking without production claims.

    10 min read

  4. VectorPaint invented board diagrams: audit pieces through coordinates and states

    Draw a fictional four-by-four board and two moves, checking coordinate orientation, piece counts and endpoints without a game engine.

    10 min read

  5. VectorPaint six-face box nets: verify shared edges and opposite faces

    Draw a six-square net with four in a row and one above/below the second, checking fold edges, labels and a paper-model mapping.

    10 min read

Curves and articulated structures

Draw a butterfly, articulated lamp, umbrella, cup cutaway and horse-head piece, checking contours, attachments and openings.

  1. VectorPaint butterfly wings: start with a mirrored framework and retain deliberate differences

    Build a butterfly around one body axis and paired wing roots, distinguishing structural symmetry, pattern differences and text that should not be mirrored.

    10 min read

  2. VectorPaint articulated desk lamps: connect arms through pivots to the shade

    Build a side-view lamp with three joints, two arms and a shade, checking connections and light direction when its pose changes.

    10 min read

  3. VectorPaint open umbrellas: connect ribs, panels and shaft through one apex

    Draw a simplified oblique umbrella, checking apex-to-rim ribs before panel colours and shaft occlusion.

    10 min read

  4. VectorPaint cup cutaways: distinguish walls, cavity and handle opening

    Construct a cup with part of its front wall removed, checking rim, side walls, base and handle without treating white overlays as real holes.

    10 min read

  5. VectorPaint horse-head chess silhouettes: preserve forehead, muzzle and neck through contour turns

    Design an original horse-head chess piece, establishing forehead, muzzle, ear and neck in one colour before checking base attachment and small-size recognition.

    10 min read

Repetition and correspondence rules

Use line gratings, two-flag codes, paired stair views, region colouring and sixfold rosettes to audit repetition, adjacency and correspondence.

  1. VectorPaint paired line gratings: inspect moiré and export differences in static overlays

    Build an equally spaced line source, rotate only one layer and distinguish overlay relationships from changes introduced by scaled display.

    10 min read

  2. VectorPaint invented two-flag cards: audit sixteen combinations through rows and columns

    Give each of two flag positions four directions to build sixteen cells, checking position, IDs and sources without claiming an established semaphore standard.

    10 min read

  3. VectorPaint three-step paired views: map plan treads to side-view heights

    Construct plan and side views of three invented-unit steps, checking shared horizontal boundaries, three rises and direction without construction claims.

    10 min read

  4. VectorPaint fictional region colouring: check colours through shared-edge adjacency

    Draw four main regions and an enclave, distinguish shared edges from corner contact and audit colours against an adjacency list.

    10 min read

  5. VectorPaint sixfold rosettes: audit rotational symmetry around one centre

    Build a sixfold window rosette from one original motif within a sixty-degree sector, checking pivot, copy count and frame clipping.

    10 min read

Symbols and continuous structures

Build seven-segment digits, accordion strips, chain links, helices and ruler scales, checking positions, joins and repeat spacing.

  1. VectorPaint seven-segment cards: audit lit segments for digits zero to nine

    Build seven independent segments and check ten digit combinations, unlit segments and reduced output without treating static cards as an electronic display.

    10 min read

  2. VectorPaint accordion strips: maintain alternating folds and panel continuity

    Build a four-panel, three-fold static strip and compare opening states without mistaking projected width for material stretching.

    10 min read

  3. VectorPaint three-link chains: preserve openings and two interlocking joins

    Use three open-centred rings and local foreground sections, checking both crossings per join without moving an entire ring forward to conceal errors.

    10 min read

  4. VectorPaint threaded-rod studies: join front and rear half-turns at one pitch

    Illustrate a continuous helix with an invented pitch, distinguishing front half-turns from rear dashes without claiming real thread specifications.

    10 min read

  5. VectorPaint ruler strips: align major ticks, subdivisions and labels

    Make a static 0–5 invented-unit scale, checking five intervals, six boundaries and ten subdivisions per unit without claiming a calibrated instrument.

    10 min read

Quantity and spatial rules

Use histogram bins, flow bands, globe grids, pip tiles and Latin squares to audit boundaries, quantities, directions and row/column constraints.

  1. VectorPaint equal-bin histograms: assign boundary values before drawing counts

    Bin eight invented values into three equal intervals, checking single assignment at boundaries, total counts and neighbouring bar widths.

    10 min read

  2. VectorPaint split-flow bands: preserve the width relation twelve equals five plus seven

    Draw one input and two outputs in invented units, checking straight widths of 120, 50 and 70 pixels without treating curves as an automatic flow model.

    10 min read

  3. VectorPaint globe wireframes: fix an equatorial view before separating front and rear arcs

    Construct a simplified equatorial globe with a circle, straight equator and meridian arcs rather than mixing incompatible viewpoints.

    10 min read

  4. VectorPaint invented domino chains: match adjoining counts and flipped orientations

    Build a four-tile chain 1–3–2–0–1, checking half counts, touching ends and twelve total pips.

    10 min read

  5. VectorPaint order-four Latin squares: check one to four in every row and column

    Place sixteen numbers manually, verify 1–4 in each row/column and use a swap test to show why one-row checks are insufficient.

    10 min read

Spatial construction and object connections

Use a one-point corridor, ellipse foci, equal-pulley belt, four-hole thread and hinged-lid poses to check direction, tangency and attachment.

  1. VectorPaint one-point corridors: give receding lines one vanishing point

    Build a corridor from front and rear rectangles, checking receding edges, verticals and floor seams without treating equal screen spacing as equal real distance.

    10 min read

  2. VectorPaint ellipse-focus diagrams: distinguish semiaxes and the two focal distances

    Construct a 5–3–4-unit ellipse and audit semiaxes, foci and two distance-sum checks without claiming precision from approximate dragging.

    10 min read

  3. VectorPaint equal-pulley belts: join common tangents to outer semicircles

    Draw an outer belt centreline around equal, level circles, checking tangencies, straight spans and outer semicircles without mechanical-design claims.

    10 min read

  4. VectorPaint four-hole stitching diagrams: distinguish holes, front thread and rear thread

    Draw an alternating front/rear route through four fixed holes, checking side changes and continuity without treating pale overlays as actual holes.

    10 min read

  5. VectorPaint hinged boxes in three poses: keep the hinge fixed as the lid changes direction

    Compare closed, diagonal and upright side-view lids, checking a shared pivot, lid length and fixed body without claiming motion simulation.

    10 min read

Quantity, logic and paths

Build unit pictograms, truth cards, medians, fraction walls and weighted routes, checking units, conditions, ratios and candidates.

  1. VectorPaint unit pictograms: represent odd quantities with whole and half symbols

    Let each circle represent two items and use invented values 5,8,3 to audit half symbols, legends and counts.

    10 min read

  2. VectorPaint AND/OR/NOT cards: map four inputs to three outputs

    Use zero/one for false/true and audit NOT P, P AND Q and inclusive OR, separating input cases from output evaluation.

    10 min read

  3. VectorPaint triangle medians: check midpoints and the two-thirds centroid position

    Calculate side midpoints and centroid from three vertices, then draw medians without confusing different triangle centres.

    10 min read

  4. VectorPaint fraction walls: compare halves, thirds, quarters and sixths against one whole

    Keep every row 720 pixels wide and check denominators, cell widths and equivalent halves without confusing row/cell count with area.

    10 min read

  5. VectorPaint five-node weighted routes: sum edge weights before comparing paths

    Draw an invented undirected five-node/seven-edge graph, enumerate simple routes and check minimum total weight without reading distance from line length.

    10 min read

Object connections and unfolding

Connect book pages, bridge components and paired gears, then check a cylinder unfolding and shared-pivot scissors states.

  1. VectorPaint open-book illustrations: connect the spine, pages and fanned edges

    Establish a shared spine, then inspect page surfaces, layered edges and text direction without turning pages into disconnected fan blades.

    10 min read

  2. VectorPaint suspension-bridge diagrams: connect cables, hangers and deck

    Build component relationships with manual curves and verticals, checking endpoints and occlusion without treating an illustration as structural calculation.

    10 min read

  3. VectorPaint paired-gear diagrams: face teeth toward gaps and mark opposite rotation

    Make a static illustration of equal external gears, distinguishing teeth, gaps, contact region and direction arrows without promising manufacture or interference-free operation.

    10 min read

  4. VectorPaint cylinder-side unfolding: distinguish circumference, diameter and seam allowance

    Match an original cylinder to its side rectangle, checking direction, circumference and height while identifying approximations and additional seam allowance.

    10 min read

  5. VectorPaint three scissors poses: relate blades and handles around one pivot

    Construct opening states from two separate components, checking a shared pivot, handle/blade ownership and outlines without assuming a hidden rotation-centre command.

    10 min read

Number encodings and constrained graphics

Build stem-and-leaf displays, abacus cards, a nonogram, a replacement-draw tree and equal-perimeter rectangles, checking encoding and conditions.

  1. VectorPaint stem-and-leaf displays: preserve tens, units and repeated values

    Arrange eight invented integers as a stem-and-leaf display and reconstruct them through a key, sorting and repetitions without assuming an automatic statistics control.

    10 min read

  2. VectorPaint abacus place-value cards: map one-five and four-one beads, including zero columns

    Draw three-column abacus states under an explicit bead convention, checking 305, 350 and a carry transition without claiming interactive calculation.

    10 min read

  3. VectorPaint five-column nonograms: match run-length clues to filled cells

    Check runs, blanks and row/column clues in an original four-by-five puzzle, manually verifying its unique result without an automatic solver.

    10 min read

  4. VectorPaint two-draw probability trees: connect replacement assumptions to four paths

    Lay out branches for an invented two-red/one-blue model and recalculate path weights and grouped events without treating the diagram as an automatic random experiment.

    10 min read

  5. VectorPaint equal-perimeter rectangles: check boundary length separately from area

    Compare invented two-by-eight, four-by-six and five-by-five rectangles with equal perimeter and different areas, preserving one shared unit scale.

    10 min read

Outlines, structures and unfolding

Check nested tubes, envelope layers, ginkgo branching, chambered shells and cone nets through overlaps, boundaries and correspondence.

  1. VectorPaint three-tube telescopes: check overlap and exposed length

    Build retracted and extended tube diagrams, checking diameters, seams and exposed lengths without treating outlines as mechanical constraints.

    10 min read

  2. VectorPaint envelopes and inserts: align the pocket, flap and occlusion

    Draw pocket, insert and flap separately, checking insertion depth and open/closed states through visible boundaries without claiming a physical paper pattern.

    10 min read

  3. VectorPaint ginkgo leaves: retain fan outlines and forked veins

    Build a fan from its petiole attachment, arrange branching veins and a variable notch, then check outline and line density at reduced size.

    10 min read

  4. VectorPaint nautilus sections: distinguish partitions, chambers and the outer opening

    Arrange coiled walls and chambers in a partial outer-whorl section without substituting golden-ratio claims or fixed chamber counts for morphology checks.

    10 min read

  5. VectorPaint cone nets: distinguish slant height, sector arc and base circle

    Calculate a sector angle for an invented right cone, checking its arc against base circumference without using vertical height as the sector radius.

    10 min read

Geometric construction and discrete rules

Build bisectors, coordinate transforms, box plots, edge-once trails and Pascal triangles, independently checking each condition.

  1. VectorPaint perpendicular bisectors: check equal-radius intersections and midpoint

    Construct intersecting equal-radius circles for a horizontal segment and check the line through both intersections, excluding a degenerate single-point contact.

    10 min read

  2. VectorPaint translation and reflection: check each vertex coordinate and orientation

    Translate and reflect one asymmetric triangle, using vertex labels and lengths to distinguish a fixed-vector shift from a vertical-axis reflection.

    10 min read

  3. VectorPaint box plots: declare quartile and whisker conventions first

    Calculate a five-number summary for eight invented values, plot box and whiskers on one axis, and distinguish extreme-value whiskers from outlier conventions.

    10 min read

  4. VectorPaint each-edge-once trails: distinguish revisited vertices from repeated edges

    Check a complete trail on a five-edge undirected graph against an edge list, distinguishing repeated vertices from repeated edges.

    10 min read

  5. VectorPaint five-row Pascal triangles: check adjacent sums and row totals

    Arrange fifteen entries from the top row and check boundary ones, adjacent sums and five row totals without assuming automatic formula generation.

    10 min read

Arcs and dissection constructions

Construct Reuleaux arcs, an Archimedean spiral, two-round triangular cutouts, a three-four-five square and a shear dissection, checking arcs, areas and coordinates.

  1. VectorPaint Reuleaux triangles: distinguish constant width from a circle through three equal-radius arcs

    Construct a three-arc boundary from an equilateral triangle, checking radii, minor arcs and parallel supports while preserving manual-drawing precision limits.

    10 min read

  2. VectorPaint Archimedean spirals: increase angle and radius under one rule

    Draw two turns from nine specified samples,checking radial increase per turn and open endpoints without claiming an exact analytic path from smoothing.

    10 min read

  3. VectorPaint two-round triangle removal: check four holes and nine retained triangles

    Remove central midpoint triangles in two rounds,checking holes,retained pieces and area fractions separately without automatic fractal generation.

    10 min read

  4. VectorPaint three-four-five square dissection: check outer49 and central25

    Arrange four3-by4 right triangles in a side7 square,checking the central quadrilateral and areas rather than treating subtraction alone as shape proof.

    10 min read

  5. VectorPaint parallelogram dissections: fix base and perpendicular height before area

    Translate a left triangle to fill the right gap,checking area24 while distinguishing slant side,perpendicular height and bounding box.

    10 min read

Projections, networks and steps

Build unit-circle projections, factor trees, dependency graphs, a Gray-code cycle and an empirical distribution, declaring signed components, multiplicity, precedence and endpoint conditions.

  1. VectorPaint unit-circle projections: distinguish sine height from screen y

    Check six angle samples,vertical-axis projections and signs under one unit scale without treating projected height as a changed radius.

    10 min read

  2. VectorPaint factor trees for seventy-two: retain repeated primes and the leaf product

    Compare two decompositions through parent products and five final leaves,distinguishing internal nodes,primes and exponent notation.

    10 min read

  3. VectorPaint dependency diagrams: match arrows to feasible orders

    Record direct prerequisites for five fictional tasks,checking two feasible orders and a cycle counterexample without assuming automatic scheduling.

    10 min read

  4. VectorPaint three-bit Gray-code cycles: check one-bit neighbours and closure

    Arrange eight fixed-width codewords in a cycle,checking changed positions edge by edge and distinguishing indices,labels and ordinary binary counting.

    10 min read

  5. VectorPaint empirical cumulative steps: preserve duplicate jumps and endpoint inclusion

    Define the fraction of five observations no greater than x,checking right-continuous steps and a repeated-two jump without interpolation or automatic statistics.

    10 min read

Object connections and sectional diagrams

Use nib, calendar, nut, hourglass and paper-staple diagrams to check openings, pairing, cavities and sectional conventions.

  1. VectorPaint nib diagrams: join the central slit to the hole and paired tines

    Draw an axial nib and connected slit, distinguishing metal, hole and tip without turning decorative lines into repair or manufacturing specifications.

    10 min read

  2. VectorPaint three-ring desk calendars: thread page holes above a coherent stand

    Check three hole/ring pairs, page-turn occlusion and a triangular stand, using invented page labels rather than an unverified real calendar.

    10 min read

  3. VectorPaint hex-nut diagrams: separate six-sided outline, circular hole and section convention

    Construct a six-sided face and centred hole, then a separately labelled schematic section without manufacturing threads.

    10 min read

  4. VectorPaint hourglass schematics: connect two bulbs through one neck

    Separate glass outline, connected cavity and sand piles, checking a stationary state without inferring timing accuracy or granular flow.

    10 min read

  5. VectorPaint staple sections: align crown, two legs and underside bends

    Trace two legs through paper in a direction-labelled vector section, retaining hidden scope without real stapling or repair instructions.

    10 min read

Discrete counting and geometric rules

Construct honeycomb cells, Koch segments, a parabola, a minimum spanning connection and a magic square, independently checking edges, lengths, distances, weights and constraints.

  1. VectorPaint seven-cell honeycombs: distinguish side occurrences from unique edges

    Arrange a centre and six neighbours manually, checking twelve shared and thirty unique edges rather than counting overlapping strokes.

    10 min read

  2. VectorPaint one-step Koch paths: separate a 300-unit chord from a 400-unit route

    Replace a line with four equal segments, checking open endpoints, angles and finite length without claiming an infinite snowflake.

    10 min read

  3. VectorPaint parabola diagrams: compare focus distance and perpendicular directrix distance

    Check the focus/directrix definition with five samples and a wrong point, retaining canvas mapping and manual-curve precision limits.

    10 min read

  4. VectorPaint minimum spanning connections: cover five nodes before comparing four-edge totals

    Draw an undirected weighted graph, separating all-node connection from a shortest route and checking candidate totals ten and thirteen.

    10 min read

  5. VectorPaint order-three magic squares: check nine unique values and eight sums of fifteen

    Place one through nine and check three rows, three columns and two diagonals, using a changed-cell control to separate totals from positional constraints.

    10 min read

Wire, hinges and passages

Use paperclip, buckle, compass, watering-can and single-pulley diagrams to check continuous paths, holes, shared hinges and passages.

  1. VectorPaint paperclip paths: trace three turns between two endpoints

    Arrange three turns, parallel spacing and two endpoints on one open path, separating wire from surrounding gaps.

    10 min read

  2. VectorPaint buckle diagrams: match tang, strap hole and returning tail

    Manually construct a rectangular frame, hinged tang and returning strap, separating a through-hole from a surface dot.

    10 min read

  3. VectorPaint compass states: share a hinge and preserve needle/pencil identities

    Draw open and narrower compass states, matching hinge, legs and tips while distinguishing static construction from mechanical simulation.

    10 min read

  4. VectorPaint watering-can sections: connect cavity, spout and outlet

    Draw walls, reservoir, spout passage and fill opening separately, checking continuity without fluid simulation.

    10 min read

  5. VectorPaint single-pulley rope routes: join two straight runs through one upper semicircle

    Draw wheel, axle, support and an open rope route, checking tangency and occlusion without load analysis or lifting instructions.

    10 min read

Distance, tilings and cycles

Construct a trapezoid, two triangle circles, nearest-site regions, domino tilings and modulo-eight cycles, independently checking areas, distances, coverage and return counts.

  1. VectorPaint right trapezoids: distinguish a length-five midsegment from areas nine and eleven

    Construct a trapezoid from vertices and leg midpoints, checking area twenty and why the midsegment does not bisect its area.

    10 min read

  2. VectorPaint 3–4–5 triangles: check circumcircle vertices and incircle sides separately

    Draw both centres for one triangle, checking circumradius 2.5, inradius 1 and tangency locations.

    10 min read

  3. VectorPaint nearest-site regions: retain only genuine shared equidistance boundaries

    Manually draw Euclidean nearest-site regions, checking valid bisector rays, the triple-equidistance point and ties.

    10 min read

  4. VectorPaint 2×3 domino tilings: fix six cells and enumerate three layouts

    Draw three two-cell dominoes on fixed equal cells, using the upper-left cell to enumerate three complete nonoverlapping tilings.

    10 min read

  5. VectorPaint modulo-eight clocks: compare step-three coverage with two step-two cycles

    Draw fixed residues zero through seven and directed jumps, checking first return times and distinguishing chord crossings from nodes.

    10 min read