Adding Custom Shapes in Editor

 

 

The shape tool is a quick way to add these extra elements to your Experience. Whether it’s a background shape, an accent to make the design stand out, or even a button - shapes are versatile in the design process and easy to add and edit in Editor. 

Adding Shapes

1. In the Toolbar, select the Shape tool
2. Select the desired shape
   1. Rectangle
   2. Triangle
   3. Oval 
   4. Right Angle
   5. Line
3. Draw out the shape on the Canvas 

Editing Shapes

1. Click on the desired shape to select it and open the Design Panel
2. Make desired edits to the shape 
   1. Position
   2. Dimensions
   3. Fill Color
   4. Opacity 
   5. Stroke
3. Or, select the “Advanced” toggle to access the more robust formatting options, including:
   1. States
   2. Rotation
   3. Corner Radius
   4. Shadow

Editing Custom Shapes

Editor allows you to edit Custom Shapes in the Experience. Custom Shapes are created using the Pen tool in the Studio. Editing these Custom Shapes is useful if you need to adjust the size, shape, color, and shadow of the shape. 

Editing in the Design Panel

1. Click on the desired custom shape to select it and open the Design Panel
2. Make desired edits to the custom shapes
   1. Fill Color
   2. Stroke
3. Or, select the “Advanced” toggle to access the more robust formatting options, including:
   1. States
   2. Rotation
   3. Opacity
   4. Shadow

Adjusting the custom shape size

1. Double-click on the selected custom shape; this will show all of the points used to create the shape
2. Select one of the circle points and move it to adjust the shape of that point
3. Hold Option/Alt and click on a point to convert the point to a bezier curve.