Custom Shapes

2 Minute read

Reading Time: 2 minute

Ceros’ blank canvas enables you to create bespoke content with virtually no boundaries, which provides you with endless creative freedom for your designs. We understand however, that sometimes, creativity may extend past the limits of the standard triangles, squares, and circles in our Shape Menu. But did you know that instead of jumping over to another design tool to create more customized elements, you can use our Pen Tool to create custom shapes right in Ceros?

To draw a custom shape:

  1. Select the Pen icon in your toolbar or press ‘P’.
  2. Click anywhere on the canvas and start to draw a line.
  3. To stop drawing the line, click again, hold the mouse down. Alternatively, you can hit the return key. You can create an open curve or a closed shape by clicking on the starting point.
  4. To create a curved line, also known as a bezier curve, click and hold the mouse down. As you move your cursor, you will get handles to adjust the curve. Note: To adjust just one handle of the curve, hold down ALT.
  5. When you’re finished with your shape, press ESC or ENTER to save the shape.

After you exit editing mode for your shape, you can still make edits:

  1. If your shape is saved and completed, you can re-enter edit mode by either double clicking on the shape or selecting the shape and pressing ENTER
  2. If the shape is an open curve (or line), you can double click on either the beginning or end point of that shape and continue to draw.
  3. If you’d like to add another point when editing a shape, simply hover over the edge of the shape, and when the plus sign appears, click to add it.

Note: To switch between normal and bezier curve mode, hold down OPT / ALT prior to clicking a point on your shape.

Formatting your shape:

  1. To format your shape, select the shape and navigate to the design tab.
  2. Here, you can alter the fill color (solid or gradient), opacity, stroke, and drop shadow.
  3. You can also resize and rotate the shape however you need.

And that’s it! You’ll now have a formatted custom shape for your Ceros experience. All custom shapes will function as SVGs, and you’ll be able to apply interactions and animations to the shape.

Was this helpful?

5 3
5 out of 8 people found this helpful