Vector Networks

Vector Networks extend traditional path editing by allowing points to connect to more than two segments. Unlike standard paths that form a single continuous line, vector networks can branch, creating complex interconnected shapes in a single object.

Traditional Paths vs Vector Networks

Traditional Paths	Vector Networks
Points connect to max 2 segments	Points can connect to any number of segments
Linear path order	Branching allowed
Must use multiple paths for complex shapes	Single object with branches
Easier to understand	More flexible but complex

When to Use Vector Networks

• Complex Icons - Icons with internal lines (e.g., grid icons)
• Diagrams - Flowcharts, org charts, connection diagrams
• Maps - Road networks, subway maps
• Letter Forms - Connected typography
• Decorative Patterns - Celtic knots, geometric patterns

Creating Branching Paths

1. Enter path edit mode (double-click a path)
2. With the Pen Tool, click on an existing segment
3. A new point is added on that segment
4. Continue drawing from that point to create a branch
5. The branch connects to the existing path

Connecting Paths

Connecting separate paths into vector networks is a planned feature.

Current workflow:

1. Select two separate paths
2. Enter edit mode
3. Select an endpoint from each path
4. Use the path editing tools to manually merge endpoints

Editing Vector Networks

Selecting

• Click points to select them
• Shift-click to add to selection
• Use Lasso for complex selections
• Click segments to select entire segments

Moving Points

• Drag selected points to move them
• All connected segments update
• Hold Shift for constrained movement

Deleting

• Delete a point - connected segments merge or become open
• Delete a segment - points remain, segment removed
• Press Delete or Backspace

Fill Rules

How fills work with intersecting paths:

• Non-Zero - Fills based on winding direction
• Even-Odd - Alternates fill at each boundary

Access fill rule in the Properties panel when path is selected.

Converting to Standard Paths

To convert a vector network to regular paths:

1. Select the vector network
2. Right-click and choose "Outline Stroke" or "Flatten"
3. Branches become separate closed paths

Tips

• Plan complex networks before drawing
• Use the Layers panel to understand structure
• Color-code segments while editing for clarity
• Zoom in for precise connections
• Use grid and snap for aligned networks

Common Issues

• Unexpected fills - Check fill rule setting
• Can't close path - May already be a network; look for branches
• Selection confusion - Use Layers panel to select specific segments