Forums/General Tutorials/Shapes and images

Draw lines and objects

Brett B
posted this on May 24, 2013 02:40 PM

 

Our drag-and-drop interface makes it easy to draw diagrams. This tutorial will teach you how to add shapes to the canvas, add text, connect shapes and objects with lines, and utilize auto-prompts. 


.

Drag and drop

Drag a shape from the toolbox and drop it on the canvas. Press and hold the mouse button to select the object. Drag it to the desired location and drop it by releasing the mouse button.

1.PNG

.

Return to top


Add text

You have a few options for adding text to a shape. Either add text after you create a new shape by immediately typing, or double-click on the shape to add or edit text.

2.PNG

.

Return to top


Drag a line out of a shape

To draw a line, just click and drag from the edge of a shape. When you release your mouse, the shape auto-prompt will appear. To turn off auto-prompt, select the Lucid logo on the Menu bar, select 'Preferences', then choose the desired option.

3.PNG

.

Return to top


Shape auto-prompt

The auto-prompt feature allows you to select and connect your next shape without going back to the toolbox. 

4.PNG

.

Return to top


Connect objects

The entire edge of each shape acts as a connection point to attach lines. Once connected, the line will move with the object.

connectionpts.PNG

.

Return to top


Align objects

 

As you drag an object on the canvas, lines will appear to help you easily align the new shape with existing shapes on the canvas. Note: If you have "Snap To Grid" enabled, objects will still snap to grid, which may conflict with this auto alignment method. If you would like to use this alignment method, we recommend disabling snap to grid (see below for more information).

align_objects.png

You can also align multiple objects relative to each other. Just follow these steps:

    1. Select all of the objects by holding down shift or ctrl (cmd for mac) and clicking on each object individually, or by dragging and selecting all of them at once.
    2. Right-click and go to the "Align" menu7.PNG
    3. Choose the alignment relationship. You'll see a preview of the new alignment in the background.8.PNG

9.PNG

 

The third alignment method is "Snap to Grid." By default, documents are set to snap to "Normal grid (20px)." You can change this setting from the "Page Settings" panel of the dock on the right-hand side of the editor. 

 

10.PNG

 

 

Return to top


Related Tutorials

Create a new document

Get familiar with the editor

Managing pages

 

 
Topic is closed for comments