Style a Shape

Easily customize the way a shape looks by changing the shape size, shape color, border color, or border thickness. This tutorial will also explain how to lock your shapes to the canvas.

  1. Select the shape by clicking on it.
  2. Grab a corner of the shape and drag to resize it. You can also change the width and height in the Shape Metrics panel of the Properties Bar.

    Change ShapeChange shape in Properties Bar
  1. Select the shape by clicking on it.
  2. Adjust the line thickness in the Properties Bar.

    Border Thickness

To change the color of a shape, follow these steps:

  1. Select a shape by clicking on it.
  2. Click on the "Fill Color" icon in the Properties bar.

    fill_color_icon.png
  3. Select the color you want by clicking on the corresponding color swatch.

    change_color_of_a_shape.png

    Alternatively, click on the color wheel to manually pick a color by adjusting the HSB and RGBA values in your color space, or by typing the hexidecimal code of the color you desire into the text box next to the # symbol.

    color_picker.png

    See below for instructions on how to identify the RGB values of a color that is already used in your diagram.
  4. Select your desired opacity by moving the blue dot horizontally across the OPACITY bar or by inputting a percentage to the box on its right.

To identify the color of an object on your canvas, click on the wand to the left of the color wheel.

wand_icon.png

A magnifying lens containing a grid will appear on your canvas. Hover over the object in question and the RGB coordinates of its color will display within the magnifying lens.

shape_color_picker.png

  1. Select the shape by clicking on it.
  2. Click on the line color box on the Properties Bar to open the color picker.

    Color Picker

To apply a simple gradient:

  1. Select the shape by clicking on it.
  2. Click the “Fill” box on the Properties Bar.
  3. Click “More.”
  4. Select the “Linear” or “Radial” to customize the gradient of the existing color.

    Simple Gradient

To apply an advanced gradient:

  • Add and modify colors in the gradient bar. Click anywhere along the bar to add more colors and slide markers to change the intensity.

    Advanced Gradient
  • Modify the gradient using the sliders. Click and drag a slider left or right to adjust color location. Single-click a slider to adjust its color. Click anywhere below the gradient bar to add an additional color stop. You can add multiple color stops.
  • The angle and placement of the gradient can also be customized.

    Radial Gradient
  1. To change the style of the shape in the diagram, right-click on the shape.
  2. Select “Change Shape” from the menu.
  3. Choose the new shape you wish to use from the list of shapes.

    Change Shape

To change the default style of the shapes added to your diagram:

  1. Click on the canvas to un-select objects.
  2. Choose a style from the Properties Bar.

Any new shapes added to the document will display this chosen style.

  • Select the shape by clicking on it.
  • Right click on the shape and select “Lock” or click the lock symbol on the Properties Bar.

    Lock Shape