When using Interactive, you can add shapes to your overlay to give organized structure to your interactive overlay.
To add a shape to your interactive overlay:
- Open the overlay editor.
- Select either the Rectangle or Circle button on the left-hand side to add these shapes to your overlay.
- Drag and drop the container corner to resize your shape.
- Drag and drop on top of the shape to position it.
You can further customize your shape by selecting it and using the settings panel on the right side. There are two tabs: Regular and Hover. Regular are settings for the shape's normal state; Hover includes settings for what the shape looks like when a viewer hovers their cursor over the shape.
Under both tabs, you can modify the selected shape's color, radius (for rectangles), stroke color and weight, position, and size. You can also give it a clickable action (Open URL, Jump to a time in the video, or Close overlay).