Modify the appearance of a Rectangle

You can modify the appearance of the objects that you draw on the artboard by changing their color, their size, and other properties. This topic shows you how to work with brushes to apply color to a rectangle.

  1. In the Objects and Timeline panel, select your rectangle object.

    An alternative method of selecting objects is to click Selection Cc296375.2ff91340-477e-4efa-a0f7-af20851e4daa(en-us,Expression.30).png in the Tools panel and then click the object on the artboard.

  2. In the Properties panel, under Brushes, select the Fill property.


    The Fill property refers to the appearance of the inside of the rectangle object. Notice the other properties under Brushes. The Stroke property refers to the border around the rectangle, and the OpacityMask property can be used to make part of the rectangle object transparent. The properties under Brushes change depending on the type of object selected.

  3. Select Gradient brush Cc296375.91fb0c61-7b3b-4ae7-8a59-760e625e3bd7(en-us,Expression.30).png to change the type of brush.


    Under Editor, you can select the color of each of the gradient stops Cc296375.a3c9e482-e99b-4504-8a02-9507487d1791(en-us,Expression.30).png on the color bar. Select the left gradient stop, and then click inside the color picker to change the color to red. Change the right gradient stop to purple.


    You can add other gradient stops by clicking the gradient bar. You can also change from a linear gradient Cc296375.bd5eefed-9628-4363-be5d-29bfb5962175(en-us,Expression.30).png to a radial gradient Cc296375.4279aa9a-15c2-4435-9937-6848afc38618(en-us,Expression.30).png by clicking the buttons at the bottom of the Brushes category. To remove gradient stops, drag them off the gradient bar.

  4. With the Fill property of the rectangle object still selected, select Brush Transform Cc296375.8dc54a0d-02cc-44cd-b802-5a78309f4503(en-us,Expression.30).png in the Tools panel. A blue arrow appears on the artboard showing the direction of the gradient brush and its endpoints.


    If you do not see a blue arrow, you might not have the rectangle object selected, or you might not have a brush property selected. The Brush Transform tool will only appear if a brush is selected.

  5. Use your mouse to move the endpoints of the blue arrow so that it is half its original length.


    You can also rotate the arrow or move the center point.

  6. In the Properties panel, under Brushes, click the gradient bar to add more gradient stops and change their colors. Alternatively, you can click on the blue arrow on the artboard to add gradient stops.

  7. Click Selection Cc296375.2ff91340-477e-4efa-a0f7-af20851e4daa(en-us,Expression.30).png again, select your rectangle object, and then, on the artboard, move your pointer over the blue handles around the rectangle. The pointer changes to indicate what modification can be done. When you see a slash with two triangles, drag your pointer to skew the rectangle object.


    You can rotate, scale, move, skew, and flip any object by dragging the handles on the artboard, or by changing the properties under Transform in the Properties panel.

Next steps

Community Additions