Editor toolbar

The toolbar is located on the right above the editor (see illustration). It allows to add images, text and comments and more, which is explained here:

 

Werkzeugleister

illustration 1, the editors' toolbar

Click on the first icon Bild hinzufügen to import a picture from a file. It will appear in the editor so you can freely drag it around to place it on the product. Hold down the left mouse button on one an arrow in the corner of the image to resize the image, hold the shift-key to keep its aspect ratio.

Rotation:

To rotate a picture around it's axis, click and hold down the mouse on the arrow in the middle of the picture (see illustration 2). The rotation can be reset in the object menu, by choosing the 're-align' option. In the same menu also provides options to rotate by a fixed amount, (e.g. 90 degree clockwise, etc.)

illustration 2: rotation

If you are a registered user of the designer web-module you can publish the design by clicking on the button auf Server hochladen 'publish the design to the web'.

The trashcan icon Papierkorb allows to remove the selected item. If multiple objects are selected (e.g. by holding down the shift key and clicking on an object), the complete set of selected objects is removed from the canvas.

By clicking the 'add text' Text hinzufügen icon individual text is added to the canvas. As with pictures you can use the arrows to freely resize and rotate the lettering object. (see rotation above for details).

If a text element is selected, the properties are shown below the canvas (illustration 3).

Objekteigenschaften Text

Abb. 3 Objekteigenschaften von hinzugefügtem Text

The textfield is prepared to edit multiline text, above the text orientation can be set to left-justify, centered or right-justify. 

The dropdown box allows to choose a font, and its style by using the toggle buttons B for bold and i for italic style. The color can be selected from the tabs, either use an RGB color or select o special color material from the palette. Line pitch and character spacing can be freely adjusted as well. All changes are immediately applied to the selected object and are visible on the canvas.

You can add a comment to the design with the Kommentar einfügen icon this is useful to describe a particular feature or simply as a remark.

To change the visible region of the canvas:
  • Zoom in by click the magnifier Zoom inwith the plus sign
  • Zoom out by clicking this magnifier rauszoomen icon
  • Click 'Zoom to fit screen' Arbeitsfläche anpassen to show the overview of the whole design
  • Use 'Zoom 100%' Zoom 100 Prozent to restore the initial view

By holding down the shift key, multiple items can be selected with the mouse. To align the objects relative to each other you can choose out of 6 different options to justify the elements to the left Ausrichtung links, to the right Ausrichtung rechts or for example at the bottom line Ausrichtung Unterkante.

 

(Icons "famfamfam silk" from http://www.famfamfam.com/lab/icons/silk/ und "nuvola" from http://www.icon-king.com/projects/nuvola/)