Shape Customization

Basic shapes

The shape library includes 28 different types of shapes.

Limitations:

• For all shapes except the square, the corner radius cannot be changed individually for each corner. The radius changes uniformly for all corners through the Border Radius setting.
  • For these types of shapes, the radius cannot be changed.
    
    
     
• Shadow - the shadow size adjustment setting is unavailable for all types except the square.

Background

Background color - select from solid or gradient color.

To set the solid background color click on the color picker. Use the slider to adjust the opacity.

To set the gradient background color click on the color picker for each color. Use the slider to adjust the opacity.

There are 5 colors on 1 gradient layer.

Use the “Transition” option to change their location.

Border

Border width (px)  - to adjust the width of border from 0px to 50px.

 

 

Border color  - to adjust the border color click on the color picker. Use the slider to adjust the opacity.

 

 

Stroke Style - add the various types of the border like points or dotted lines.

 

Radius is used to adjust the rounded edges of the border from 0px to 999px.
Adjust edges together or separately from each other.

 

 

Shadow Shape

Angle - adjust the angle of the direction of the shadow.

Distance (px) - adjust the distance of the shadow from the text from 0px to 100px.

Size (px) - to adjust the size of button shadow from 0px to 100px. 

Blur (px) - a visual effect that makes the shadow appear fuzzy or out of focus.

Shadow color - to set the shadow color click on the color picker. Use the slider to adjust the opacity.