Draw Guide 7.6
Chapter 2, Drawing Basic Shapes
This document is Copyright © 2023 by the LibreOffice Documentation Team. Contributors are listed below. This document maybe distributed and/or modified under the terms of either the GNU General Public License (https://www.gnu.org/licenses/gpl.html), version 3 or later, or the Creative Commons Attribution License (https://creativecommons.org/licenses/by/4.0/), version 4.0 or later. All trademarks within this guide belong to their legitimate owners.
Contributors for this edition:
Peter Schofield
Contributors for previous editions:
Claire Wood
Elzett Kotze
Jean Hollis Weber
John A Smith
John Cleland
Martin Fox
Peter Schofield
Regina Henschel
Please direct any comments or suggestions about this document to the Documentation Team mailing list: loguides@community.documentfoundation.org.
Note
Everything sent to a mailing list, including email addresses and any other personal information that is written in the message, is publicly archived and cannot be deleted.
Published November 2023. Based on LibreOffice 7.6 Community.Other versions of LibreOffice may differ in appearance and functionality.
Some keystrokes and menu items are different on macOS from those used in Windows and Linux. The table below gives some common substitutions used in this document. For a detailed list, see LibreOffice Help.
|
Windows or Linux |
macOS equivalent |
Effect |
|
Tools > Options |
LibreOffice > Preferences |
Access setup options |
|
Right-click |
Control+click, Ctrl+click, or right-click depending on computer setup |
Open a context menu |
|
Ctrl or Control |
⌘ and/or Cmd or Command, depending on keyboard |
|
|
Alt |
⌥ and/or Alt or Option depending on keyboard |
Used with other keys |
|
F11 |
⌘+T |
Open the Styles deck in the Sidebar |
LibreOffice Draw can create 2D and 3D objects and this chapter explains how to draw simple 2D objects. The following chapters in this user guide describe how to work with and edit 2D objects. For more information on 3D objects, see Chapter 7, Working with 3D Objects.
All shapes, such as lines, rectangles, and shapes are called objects. This is common notation in vector drawing software.
Frequently used drawing tools are found on the Drawing toolbar (Figure 1) and this toolbar is normally docked on the left side of the main Draw window. If the toolbar is not visible, go to View > Toolbars on the Menu bar and select Drawing from the available options.
The Drawing toolbar can be unlocked and placed the Draw workspace as a floating toolbar. Toolbars can be configured by adding, moving, hiding, or deleting tools. See Chapter 1, Introducing Draw for more information.
When a shape is drawn, an object selected for editing, or text added to the drawing, the information field in the Status Bar (Figure 2) changes to reflect the action taken or in progress. See Chapter 1, Introducing Draw for more information on the Status Bar.
Basic shapes, including text, are treated as objects in Draw. The default set of tools available for drawing basic shapes on the Drawing toolbar are shown in Figure 1. To add more tools to the Drawing toolbar, see Appendix B, Toolbars and the Getting Started Guide for more information.
Figure 1: Drawing toolbar
Figure 2: Status Bar
Slide (drawing) number
Information area
Master drawing
Cursor position
Selected object size
Scaling document factor
Unsaved changes
Digital signature
Fit drawing
Zoom slider
Zoom percentage
Some tool icons on the Drawing toolbar change shape according to the last tool used from the selection of available tools. Each tool that has a triangle ▼ next to the tool icon indicates that more tools are available. See “Drawing geometric shapes” on page 1 for information on the available shapes.
Note
When a basic shape is drawn, or one selected for editing, the information area at the left side in the Status Bar changes to reflect the present action. For example Line created, Text frame xxyy selected, and so on.
A straight line is the simplest element or object in Draw to create.
1) Use one of the following options to draw a straight line:
Click Insert Line on the Drawing toolbar.
Click on the triangle ▼ next to Lines and Arrows on the Drawing toolbar and select Insert Line from the options available.
Click Insert Line in the Line and Arrows panel of the Shapes deck on the Sidebar (Figure 3).
2) Place the cursor at the starting point on the drawing, then click and drag the cursor to draw a straight line.
3) Release when the end point is reached and a straight line is created. A selection handle appears at each line end. The selection handle at the starting point of a line is slightly larger than the selection handle at the end point (highlighted in Figure 4).
4) To snap the end of a straight line to the nearest grid point, hold down the Ctrl (macOS ⌘) key while drawing the straight line. This is the default behavior of the Ctrl key (macOS ⌘).
5) To restrict the drawing angle of a straight line to multiples of 45 degrees (0, 45, 90, 135, and so on), hold down the Shift key while drawing a straight line. This is the default behavior of the Shift key.
Figure 3: Lines and Arrows panel in Shapes deck on Sidebar
6) To draw a straight line symmetrically outwards in both directions from the start point, hold down the Alt (macOS ⌥) key to a straight line from the middle.
Notes
If the option View > Snap Guides > Snap to Grid on the Menu bar has been selected, holding down the Ctrl (macOS ⌘) key while drawing a straight line temporarily deactivates the Snap to Grid option.
If the option When creating or moving objects in the Constrain Objects section of Tools > Options > LibreOffice Draw > Grid (macOS LibreOffice > Preferences > LibreOffice Draw > Grid) has been selected, holding down the Shift key temporarily deactivates this restriction.
Figure 4: Line starting point highlighted
Figure 5: Line dialog — Line page
Figure 6: Line panel in Properties deck on Sidebar
Figure 7: Line and Filling toolbar
When a line is drawn, it uses default attributes for line style, line color, line width and transparency. To change any of these attributes to the drawing requirements is as follows:
1) Select the straight line by clicking on it to display the selection handles.
2) Format the line style, line color, line width, or transparency from the options available using one of the following methods:
Go to Format > Line on the Menu bar to open the Line dialog (Figure 5).
Right-click on the line and select Line from the submenu to open the Line dialog.
Open the Line panel in the Properties deck on the Sidebar (Figure 6).
Use the tools Line Style, Line Width, and Line Color on the Line and Filling toolbar (Figure 7).
3) Click on a line selection handle and drag the selection handle to increase or decrease the line length.
Draw classifies both lines and arrows as lines and are drawn like straight lines (for more information, see “Straight lines” on page 1). Hovering the cursor over each tool in the Lines and Arrows sub-toolbar (Figure 8), or the Line and Arrows panel in the Shapes deck on the Sidebar, indicates what type of line or arrow each tool draws. The information field on the Status Bar shows them only as lines.
Figure 8: Lines and Arrows sub-toolbar
The position of the Lines and Arrows tools in the sub-toolbar are numbered from left to right as follows:
1) Insert Line
2) Line Ends with Arrow
3) Line with Circle/Arrow
4) Line with Square/Arrow
5) Line with Arrows
6) Line Starts with Arrow
7) Line with Arrow/Circle
8) Line with Arrow/Square
9) Dimension Line
10) Line (45º)
Note
The tool icon for the last tool used on a sub-toolbar is already selected on the Drawing toolbar. This makes it easier to use the same tool again.
1) Use one of the following methods to draw a line or arrow:
Click on the triangle ▼ next to Lines and Arrows on the Drawing toolbar and select the type of line or arrow required from the options in the Lines and Arrows sub-toolbar (Figure 8).
Select the type of line or arrow required in the Lines and Arrows panel of the Shapes deck on the Sidebar (Figure 3 on page Figure 3).
2) Place the cursor at the starting point for the line or arrow, then click and drag the cursor. The arrowheads are drawn at the line ends when the line is completed.
3) For more information on how to draw lines and arrows, see “Straight lines” on page 1.
1) To format the line used for an arrow, see “Straight lines” on page 1 for more information.
2) To format an arrow using the same arrowhead style for both arrow ends:
a) Select the arrow so that the selection handles are displayed.
b) Go to Format > Line on the Menu bar or right-click on the arrow to open the Line dialog.
c) Click on Arrow Styles to open the Arrow Styles page (Figure 9) and select an arrow style from the options available in the Arrow style drop-down list.
d) Click OK to apply the arrow style and close the Line dialog.
e) Click in an empty space on the drawing to deselect the arrow.
Figure 9: Line dialog — Arrow Styles page
Figure 10: Arrowhead styles in Line panel on Properties deck in Sidebar
3) To format an arrow using different arrowhead styles for each arrow end:
a) Select the arrow so that the selection handles are displayed.
b) Open the Line panel on the Properties deck of the Sidebar (Figure 10).
c) In Line, click on Arrow Style to open the drop-down list for arrowhead styles.
d) Select an arrowhead style from the left-hand list of arrowhead styles for the arrow start point.
e) Select an arrowhead style from the right-hand list of arrowhead styles for the arrow end point.
f) Click in an empty space on the drawing to deselect the arrow.
1) Use one of the following methods to start drawing a rectangle or square:
Click on Rectangle on the Drawing toolbar.
Select the type of rectangle or square in the Basic Shapes panel in the Shapes deck on the Sidebar (Figure 11).
Figure 11: Shapes deck on Sidebar
Figure 12: Legacy Rectangles toolbar
Click on the triangle ▼ next to Basic Shapes on the Drawing toolbar and select the type of rectangle or square required from the drop-down list.
Select the type of rectangle or square on the Legacy Rectangles toolbar (Figure 12). To display the Legacy Rectangles toolbar, go to View > Toolbars on the Menu bar and select it.
2) Place the cursor at the starting point for the rectangle or square, then click and drag the cursor until the required size is drawn. The rectangle or square is drawn from the starting point using the bottom right corner as the anchor point for the cursor.
3) If necessary, use one of the following options to draw a rectangle or square:
If a rectangle option is selected, hold down the Shift key while dragging the cursor to draw a square.
If a rectangle option is selected, hold down the Alt key while dragging the cursor to draw a rectangle from its center.
If a rectangle option is selected, hold down the Shift and Alt keys while dragging the cursor to draw a square from its center.
If a square option is selected, hold down the Shift key while dragging the cursor to draw a rectangle.
If a square option is selected, hold down the Alt key while dragging the cursor to draw a square from its center.
Note
If the option When creating or moving objects has been selected in the Constrain Object section of Tools > Options > LibreOffice Draw > Grid (macOS LibreOffice> Preferences > LibreOffice Draw > Grid), the action of the Shift key reversed. A square is drawn instead of a rectangle. To draw a rectangle, hold down the Shift key. This reversal of Shift key action also applies when drawing ellipses, circles, arcs, and segments.
1) Use one of the following methods to start drawing an ellipse or circle:
Click on Ellipse on the Drawing toolbar.
Select the type of ellipse or circle in the Basic Shapes panel in the Shapes deck on the Sidebar.
Click on the triangle ▼ next to Basic Shapes on the Drawing toolbar and select the type of ellipse or circle required from the drop-down list.
Select the type of ellipse or circle on the Legacy Circles and Ovals toolbar (Figure 13). To display the Legacy Circles and Ovals toolbar, go to View > Toolbars on the Menu bar and select it.
Figure 13: Legacy Circles and Ovals toolbar
2) Place the cursor at the starting point for the ellipse or circle, then click and drag the cursor until the required size is drawn. The ellipse or circle is drawn from the starting point using the bottom right corner as the anchor point for the cursor.
3) If necessary, use one of the following options while drawing an ellipse or circle:
If an ellipse option is selected, hold down the Shift key while dragging the cursor to draw a circle.
If an ellipse option is selected, hold down the Alt key while dragging the cursor to draw an ellipse from its center.
If an ellipse option is selected, hold down the Shift and Alt keys while dragging the cursor to draw a circle from its center.
If a circle option is selected, hold down the Shift key while dragging the cursor to draw an ellipse.
If a circle option is selected, hold down the Alt key while dragging the cursor to draw a circle from its center.
Tip
To quickly insert a line, rectangle, ellipse, or text, press and hold down the Ctrl (macOS ⌘) key and then click on Line, Rectangle, Ellipse, or Text and a standard sized object is drawn automatically in the Workspace. The size, shape, and color used are default values. These values can be changed to match the Drawing requirements. See Chapter 4, Changing Object Attributes for more information.
Dimension lines display a measurement of an object in the drawing (Figure 14). A dimension line does not belong to the object itself, but is positioned close to it. An object can have as many dimension lines as necessary to indicate the size of its sides, edges, and distances.
To format the display of a dimension line and its components, right-click on the dimension line and selecting Dimensions from the context menu to open the Dimension line dialog (Figure 15).
1) Use one of the following options to start drawing a dimension line:
Click on the triangle ▼ next to Lines and Arrows on the Drawing toolbar and select Dimension Line from the drop-down list.
Figure 14: Example of dimension lines for an object
Figure 15: Dimension Line dialog
Click on Dimension Line in the Lines and Arrows panel of the Shapes deck on the Sidebar.
2) Place the cursor at the point close to the object to position the dimension line start.
3) Click and drag to draw the dimension line. As the dimension line is drawn, the dimension is displayed and automatically calculated.
4) Select the dimension line, then right-click on the dimension line and select Dimensions from the context menu to open the Dimension Line dialog.
5) Format the dimension line using the options available in the Dimension Line dialog. For more information dimension line options, see Chapter 11, Advanced Draw Techniques.
6) Click OK to save the changes and close the Dimension Line dialog.
7) Click in an empty space on the drawing to deselect the dimension line.
Note
The measurement units used for dimension lines can be changed by going to Tools > Options > LibreOffice Draw > Grid (macOS LibreOffice > Preferences > LibreOffice Draw > Grid) on the Menu bar and select a measurement unit from the available options in the Units of measurement drop‑down list.
1) Use one of the following methods to start drawing an arc or segment (partial circles or ellipses):
Select the type of arc or segment in the Basic Shapes panel in the Shapes deck on the Sidebar.
Click on the triangle ▼ next to Basic Shapes on the Drawing toolbar and select the type of arc or segment required from the drop-down list.
Select the type of arc or segment from the Legacy Circles and Ovals toolbar. To display the Legacy Circles and Ovals toolbar, go to View > Toolbars on the Menu bar and select it.
2) Click, hold and drag the cursor to start creating an arc or segment. Release when the required object size is reached.
3) Move the cursor to the position where the arc or segment starts and click to start drawing the arc or segment. The Status Bar indicates the angle in degrees.
4) Move the cursor to the end position of where the arc or segment finishes. The Status Bar shows the angle in degrees.
5) Click again to complete the arc or segment.
1) Select the type of curve required using one of the following methods:
Click on the triangle ▼ next to Curves and Polygons on the Drawing toolbar and select the type of curve from the drop-down list.
Select the type of curve in the Curve and Polygons panel of the Shapes deck on the Sidebar.
2) Click, hold and drag the cursor from the starting point to draw a line.
3) Release and continue to drag the cursor to bend the line into the required curve shape.
4) Click to set the curve and position end point of the curve on the drawing.
5) Continue dragging the cursor to draw straight lines at the curve end. Each click sets a corner point and allows drawing of another straight line from each corner point.
6) Double-click to end the drawing of a curve and straight lines.
Note
A filled curve and filled polygon automatically join the last point to the first point to close off the object and fill it with the selected fill. A curve or polygon without filling is not closed at the end of the drawing.
1) Select the type of polygon required using one of the following methods:
Click on the triangle ▼ next to Curves and Polygons on the Drawing toolbar and select the type of polygon from the drop-down list.
Select the type of polygon in the Curve and Polygons panel of the Shapes deck on the Sidebar.
2) Click, hold and drag the cursor to draw a line between the first and second corner points.
3) Click again to end the drawing between the first and second corner points of the polygon.
4) Move the cursor to draw the next line and click to finish drawing to the next corner point. Each click sets a corner point and draws another line.
5) Double-click to end the drawing of a polygon.
Like ordinary polygons, these are formed from lines, but the angles between lines are restricted to 45 or 90 degrees. If required, hold down the Shift key as the line is drawn so that the line is drawn at an angle other than 45 or 90 degrees.
Using freeform line tools is similar to drawing with a pencil on paper.
1) Click, hold and drag the cursor to the line shape required, then release to complete the freeform line drawing.
2) If Freeform Line Filled is selected, the end point is joined automatically to the start point and the object is filled with the selected fill.
Note
The points in curves, polygons and freeform lines can be moved and edited. See Chapter 3, Working with Objects and Chapter 11, Advanced Draw Techniques for more information.
All Draw objects have gluepoints, which are not normally displayed, and only become visible when Connectors is selected on the Drawing toolbar, or a connector tool is selected in the Connectors panel on the Shapes deck in the Sidebar.
Figure 16: Example of gluepoints in an object
Figure 17: Gluepoints toolbar
Most objects have four gluepoints, as shown in the example in Figure 16. More gluepoints can be added and customized using the Gluepoints toolbar (Figure 17). Go to View > Toolbars > Gluepoints on the Menu bar to open the toolbar.
Gluepoints are not the same as the selection handles of an object. Selection handles are for moving or changing the shape of an object. Gluepoints are used to fix or glue a connector to an object so that when the object moves, the connector stays fixed to the object. For a more detailed description on the use of gluepoints, see Chapter 3, Working with Objects and Object Points and Chapter 8, Connections, Flowcharts, and Organization Charts.
Connectors are lines or arrows whose ends automatically snap to a gluepoint of an object. Connectors are not the same as lines and arrows. When objects are moved or reordered, the connectors remain attached to a gluepoint. Figure 18 shows an example of two objects and a connector.
Draw offers a range of different connectors and connector functions. On the Drawing toolbar, click on the triangle ▼ next to Connectors and select a connector type from the drop-down list, or select a connector from the Connectors panel in the Shapes deck on the Sidebar. For a more detailed description using connectors, see Chapter 8, Connections, Flowcharts, and Organization Charts.
Figure 18: Example of a connector between two objects
Figure 19: Example of creating a floating sub-toolbar
The tools for drawing geometric shapes are located on the Drawing toolbar and the Shapes deck in the Sidebar. The use of these tools for geometric shapes is similar to the tools used for drawing rectangles and squares, or ellipses and circles. For more information, see “Drawing basic shapes” on page 1.
Clicking on the triangle ▼ to the right of a tool icon on the Drawing toolbar opens a drop-down list giving access to the toolset for that shape. If necessary, this drop-down list can be “torn off” to create a floating sub-toolbar.
Click and hold on the dotted line at the toolset top (highlighted in Figure 19), then drag it across the screen to the Workspace and release to create a floating toolbar
To close a floating toolbar, click on the X on the right of the toolbar title.
Notes
The tool icons on the Drawing toolbar always indicate the last geometric shape drawn and may not be the same as the tool icons shown on the Drawing toolbar in this chapter. The last tool used remains on the Drawing toolbar making it easier to use the same tool again.
Text can be added to all of these geometric shapes. For more information, see Chapter 11, Advanced Draw Techniques.
Clicking on the triangle ▼ to the right of Basic Shapes on the Drawing toolbar opens the Basic Shapes sub-toolbar (Figure 20). This sub-toolbar also includes rectangle and ellipse tools that are identical to the ones already displayed on the Drawing toolbar. Alternatively, select the required tool from the Basic Shapes panel in the Shapes deck on the Sidebar.
Figure 20: Basic Shapes sub-toolbar
The tools available on the Basic Shapes sub-toolbar are numbered from left to right as follows.
1) Rectangle
2) Rectangle, Rounded
3) Square
4) Square, Rounded
5) Parallelogram
6) Trapezoid
7) Ellipse
8) Circle
9) Circle Pie
10) Circle Segment
11) Arc
12) Block Arc
13) Isosceles Triangle
14) Right Triangle
15) Diamond
16) Regular Pentagon
17) Hexagon
18) Octagon
19) Cylinder
20) Cube
21) Folded Corner
22) Cross
23) Frame
24) Ring
Clicking on the triangle ▼ to the right of Symbol Shapes on the Drawing toolbar opens the Symbol Shapes sub-toolbar (Figure 21). Alternatively, select the required tool from the Symbol Shapes panel in the Shapes deck on the Sidebar.
Figure 21: Symbol Shapes sub-toolbar
The tools available on the Symbol Shapes sub-toolbar are numbered from left to right.
1) Smiley Face
2) Heart
3) Sun
4) Moon
5) Cloud
6) Lightning Bolt
7) Flower
8) Prohibited
9) Puzzle
10) Square Bevel
11) Octagon Bevel
12) Diamond Bevel
13) Double Bracket
14) Left Bracket
15) Right Bracket
16) Double Brace
17) Left Brace
18) Right Brace
Clicking on the triangle ▼ to the right of Block Arrows on the Drawing toolbar opens the Block Arrows sub-toolbar (Figure 22). Alternatively, select the required tool from the Block Arrows panel in the Shapes deck on the Sidebar.
Figure 22: Block Arrows sub-toolbar
The tools available on the Block Arrows sub-toolbar are numbered from left to right.
1) Right Arrow
2) Left Arrow
3) Down Arrow
4) Up Arrow
5) Left and Right Arrow
6) Up and Down Arrow
7) Circular Arrow
8) S-shaped Arrow
9) Split Arrow
10) Right or Left Arrow
11) 4-way Arrow
12) Corner Right Arrow
13) Chevron
14) Pentagon
15) Striped Right Arrow
16) Up, right and Down Arrow
17) Notched Right Arrow
18) Up and Right Arrow
19) Right Arrow Callout
20) Left Arrow Callout
21) Down Arrow Callout
22) Up Arrow Callout
23) Left and Right Arrow Callout
24) Up and Down Arrow Callout
25) 4-way Arrow Callout
26) Up and Right Arrow Callout
Clicking on the triangle ▼ to the right of Flowchart on the Drawing toolbar opens the Flowchart sub-toolbar (Figure 23) for symbols. Alternatively, select the required tool from the Flowchart panel in the Shapes deck on the Sidebar. The creation of flowcharts, organization charts, and similar planning tools are further described in Chapter 8 Connections, Flowcharts and Organization Charts.
Figure 23: Flowchart sub-toolbar
The tools available on the Flowchart sub-toolbar are numbered from left to right.
1) Flowchart: Process
2) Flowchart: Alternate Process
3) Flowchart: Decision
4) Flowchart: Data
5) Flowchart: Predefined Process
6) Flowchart: Internal Storage
7) Flowchart: Document
8) Flowchart: Multidocument
9) Flowchart: Terminator
10) Flowchart: Preparation
11) Flowchart: Manual Input
12) Flowchart: Manual Operation
13) Flowchart: Connector
14) Flowchart: Off-page Connector
15) Flowchart: Card
16) Flowchart: Punched Tape
17) Flowchart: Summing Junction
18) Flowchart: Or
19) Flowchart: Collate
20) Flowchart: Sort
21) Flowchart: Extract
22) Flowchart: Merge
23) Flowchart: Stored Data
24) Flowchart: Delay
25) Flowchart: Sequential Access
26) Flowchart: Magnetic Disc
27) Flowchart: Direct Access Storage
28) Flowchart: Display
Clicking on the triangle ▼ to the right of Callout on the Drawing toolbar opens the Callouts sub‑toolbar (Figure 24). Alternatively, select the required tool from the Callouts panel in the Shapes deck on the Sidebar.
Figure 24: Callouts sub-toolbar
The tools available on the Callouts sub-toolbar are numbered from left to right.
1) Rectangular Callout
2) Rounded Rectangular Callout
3) Round Callout
4) Cloud
5) Line Callout 1
6) Line Callout 2
7) Line Callout 3
Clicking on the triangle ▼ to the right of Stars and Banners on the Drawing toolbar opens the Stars and Banners sub-toolbar (Figure 25). Alternatively, select the required tool from the Stars and Banners panel in the Shapes deck on the Sidebar.
Figure 25: Stars and Banners sub-toolbar
The tools available on the Stars and Banners sub-toolbar are numbered from left to right.
1) 4-Point Star
2) 5-Point Star
3) 6-Point Star
4) 8-Point Star
5) 12-Point Star
6) 24-Point Star
7) Explosion
8) Vertical Scroll
9) Horizontal Scroll
10) Signet
11) Doorplate
12) 6-Point Star, Concave
Clicking on the triangle ▼ to the right of 3D Objects on the Drawing toolbar opens the 3D‑Objects sub‑toolbar (Figure 26). Alternatively, select the required tool from the 3D-Objects panel in the Shapes deck on the Sidebar.
Figure 26: 3D-Objects sub-toolbar
The tools available on the 3D-Objects sub-toolbar are numbered from left to right.
1) Cube
2) Sphere
3) Cylinder
4) Cone
5) Pyramid
6) Torus
7) Shell
8) Half Sphere
Note
The 3D-Objects sub-toolbar is identical to the 3D-Objects toolbar available at View > Toolbars on the Menu bar.
In Draw text can be added, inserted, and formatted to in text boxes, objects, and shapes. For more information on how to add, insert, and format text in a drawing, see Chapter 9, Adding and Formatting Text.