Help Center
Products

Adding shapes: Rectangle & Circle

Use Rectangle and Circle elements for backgrounds, bars and badges, with solid or gradient fill and corner radius.

TutorialBeginnerUpdated

Shapes are the building blocks for backgrounds, bars, and accents. Drag a Rectangle or Circle from the Elements panel onto the canvas.

A rectangle and a circle placed on the canvas
Rectangle and Circle shapes on the canvas.
The Inspector showing fill and border radius settings for a rectangle
Shape properties in the Inspector.

Rectangle

Use rectangles for lower-third bars, panels, and backgrounds.

Inspector properties:

  • Fill: Solid or Gradient, with a color picker and opacity.
  • Border Radius: round the corners (uniform or Individual per-corner).
  • Plus Transform, Connections, Effects, Mask, and Animation.

Circle

Use circles for avatars, dots, badges, and bug backgrounds.

Inspector properties:

  • Fill: Solid or Gradient plus color.
  • Shape > Lock Aspect Ratio: on by default to keep it a perfect circle; turn off to make an ellipse.
  • Plus Transform, Connections, Effects, Mask, and Animation.
More in Helmo Graphics

Getting started

Editor interface

Working with elements

Subcompositions and animations

Live data and styles

Output and deployment

Troubleshooting