Home > Articles

  • Print
  • + Share This
Like this article? We recommend

Applying a Gradient

Now you can apply a gradient to the rounded rectangle that you drew.

Begin by clicking the rectangle to select it. You know the rectangle is selected because four blue squares appear around the edges (refer to Figure 4).

In the Property inspector, select Linear from the Fill dropdown menu, as shown in Figure 5.

Figure 05Figure 5 Selecting the Linear Fill option.

Now select the colors to be used for the gradient. Next to the Fill dropdown menu, click the color fill box, as shown in Figure 6.

Figure 06Figure 6 Clicking the color fill box to customize the gradient.

Clicking the color fill box makes a gradient dialog box appear. Click the black color chip, as shown in Figure 7.

Figure 07Figure 7 Accessing the gradient box.


A dialog box with many colors appears. Select the color blue, as shown in Figure 8, which allows you to apply a blue-to-white gradient.

Figure 08Figure 8 Selecting the color blue for a blue-to-white gradient.


To apply the gradient to the rounded rectangle you drew earlier, click and drag from the top edge of the rectangle to the bottom edge. When you release your mouse button, the gradient is applied to the rectangle, as shown in Figure 9.

Figure 09Figure 9 Applying a gradient to a rectangle.


  • + Share This
  • 🔖 Save To Your Account