How to add object on canvas and format it?

Object (Line / Ellipse / Rectangle / Path) Options

As soon as you add new object on canvas or click on an existing object, Object (Line / Ellipse / Rectangle / Path) Options toolbar will open.

Following are the options available:

Color and Stroke

  • Fill Color

    Fill color inside object

    Use this option to fill the color inside the object

  • Stroke Color

    Change stroke/outline color

    Use this option to change stroke / outline color of object.

  • Change Opacity

    Change opacity of object

    Use this option to change opacity of object. 100 means object is completely opaque, 0 means it is transparent.

  • Stroke Width

    Change stroke/outline width

    You can change the stroke width by this option. Click on the text box, type the new width and press enter – stroke width of object will be changed. Alternatively, you can click on up-down arrows to increase / decrease stroke width in steps.

Alignment

  • Left, Centre, Right Alignment

    Align object to left
    Align object centre
    Align object right

    Clicking on this option aligns the object to left, centre, or right of page (horizontally).

  • Top, Middle, Bottom Alignment

    Align object to top
    Align object middle vertically
    Align object to bottom

    Clicking on this option aligns the object to top, middle, bottom of page (vertically).

  • Bring to Front

    Bring the selected objects in front of all other objects

    Use this option to bring the selected object in front of every other object on canvas.

  • Send to Back

    Send the selected object behind all other objects

    Use this option to send the selected object behind every other object on canvas.

Effects

  • Blur

    Change Gaussian blur value

    You can change the Gaussian blur value of selected object using this option. Click on the text box of blur value, type the new value and press enter – blur value of object will be changed. Alternatively, you can click on up-down arrows to increase / decrease blur value in steps.

Advanced

  • X, Y Coordinates [Object Position]

    • CX, X Coordinates

      Set X coordinates for top left corner of object
    • CY, Y Coordinates

      Set Y coordinates for top left corner of object

    X and Y coordinates determine the position of object on canvas. X and Y specify x and y coordinate of top left corner of object box. Click on the text box of any of X or Y, type the new value and press enter – top left corner of object selection box will be shifted to (x,y) position. Alternatively, you can click on up-down arrows to increase / decrease X, Y values in steps.

  • X, Y Coordinates – Line Position (Only for line, not for other objects)

    • X1, X2 Coordinates

      Set X coordinates of line
    • Y1, Y2 Coordinates

      Set Y coordinates of line

    x1 and y1 specify x and y coordinate of starting point of line. X2 and y2 specify x and y coordinate of end point of line. Click on the text box of any of X or Y, type the new value and press enter – starting-point or end-point of line will be shifted to new (x,y) position. Alternatively, you can click on up-down arrows to increase / decrease x, y values in steps.

  • rx, ry Horizontal and Vertical Radii (Only of ellipse, not for other objects)

    • RX Radii

      Set horizontal radius – ellipse
    • RY Radii

      Set vertical radius – ellipse
    • R Radii

      Set radius – circle

    rx and ry (only r for circle) determine the horizontal and vertical radius for the ellipse. Click on the text box of any of rx or ry, type the new value and press enter – radii will change as per new value. Alternatively, you can click on up-down arrows to increase / decrease rx, ry values in steps. For circle, only one value ‘r’ is required as in circle – rx=ry (=r).

  • Width (Only for rectangle and image, not for other objects)

    Set width

    Click on the text box of width, type the new value and press enter – width of rectangle will change as per new value. Alternatively, you can click on up-down arrows to increase / decrease width values in steps.

  • Height (Only for rectangle and image, not for other objects)

    Set height

    Click on the text box of height, type the new value and press enter – height of rectangle will change as per new value. Alternatively, you can click on up-down arrows to increase / decrease height values in steps.

  • Rectangle Corner Radius (Only for rectangle, not for other objects)

    Set rectangle corner radius

    Click on the text box of rectangle corner radius, type the new value and press enter – corner of rectangle will change to rounded corners and their radii will be equal to new value entered. Alternatively, you can click on up-down arrows to increase / decrease corner radius values in steps.

  • Rotation Angle

    Rotate object

    You can change the rotation angle of selected object using this option. Click on the text box of rotation angle, type the new value and press enter – object will be rotated with the specified angle. Alternatively, you can click on up-down arrows to increase / decrease rotation angle in steps.

  • Convert to Path

    Convert object to path

    Click on this button and then double click on object to convert it to path. You can now change the shape of object by clicking on nodes of path and dragging the mouse. This will convert the current Options Pane to Path Options.

Lock or Delete

  • Lock Object

    Lock object for editing

    Use this option if you want to lock any object for editing. The locked object cannot be changed; no characters can be added or deleted. All the editing options will be disabled, object cannot be moved or resized, and no editing will be possible.

  • Unlock Object

    Unlock object for editing

    Once you click on ‘Lock Object’ button, object is locked and this button changes to ‘Unlock Object’. Clicking on this button will unlock the object again for editing. The object can now be changed; characters can be added or deleted. All the editing options will be enabled, object can be moved or resized, and editing will be possible.

  • Delete

    Delete selected object

    Clicking on this button will delete the object permanently.

in Online Design Tool