Skip to main content

Skin Editor Canvas

The Canvas is where all the elements (images, buttons, etc.) are placed and arranged. Consider it your workspace for designing your skin.

Add an element to the canvas

To add an element to the Canvas, do one of the following:

  • Click on a tool in the toolbar and then click in the canvas.

  • Drag an image, sound or button image into the canvas.

  • In the menu, go to Elements and choose the element type, then click in the canvas. The element will be placed in the canvas and in the Tree.

Change the size of the canvas

Do any of the following to change the canvas size:

  • When no elements are selected, the properties of the canvas appear
    in the Properties section on the right.

  • Use Zoom. Select from the Zoom in the toolbar a zoom percentage.

Select more than one element

Select elements in the Canvas by doing one of the following:

  • Drag over the elements. The first element that is hit by the cursor, will be the active element.

  • Control + click (PC)

  • Command + click (Mac)

Arrange, align and distribute the elements

To move elements do any of the following:

  • Drag the element. A selected element will have a thick red border and resize handles if the element is resizable.

  • You can move and resize more than one element at a time

Align the elements

  1. Select more than one element in the Tree or Canvas.

  2. From the Menu, Go to Edit > Align Elements and specify the alignment or Right-click the selected elements and choose an option from the Align Elements options.

The elements will align themselves to the active element.

Distribute the elements

  1. Select three or more elements in the Tree or Canvas.

  2. From the Menu, Go to Edit > Distribute Elements and specify the distribution or Right-click the selected elements and choose an option from the Distribute Elements options.

Make all selected elements the same size

  1. Drag the handles of the active element to resize the active element plus the selected elements until they reach their minimum size. Release the mouse button.

  2. Drag the active element’s handles again to resize all elements.

See also…

2017-02-07 08:19:46