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

Language: en
Canonical: [VectorPaint open umbrellas: connect ribs, panels and shaft through one apex](<https://allluckly.cn/en/guides/vectorpaint-umbrella-panel-ribs/>)
中文：[中文 HTML](<https://allluckly.cn/guides/vectorpaint-umbrella-panel-ribs/>)
English: [English HTML](<https://allluckly.cn/en/guides/vectorpaint-umbrella-panel-ribs/>)
Published: 2026-11-05T00:00:00+08:00
Modified: 2026-11-05T09:38:59+08:00
Author: Bison

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

English translation of the [Chinese original](<https://allluckly.cn/guides/vectorpaint-umbrella-panel-ribs/>), translated on 2026-11-05. Original publication dates, attribution, code and version notes are retained.

An umbrella’s coloured panels should extend from a shared apex rather than arbitrary patches inside a semicircle. Draw an original open umbrella, concentrating on apex, ribs, scalloped rim and shaft correspondence. This editable illustration neither simulates opening mechanics nor provides a real canopy cutting or load-bearing plan.

## Define the apex and visible rim points

Create a 1000 by 900 pixel canvas. Mark apex A above and a shallow rim-reference arc below, with five visible endpoints. Connect A to each using thin references and inspect outer extents and shaft space. Five endpoints describe the visible drawing, not the total rib count of every umbrella. Keep an oblique front-side view rather than mixing a top-down radial canopy with an unrelated side-view shaft. Retain draft IDs so the later scalloped rim returns to actual connections instead of shifting endpoints merely for appearance.

## Use continuous contours for the raised canopy

Build the upper contour from left rim through A to right rim with nodes at necessary turns, avoiding an exaggerated spike at the apex. Between neighbouring endpoints, draw gentle inward scallops, placing an outward point at each rib end. Join arcs to rib ends without unexplained extra corners midway. Inspect a single closed fill for self-intersections before strokes. Perspective can make scallop widths differ in pixels, but ownership must remain clear; a heavy outer line cannot conceal mismatched endpoints.

## Connect each panel from the same apex

Treat each region between adjacent ribs as a panel, closing its path through A, rim endpoints and scallop. Use a few alternating colours. Shared edges should meet without white seams or doubled heavy strokes. Hide ribs to inspect fills and exposed gaps, then restore boundary lines. If a rear panel appears only as a sliver, distinguish it from front panels without counting it as another full panel. Audit visible panel count rather than adding ribs to improve a colour sequence. No automatic panel generator is assumed; these are independently maintained paths.

## Separate rib and shaft visibility

Extend each rib from A to its assigned endpoint, with restrained curvature along the canopy rather than a jump to another panel’s end. Draw the shaft from beneath the apex in one defined direction, adding its hooked handle separately and retaining sources behind occlusion. Define which inner lines are visible instead of placing every rib in front as black strips pasted on the shell. Temporary colours help detect accidental shaft/rib mergers. The hook supports recognition, not a real material specification; clarify attachments before highlights.

## Move one rib endpoint and inspect both neighbours

In a copy, move one middle rib endpoint slightly down. Record the change and inspect that rib, both adjacent panels and both neighbouring scallops. Moving only the rib leaves it outside the old rim; changing only one panel leaves a gap in the other. Keep A fixed and compare through the same references. If paths do not actually share linked nodes, update each rather than assuming automatic following. Restore or separately save the test and remove obsolete edges. This local change reveals dependencies more clearly than scaling every panel together.

## Inspect the rim and crowded apex at small size

At target size, inspect ribs merging into a large dark apex. Reduce inner stroke weight rather than scattering their shared apex. For jagged-looking scallops, simplify curvature and strokes instead of deleting rib ends arbitrarily. Maintain shaft readability against dark panels through value or local placement without breaking attachment. Inspect the silhouette for an open umbrella rather than a fan. Name simplified versions separately and preserve the larger source. Recount panels and endpoints after edits so small-output adaptation cannot silently change structural counts.

## Save structural sources and check output backgrounds

Retain apex references, complete panels and covered shaft sources; hide draft point IDs in final output. Inspect transparent PNG edges and inner lines on light and dark backgrounds, managing real background objects explicitly. Name open umbrella, view and revision and reopen the file to exclude test ribs. A real product description requires its own rib-count and structure verification; this original illustration explains only its own image relationships. For editable delivery, identify panels and ribs as separate so panel changes prompt adjacent-object updates.

## Trace incorrect panels back to endpoint IDs

For colour crossing a wrong region, trace both panel boundaries from A to endpoint IDs and check for a neighbouring rib mistakenly used. Find an unexplained rim point in the endpoint list rather than smoothing away evidence. For a floating shaft, inspect attachment and occlusion instead of moving the whole umbrella to conceal gaps. Reduce weight and duplicated strokes at a dark apex rather than randomly shortening ribs. Recheck silhouette, flat panels, rib/shaft relationships and output. Structure should be explainable, not merely recognisable through bright colours.

## Related tutorials and sources

[Edit Bézier nodes in VectorPaint: smooth curves without adding anchors](<https://allluckly.cn/en/guides/vectorpaint-bezier-nodes/>), [VectorPaint fills and strokes: clear colour areas and consistent lines](<https://allluckly.cn/en/guides/vectorpaint-fill-stroke/>).

Sources checked on November 5, 2026: VectorPaint 1.0.8, requiring iOS / iPadOS 17 or later. Capability scope follows the [official App Store description](<https://apps.apple.com/cn/app/id1587272880>) and [Apple public version lookup](<https://itunes.apple.com/lookup?id=1587272880&country=cn>). These are exercises and checks you can perform, without a claim of step-by-step physical-device testing or verification in every target environment. Example content is instructional; follow the controls in your installed version.