Shapes

Guide to creating rectangles, ellipses, lines and custom shapes.

---

Core Shapes

Shape Tools

Tool	Shortcut	Shape
Rectangle	R	▢ Square / rectangle
Ellipse	E	● Circle / oval
Line	L	— Straight line
Polygon	P	⬡ Multi-sided polygon
Star	-	Star shape

---

Creating a Shape

---

Fill and Stroke

Fill

Type	Description
Solid Colour	Single-colour fill
Gradient	Linear or radial colour transition
Pattern	Repeating image fill
None	Transparent / empty fill

Stroke

Thickness: [2] px
Colour: [#333333]
Style: ● Solid ○ Dashed ○ Dotted
Corner: ● Sharp ○ Rounded ○ Bevelled

---

Rectangle Settings

Corner Radius

You can assign a separate radius to each corner:

┌─────────────────────┐
│  Top Left: [8] px   │
│  Top Right: [8] px  │
│  Bottom Right: [8] px │
│  Bottom Left: [8] px│
└─────────────────────┘

Drawing a Square

• Hold Shift while drawing
• Width stays equal to height

---

Ellipse Settings

Drawing a Circle

• Hold Shift while drawing
• The tool keeps a perfect circle

Arc

To create a pie slice or an arc:

• Start angle: 0° - 360°
• End angle: 0° - 360°

---

Line Settings

End Caps

Style	Appearance	Typical Use
Flat	───	Standard line
Arrow	───	Show direction
Circle	●──	Connection point
Square	■──	Technical illustration

Line Style

● Solid    ───────────
○ Dashed   ─ ─ ─ ─ ─ ─
○ Dotted   ····················
○ Mixed    ─ · ─ · ─ · ─

---

Polygons and Stars

Polygon Settings

Setting	Range
Number of sides	3 - 50
Corner radius	0% - 100%

Star Settings

Setting	Range
Number of points	3 - 50
Inner radius	10% - 90%

---

Editing Shapes

Direct Editing

Double-click a shape to enter edit mode:

• Drag anchor points
• Add new points
• Delete existing points

Boolean Operations

Select two or more shapes:

Operation	Result
Union	Merge shapes into one object
Subtract	Remove the top shape from the bottom one
Intersect	Keep only the overlapping area
Exclude	Remove the overlapping area

---

Quick Shapes

Add these common shapes quickly:

Shape	Typical Use
Checkmark	Lists and confirmations
Cross	Errors or cancellations
Arrow	Directional hints
Heart	Decorative artwork
Star	Ratings and emphasis

---

Tips

Pro tip: Hold Space while drawing to reposition the shape before you release the mouse.

Pro tip: Drag directly on the shape to set the angle of a gradient fill.

---

Previous: ← Image Tools | Next: Layer Management →