How do I Add text on my Product design template and format it?

Click on add text

As soon as you click on add new text on canvas or click on an existing text, Text Options toolbar will open.

Following are the options available:

General

  • Font Face / Type

    Font: Change the font face

    You can change the font face / type by this option. Click on the drop-down and select the font from the list.

  • Bold

    Bold: Make selected text bold

    Clicking on this option will make the selected text bold.

  • Italic

    Italic: Italicize the selected text

    This option makes the selected text italic.

  • Underline

    underline: underline the selected text

This option will underline the selected text

  • Font Size

    Font Size: Change the font size

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

  • Font Size Slider

    Font Size Slider:Drag to Change Font Size

    You can change the font size by dragging the slider handle of Font Size Slider. Press the left click, and drag the handle by keeping it pressed, and leave it when you reach the required size.

  • Color and Stroke

    • Fill Color

      Fill Color:Fill color inside text

      Use this option to fill the color inside the text

    • Stroke Color

      Stroke Color:Change stroke/outline color

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

    • Border Color

      Border Color:Change Text Border color

      Use this option to change color of text border.

    • Change Opacity

      Change Opacity:Change opacity of text

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

    • Change opacity Slider

      Change opacity Slider:Drag to Change Opacity

      You can change the opacity by dragging the slider handle of opacity Slider. Press the left click, and drag the handle by keeping it pressed, and leave it when you reach the required Opacity.

    • Stroke Width

      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 text will be changed. Alternatively, you can click on up-down arrows to increase / decrease stroke width in steps.

    • Blur

      Blur:Makes text blur

      Use this option to add blur effect to your text. Click on the text box, type the new value and press enter – effect will be changed

    • Blur Slider

      Blur Slider:Drag to change blur effect

      You can change the blur effect by dragging the slider handle of blur Slider. Press the left click, and drag the handle by keeping it pressed, and leave it when you reach the required Opacity.

    Alignment

    • Left, Centre, Right Alignment

      Align text to left
      Align text centre
      Align text to right

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

    • Top, Middle, Bottom Alignment

      Align text to top
      Align text middle vertically
      Align text to bottom

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

    • Bring to Front

      Bring the selected text in front of all other objects

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

    • Send to Back

      Send the selected text behind all other objects

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

    • Left, Centre, Right Text Alignment

      Aligns entire text to left
      Aligns entire text in center
      Align entire text to right

      Clicking on this option aligns entire text to left centre and right of page.

    Advanced

    • Lock Text

      Lock text for editing

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

    • Rotation Angle

      Rotate text

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

    • Rotate Slider

      Use slider to rotate text

      You can change the rotate angle by dragging the slider handle of rotate Slider. Press the left click, and drag the handle by keeping it pressed, and leave it when you reach the required angle.

    • Unlock Text

      Unlock text for editing

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

    • X, Y Coordinates [Text Position]

      Set X coordinates for top left corner of text
      Set Y coordinates for top left corner of text

      X and Y coordinates determine the position of text on canvas. X and Y specify x and y coordinate of top left corner of text box. Click on the text box of any of X or Y, type the new value and press enter – top left corner of text 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.

    in Online Design Tool