Designer 11.02

A more recent release of this software is available. Please refer here to access documentation for other releases.

Skip to end of metadata
Go to start of metadata

Element Selection

Elements can be selected by: 

  • Using a mouse click to select the element (moving the mouse over the element only shows the 'bounding rectangle' of the element).
  • Using the Up/Down arrow keys to select the next previous element on the page based on the order in the List View. 
  • Clicking the elements name in Page List view.
  • Drag-selecting elements using the mouse. Click and hold down the mouse on an empty area Then, drag the mouse and a lasso-frame appears and any element that is enclosed fully or partially by the lasso is selected.

When you click on a element, you will see a dashed rectangular frame to indicate that it is selected. For those Elements that can be re-sized, the eight (8) graphic handles placed around its edges.

You have to click on a non-transparent part of a clip which has Transparency set or the Chroma Key? option on in order to select it (Or use the drag select method). If several clips overlap, you can click through the transparent part of one to select another underneath.

Selecting Multiple Elements

This can be done using one or more of the following methods:

  • Choose the first element(s) using one of the methods above.
  • Hold down the Ctrl Key.
  • Using the mouse to select another element, or the Up/Down arrow keys to select the previous or next elements on the page based on the order in the List View. 
  • Click another elements name in Page List view
  • Drag-select elements using the mouse.

Regardless of your selection method, the Design Panel will appear for the last type of element you have selected. If it is a clip, you will see the Design Clip Panel, etc. 

Moving the Element

  • Select the element and drag it to its new position (you can cancel the drag by right clicking while dragging)

  • Use the Position tab in the Design Panel and type in the X, Y co-ordinates. 

  • Using SHIFT and dragging will lock the drag either in the horizontal or vertical direction
  • Using CTRL + Arrow Key  will move the element(s) by one (1) pixel in the direction of the arrow
  • Using SHIFT + CTRL + Arrow Key will move the element(s) by ten (10) pixels in the direction of the arrow.

Elements can be dragged off of the page into the off-page area. When moving Multiple items, they are normally moved in relation to each other, except when Snap? is turned on. 

Manipulation using Element Handles

Apart from the Text Element, which does not have any handles on the bounding frame, all other elements can be re-sized using these handles. Image and Animation elements may also be cropped using the handles.

Changing Size

You can quickly adjust the size by clicking and dragging on the element’s bounding box.

  • Dragging a handle at a corner will allow you to simultaneously adjust the width and height. 
  • Dragging a handle on a side will allow you to adjust only that side.
  • SHIFT + dragging a corner handle maintains the original aspect ratio of the element.

You can cancel a dragging operation by pressing the secondary (Right) mouse button while holding down the main (Left) mouse button.

The size can also be adjusted in the Design Panel for the element you want to add. A list of these can be found here.. 

A couple of notable single-key keyboard shortcuts associated with sizing are:

  • h: Make the element half its current width and height.
  • d: Make the element its current width and height.


Designer allows you to crop away parts of the element without having to resort to editing in a external paint package:

  • Use ALT + to drag a handle on the side or corner of the element until the edge(s) enclose only the portion of the element you want to keep.
  • Use ALT + to drag the element itself to re-position the cropped area seen. 

The cropped area can also be adjusted in the Design Panel's Position Tab as well as reverting to the element to its un-cropped state.

Cut, Copy & Paste

An element can easily be copied from one part of the page to another or even to another page in another opened script. Any styles applied will be remembered. 

  • Cut the element using CRTL + x or by selecting Cut from the Edit menu.
  • Copy the element using CTRL + c or by selecting Copy from the Edit menu.
  • Paste the element using CTRL + v or by selecting Paste from the Edit menu. The new element is added slightly below and to the right of the existing one.
  • Paste the element using CTRL + ALT + v will paste the new element exactly in the same place as the original.

If an element was copied from an external package and added by pasting from the clipboard, the element's button will read <embedded>, indicating there is no underlying file. This can bloat your script file and on saving as you will also see a .dat file associated to the .sca file

Additional Keyboard Shortcuts

  • x: Flips the selected element horizontally (around a vertical axis).
  • y: Flips the selected element upside down (around a horizontal axis).
  • r:  Rotates the element clockwise in 15-degree increments. 
  • SHIFT+ r:  Rotates the element counter-clockwise in 15-degree increments.

Exporting Elements

You can save elements with your size, crop and style changes simply by choosing Export from the Edit drop-down menu. In the File dialog, choose a location and enter a name for the processed element. If several elements are selected, they will be exported as one, with any additional transparent areas, and the resulting file is saved as a PNG file.

Importing Elements

Text can be imported from a ASCII text file by using the Add File dialog.  Only the first 1000 characters are imported.

  • No labels