Shapes and Drawing

You can easily add or change shapes on your design from the Shapes section that is located on the right section of the Editor.

Please see below the shapes basic options available on PixTeller.

  • Add regular shape
  • Add various shape
  • Set the shape background color
  • Shape resize
  • Shape position
  • Shape filters
  • Drawing

Add regular shape

You can easily add regular shapes to your designs by following the next steps:

  1. 1. Open the Shapes section.
  2. 2. Press the Rectangle/Triangle/Circle button and a 100px width icon will be added in the upper left corner of your design page.
Add regular shape

Add various shape

You can choose to add almost any type of shapes you want. We have a great variety of shapes available on PixTeller. In order to do this, you need to follow the next steps:

  1. 1. Open the Shapes section.
  2. 2. Press the Heart button and the Shapes list panel will open.
  3. 3. Search and choose the icon you want to use for your design
  4. 4. By pressing the desired shape, a 100px width shape will be added in the upper left corner of your design page.
Add various shape

Set the shape background color

In order to change your shape background color, you will have to:

  1. 1. Click on the shape you want to select.
  2. 2. Click on the Color located on the Shapes section.
  3. 3. Choose between Solid, Linear or Radial color and set your preferred color.
  4. 4. Press the Ok green button to update the background color.
Change the shape background color

Shape resize

There are two options to resize the shapes you used in your design.

Option [1] - using your mouse which has a low accuracy:

  1. 1. Click on the shape to select.
  2. 2. Keep pressing on the shape selection points and move your cursor to resize the shape accordingly.

Option [2] - advanced mode by typing the exact values which has high accuracy:

  1. 1. Click on the shape to select.
  2. 2. Type in the appropriate values in width/height input that is located in the Shapes section and your icon will resize according to the new dimensions.
Resize shape

You can constrain proportions (keep aspect ratio) of a shape by checking the Keep ratio option located in the left of width/height inputs, under the Shape section.

Resize shape inputs and keep aspect ratio button

Shape position

You have two options in order to move your shapes in your design page.

Option [1]

  1. 1. Click on the shape you want to select.
  2. 2. Press on the shape selection area and move/drag it accordingly. Also, you may find the guidelines useful.

Option [2]

  1. 1. Click on the shape you want to select.
  2. 2. Type in the appropriate values in X/Y position input that is located in the Shapes section and your icon will change its position according to the new coordinates.
Move shape

The page origin (0,0) locates the shape in the upper right corner of your design page.

Shape filters

In order to set or change the shape filters, you must follow the steps below:

  1. 1. Click on the shape you want to select.
  2. 2. Click on the Filters button that can be found under the Shape section in order to open the filters panel.
  3. 3. Change the Border, Blur, Shadow, Skew, Brightness, etc values and your shape will be updated accordingly.
Shape filters button

We try to keep the PixTeller Editor constantly updated to new trends, by always bringing new filters and effects to choose from.

Drawing

PixTeller makes it easy to draw on your design. In order to do this, you will need to follow the steps below:

  1. 1. Press the Drawing button in order to open the draw panel.
  2. 2. Click on Line/Pencil tool to enter in drawing mode.
  3. 3. Click on Color to choose the color of your draw.
  4. 4. Set up the Line size of your drawing.
  5. 5. Click on Line type in order to change it.
  6. 6. Start drawing in your work area design page.
  7. 7. Click the Stop drawing [X] button once you want to stop drawing and exit the drawing mode.
Drawing on PixTeller editor