The Rectangle Widget can be used to create various overlay elements in the Composition, primarily as rectangular backgrounds behind text, image or video elements.

To learn how to add a Widget to your Composition, click here.

Remember, any underlined widget properties can be connected to a Control Node or a Data Node.


As seen above, select the "Rectangle" tab in the Property Panel to update this widget's following property types:



Width - Width percentage of the rectangle

Height - Height percentage of the rectangle

Bevel Style - Flat, Outside or Inside bevel options

Bevel Size - Bevel percentage size. This will appear differently depending on the selecte Bevel Style

Render Style - Filled or Outlined render style

Outline Width - Outline width percentage. Only applicable if Outlined is chosen as the Render Style

Although you can adjust the width and height in the Shape box, we recommend doing this in the Size tool within the Transform tab, to keep things simple and consistent between various widgets.



Fill - Color of the rectangle fill

Stroke Width - Width of the rectangle stroke

Stroke - Color of the rectangle stroke

Pivot Point


X - Left, Center and Right horizontal pivot position options

Y - Top, Center and Bottom vertical pivot position options


Was this article helpful?
0 out of 0 found this helpful



Please sign in to leave a comment.