Rectangle Widget

Rectangle.png

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.

Property Settings

As seen above, select the "Rectangle" tab in the Property Panel to update this widget's following property types: Shape, Style and Pivot Point.

Shape

Screen_Shot_2020-01-03_at_3.44.51_PM.png

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.

Style

Screen_Shot_2020-01-03_at_3.44.56_PM.png

Fill - Color of the rectangle fill

Stroke Width - Width of the rectangle stroke

Stroke - Color of the rectangle stroke

Pivot Point

Screen_Shot_2020-01-03_at_3.45.00_PM.png

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

Comments

0 comments

Please sign in to leave a comment.