Skip to main content

πŸ”· Using Shapes

Learn how to add and customize shapes in your CreativeOS designs.

Updated over 6 months ago

✨ Overview

CreativeOS provides a wide variety of shapes to enhance your designs β€” from lines and arrows to circles, squares, and more. Shapes are versatile elements you can customize to match your creative needs.


🧭 To use a shape

  1. On the Editor sidebar, click Shapes.

  2. Click the shape you want to add. It will appear on your canvas.


🎨 Editing Shapes

Once a shape is on your canvas, click it to reveal the toolbar above the canvas. Here’s what you can do:

  1. Change Shape Color

    • Click the color square to pick a new fill color.

    • Use the color picker, enter a hex code, or select from recent colors.

  2. Toggle Outline Only

    • Switch the shape between a filled shape and an outline-only version.

  3. Add Border Color

    • If the shape has a border, click the border color square to choose a new color.

    • This option is available if a Border weight or style is set for a shape

  4. Change Border Weight and Style

    • Adjust the thickness of the border.

    • Switch between solid, dashed, or dotted border styles.

  5. Adjust Corner Rounding / Radius

    • Smooth out corners of rectangles or squares to create rounded edges.

    • Drag the corner radius slider or enter a value for precise rounding.

  6. Edit Layer Position

    • Bring the shape forward or send it backward relative to other elements.

    • Useful for layering multiple shapes, icons, or images.

  7. Adjust Transparency

    • Make your shape more transparent or fully opaque using the opacity slider.

  8. Lock Shape

    • Lock the shape in place to prevent accidental edits or movements.

    • Unlock at any time to make changes.


πŸ’‘ Tips

  • Use shapes to structure your designs, create emphasis, or add decorative elements. Lock shapes that are part of your layout to prevent accidental movement while editing other elements.

  • Combine multiple shapes and layer them to create complex designs. Use transparency and layer positioning to achieve depth and visual hierarchy.

Did this answer your question?