Difference between revisions of "Documentation/OOo3 User Guides/Draw Guide/Working with Objects"

From Apache OpenOffice Wiki
Jump to: navigation, search
m (Direct selection)
 
(38 intermediate revisions by 2 users not shown)
Line 6: Line 6:
 
}}
 
}}
  
 +
 +
This is Chapter 3 of the OpenOffice.org 3 Draw Guide, produced by the OOoAuthors group. A PDF of this chapter is available from [[Documentation/OOo3_User_Guides/Chapters|this wiki page]].
  
 
= Introduction =
 
= Introduction =
Line 47: Line 49:
 
The easiest way to select an object is to click directly on it. For objects that are not filled, click on the object's outline to select it. One click selects; a second click deselects. To select or deselect more than one object, hold the shift button down while clicking.
 
The easiest way to select an object is to click directly on it. For objects that are not filled, click on the object's outline to select it. One click selects; a second click deselects. To select or deselect more than one object, hold the shift button down while clicking.
  
=== [[Image:]]Selection by framing ===
+
=== Selection by framing ===
You can also select several objects at once by using the mouse to drag a large rectangle around the objects with the '''Select''' button, as shown. For this to work, the [[Image:]] icon on the Drawing toolbar must be active.
+
You can also select several objects at once by using the mouse to drag a large rectangle around the objects with the '''Select''' button, as shown. For this to work, the [[Image:SelectionIcon.png]] icon on the Drawing toolbar must be active.
  
 
Only objects that lie entirely within the rectangle will be selected.
 
Only objects that lie entirely within the rectangle will be selected.
 +
[[Image:DG3Ch3F0a.png|none|thumb|500px]]
  
 
== Selecting hidden objects ==
 
== Selecting hidden objects ==
 
Even if objects are located behind others and not visible, they can still be selected. Hold down the ''Alt'' key and click where the object is located. If there are several overlapping objects, hold down the ''Alt ''key and click until you reach the object you want. To cycle through the objects in reverse order, hold down the ''Alt+Shift ''keys and click. The number and type of the selected objects is shown at the left of the status bar to help you to select the correct object.
 
Even if objects are located behind others and not visible, they can still be selected. Hold down the ''Alt'' key and click where the object is located. If there are several overlapping objects, hold down the ''Alt ''key and click until you reach the object you want. To cycle through the objects in reverse order, hold down the ''Alt+Shift ''keys and click. The number and type of the selected objects is shown at the left of the status bar to help you to select the correct object.
  
 +
{{Note| This method generally works in Windows, but on a Linux system it usually does not. If the ''Alt'' key on your system does not operate as described above, use the ''Tab'' key method described below.}}
  
{| style="border-spacing:0;"
 
| style="border-top:0.0139in solid #000080;border-bottom:0.0139in solid #000080;border-left:none;border-right:none;padding:0.059in;"| <center>'''Note'''</center>
 
| style="border-top:0.0139in solid #000080;border-bottom:0.0139in solid #000080;border-left:none;border-right:none;padding:0.059in;"| This method generally works in Windows, but on a Linux system it usually does not. If the ''Alt'' key on your system does not operate as described above, use the ''Tab'' key method described below.
 
 
|}
 
 
To select an object that is covered by another object using the keyboard, use the ''Tab'' key to cycle through the objects, stopping at the object you wish to select. To cycle through the objects in reverse order, press ''Shift+Tab''. This is a very quick way to reach the object you want, but it may not be practical if you have a large number of objects in your drawing.
 
To select an object that is covered by another object using the keyboard, use the ''Tab'' key to cycle through the objects, stopping at the object you wish to select. To cycle through the objects in reverse order, press ''Shift+Tab''. This is a very quick way to reach the object you want, but it may not be practical if you have a large number of objects in your drawing.
  
Line 66: Line 65:
  
  
{| style="border-spacing:0;"
+
In the illustration to the right, the square located beneath the circle was selected in this way (the circle has been made semi-transparent in order to show the square).
| style="border:none;padding:0in;"| In the illustration to the right, the square located beneath the circle was selected in this way (the circle has been made semi-transparent in order to show the square).
+
[[Image:SelectHidden.png|none|thumb|500px]]
| style="border:none;padding:0in;"| <div align="right">[[Image:]]</div>
+
 
  
|}
 
 
=== Arranging objects ===
 
=== Arranging objects ===
 
In a complex drawing, several objects may be stacked on top of one another. To rearrange the stacking order (move an object to the front or to the back of the stack), select the object, click '''Modify > Arrange''' and choose '''Bring Forward''' or '''Send Backward'''. Or right-click the object, choose '''Arrange''' from the context menu, then choose '''Bring Forward''' or '''Send Backward'''.
 
In a complex drawing, several objects may be stacked on top of one another. To rearrange the stacking order (move an object to the front or to the back of the stack), select the object, click '''Modify > Arrange''' and choose '''Bring Forward''' or '''Send Backward'''. Or right-click the object, choose '''Arrange''' from the context menu, then choose '''Bring Forward''' or '''Send Backward'''.
  
These options are also available from the Arrange tear-off toolbar accessible from the [[Image:]] icon on the Drawing toolbar. A keyboard shortcut is ''Shift+Ctrl+plus sign'' to bring an object to the top, and ''Shift+Ctrl+minus sign'' to send an object to the bottom.
+
These options are also available from the Arrange tear-off toolbar accessible from the [[Image:ArrangeIcon.png]] icon on the Drawing toolbar. A keyboard shortcut is ''Shift+Ctrl+plus sign'' to bring an object to the top, and ''Shift+Ctrl+minus sign'' to send an object to the bottom.
  
 
Note, however, that an object located on the Controls layer always lies above all other objects.
 
Note, however, that an object located on the Controls layer always lies above all other objects.
  
= Moving and dynamically adjusting an object’s size =
+
= Moving and dynamically adjusting an object's size =
 
There are several ways of moving or changing the size of an object. The ''dynamic ''method described here uses the mouse.
 
There are several ways of moving or changing the size of an object. The ''dynamic ''method described here uses the mouse.
  
 
When you dynamically change an object, remember to check the left-hand area of the status bar at the bottom of the Draw window. This area shows detailed information about the ongoing manipulation
 
When you dynamically change an object, remember to check the left-hand area of the status bar at the bottom of the Draw window. This area shows detailed information about the ongoing manipulation
  
<center>[[Image:|thumb|''Figure 2: Left end of status bar during dynamic adjustment'']]</center>
+
[[Image:DG3Ch3F2.pngDG3Ch3F2.png|none|thumb|500px|''Left end of status bar during dynamic adjustment'']]
  
 
For example, when you are resizing an object, the object information fields show which object is selected, the current position in X/Y coordinates, and object dimensions (width x height). The information changes as the mouse is moved. The units of measurement are those selected under '''Tools > Options > OpenOffice.org Draw > General'''.
 
For example, when you are resizing an object, the object information fields show which object is selected, the current position in X/Y coordinates, and object dimensions (width x height). The information changes as the mouse is moved. The units of measurement are those selected under '''Tools > Options > OpenOffice.org Draw > General'''.
Line 89: Line 87:
 
== Dynamic movement of objects ==
 
== Dynamic movement of objects ==
  
{| style="border-spacing:0;"
+
To move an object, select it and then click within the object's border and hold down the left mouse button while dragging the mouse. During movement, the shape of the object appears as dotted lines to help with repositioning.
| style="border:none;padding:0in;"| To move an object, select it and then click within the object’s border and hold down the left mouse button while dragging the mouse. During movement, the shape of the object appears as dotted lines to help with repositioning.
+
[[Image:DG3Ch3F0b.png]]
| style="border:none;padding:0in;"| <div align="right">[[Image:]]</div>
+
  
|}
 
 
To drop the object at its new location, release the mouse button. The new position appears immediately in the Status Bar.
 
To drop the object at its new location, release the mouse button. The new position appears immediately in the Status Bar.
  
 
== Dynamic size modification of objects ==
 
== Dynamic size modification of objects ==
[[Image:]]To change the size of a selected object (or a group of selected objects) with the mouse, move one of the handles located around the selection. As shown in the illustration, the outline of the resulting new object appears as a dotted line while the mouse button is pressed.
+
To change the size of a selected object (or a group of selected objects) with the mouse, move one of the handles located around the selection. As shown in the illustration, the outline of the resulting new object appears as a dotted line while the mouse button is pressed.
 +
 
 +
[[Image:DG3Ch3F0c.png]]
  
 
The results depend on which handle you use. To resize an object along one axis, use the appropriate side handle. To resize along both axes, use a corner handle. The new size appears immediately in the status bar.
 
The results depend on which handle you use. To resize an object along one axis, use the appropriate side handle. To resize along both axes, use a corner handle. The new size appears immediately in the status bar.
  
  
{| style="border-spacing:0;"
+
{{Note|If you press the ''Shift'' key while resizing an object, the change in size will be carried out symmetrically with respect to the two axes, so that the aspect ratio of the object remains the same.}}
| style="border-top:0.0139in solid #000080;border-bottom:0.0139in solid #000080;border-left:none;border-right:none;padding:0.059in;"| <center>'''Note'''</center>
+
| style="border-top:0.0139in solid #000080;border-bottom:0.0139in solid #000080;border-left:none;border-right:none;padding:0.059in;"| If you press the ''Shift'' key while resizing an object, the change in size will be carried out symmetrically with respect to the two axes, so that the aspect ratio of the object remains the same.
+
  
|}
 
 
== Dynamic size modification of objects with the help of the status bar ==
 
== Dynamic size modification of objects with the help of the status bar ==
If you select an object and modify it using the mouse, the changes are immediately reflected in the information field of the status bar. With geometric ''shapes'' (such as basic shapes, symbol shapes, block arrows), the only information shown in the status bar is that the shape is being resized, as shown in the top-left image in Figure 3. With geometric ''elements'' (rectangles, circles, and so on), the changes to the attributes of the element (either relative or absolute) are also shown, as in the top-right image in Figure 3.
+
If you select an object and modify it using the mouse, the changes are immediately reflected in the information field of the status bar. With geometric ''shapes'' (such as basic shapes, symbol shapes, block arrows), the only information shown in the status bar is that the shape is being resized, as shown in the top-left image below. With geometric ''elements'' (rectangles, circles, and so on), the changes to the attributes of the element (either relative or absolute) are also shown, as in the top-right image.
  
<center>[[Image:|thumb|''Figure 3: The Information field during dynamic size modification of objects'']]</center>
+
[[Image:DG3Ch3F3.png|none|thumb|500px|''The Information field during dynamic size modification of objects'']]
  
In the case of a rectangle, the new size is shown as percentages of the original x and y dimensions. For a line, much more information is given: the absolute change in x and y coordinates of the end point being moved, together with the current length and bearing of the modified line. These are updated dynamically as the end point is moved (see Figure 3).
+
In the case of a rectangle, the new size is shown as percentages of the original x and y dimensions. For a line, much more information is given: the absolute change in x and y coordinates of the end point being moved, together with the current length and bearing of the modified line. These are updated dynamically as the end point is moved.
  
 
This is the only place where the exact start and end angles of an arc or the length and bearing of a sloping line are shown. This information enables you to size the object with considerable accuracy.
 
This is the only place where the exact start and end angles of an arc or the length and bearing of a sloping line are shown. This information enables you to size the object with considerable accuracy.
  
 
== Modifying an arc ==
 
== Modifying an arc ==
The beginning and end points of an arc can be modified. Select the arc and click on the '''Points''' icon [[Image:]] on the Drawing toolbar to enter the Edit points mode (described later in this chapter). In this mode, the handles on the selection frame change—two larger blue handles appear at the beginning and end points of the arc. When the mouse hovers over one of these points the cursor will change to a hand.
+
The beginning and end points of an arc can be modified. Select the arc and click on the '''Points''' icon [[Image:PointsIcon.png]] on the Drawing toolbar to enter the Edit points mode (described later in this chapter). In this mode, the handles on the selection frame change &mdash; two larger blue handles appear at the beginning and end points of the arc. When the mouse hovers over one of these points the cursor will change to a hand.
  
<center>[[Image:|thumb|''Figure 4: Editing an arc'']]</center>
+
[[Image:DG3Ch3F4.png|none|thumb|500px|''Editing an arc'']]
  
If you click and hold the mouse button when the hand cursor appears, moving the mouse will change the location of the start or end point of the arc. The actual coordinates are shown in the Status Bar (see lower left graphic in Figure 3.
+
If you click and hold the mouse button when the hand cursor appears, moving the mouse will change the location of the start or end point of the arc. The actual coordinates are shown in the Status Bar (see lower left graphic in previous paragraph).
  
 
= Rotating and shearing an object using the mouse =
 
= Rotating and shearing an object using the mouse =
Line 130: Line 125:
  
  
{| style="border-spacing:0;"
+
{{Note| Rotation works in a slightly different way for 3D objects because the rotation occurs in 3D space and not in one plane. See [[Documentation/OOo3_User_Guides/Draw_Guide/Working_with_3D_Objects|Working with 3D Objects]] regarding rotation when the Edit Points mode is active.}}
| style="border-top:0.0139in solid #000080;border-bottom:0.0139in solid #000080;border-left:none;border-right:none;padding:0.059in;"| <center>'''Note'''</center>
+
| style="border-top:0.0139in solid #000080;border-bottom:0.0139in solid #000080;border-left:none;border-right:none;padding:0.059in;"| Rotation works in a slightly different way for 3D objects because the rotation occurs in 3D space and not in one plane. See Chapter 7 (Working with 3D Objects) regarding rotation when the Edit Points mode is active.
+
  
|}
 
 
Rotations are made about an axis which is displayed as a small symbol. This is normally located at the midpoint of the object, but you can move the axis of rotation with the mouse to any location you like, even outside the object.
 
Rotations are made about an axis which is displayed as a small symbol. This is normally located at the midpoint of the object, but you can move the axis of rotation with the mouse to any location you like, even outside the object.
  
If you hold down the ''Shift'' key during the rotation, the operation will be carried out in increments of 15°.
+
If you hold down the ''Shift'' key during the rotation, the operation will be carried out in increments of 15°.
  
<center>[[Image:|thumb|''Figure 5: Rotating an object'']]</center>
+
[[Image:DG3Ch3F5.png|none|thumb|500px|''Rotating an object'']]
  
 
== Changing inclination or perspective ==
 
== Changing inclination or perspective ==
To slant or shear objects, use the red handles located at the midpoint of an edge of the selected objects. The mouse pointer changes to a [[Image:]] when the pointer hovers over one of these midpoint handles. Not every object can be slanted—basic shapes can be rotated but not slanted.
+
To slant or shear objects, use the red handles located at the midpoint of an edge of the selected objects. The mouse pointer changes to a [[Image:ShearPointer.png]] when the pointer hovers over one of these midpoint handles. Not every object can be slanted &mdash; basic shapes can be rotated but not slanted.
  
The slant axis is the point directly opposite the midpoint handle to be used for shearing the object. This point stays fixed in location; the other sides and edges move in relation to it as the mouse is dragged (make sure that the [[Image:]] icon is showing before dragging).
+
The slant axis is the point directly opposite the midpoint handle to be used for shearing the object. This point stays fixed in location; the other sides and edges move in relation to it as the mouse is dragged (make sure that the [[Image:ShearPointer.png]] icon is showing before dragging).
  
Figure 6 shows how the vertices move in relation to each other during the shearing process. The circles represent the path of the vertices. The inclination axis is the bottom vertex of the triangle (the slanting handle used is the midpoint of the upper enclosing frame). All points on the figure will move through the same angle irrespective of the final shape. The actual angle is shown in the status bar.
+
The figure below shows how the vertices move in relation to each other during the shearing process. The circles represent the path of the vertices. The inclination axis is the bottom vertex of the triangle (the slanting handle used is the midpoint of the upper enclosing frame). All points on the figure will move through the same angle irrespective of the final shape. The actual angle is shown in the status bar.
  
<center>[[Image:|thumb|'' '' ''Figure 6: Shearing an object'']]</center>
+
{|
 +
|[[Image:DG3Ch3F6.png|none|thumb|200px|Shearing an object'']]
 +
|[[Image:DG3Ch3F6a.png|none|thumb|200px]]
 +
|}
  
  
{| style="border-spacing:0;"
+
{{Note| The triangle in shown above was produced with the (unfilled) polygon tool and then '''Close Object''' was selected from the context menu.}}
| style="border-top:0.0139in solid #000080;border-bottom:0.0139in solid #000080;border-left:none;border-right:none;padding:0.059in;"| <center>'''Note'''</center>
+
| style="border-top:0.0139in solid #000080;border-bottom:0.0139in solid #000080;border-left:none;border-right:none;padding:0.059in;"| The triangle in Figure 6 was produced with the (unfilled) polygon tool and then '''Close Object''' was selected from the context menu.
+
  
 +
This tool can be used to produce perspective drawings. The following series of pictures shows the method of constructing a cuboid or rectangular prism. To shorten the edges leading from front to back, reduce the length before you distort the height or width of the surface.
 +
 +
{|
 +
|[[Image:DG3Ch3F7a.png|thumb|70px|]]
 +
|[[Image:DG3Ch3F7b.png|thumb|70px]]
 +
|[[Image:DG3Ch3F7c.png|thumb|70px]]
 +
|[[Image:DG3Ch3F7d.png|thumb|70px]]
 +
|[[Image:DG3Ch3F7e.png|thumb|70px]]
 +
|-
 +
|colspan="5"|''Perspective production of a cuboid''
 +
|-
 
|}
 
|}
This tool can be used to produce perspective drawings. The series of pictures in Figure 7 shows the method of constructing a cuboid or rectangular prism. To shorten the edges leading from front to back, reduce the length before you distort the height or width of the surface.
 
  
<center>[[Image:|thumb|''Figure 7: Perspective production of a cuboid'']]</center>
+
As with rotation, you can make the slanting occur in steps of 15° by pressing the ''Shift'' key while moving the handle.
 
+
As with rotation, you can make the slanting occur in steps of 15° by pressing the ''Shift'' key while moving the handle.
+
  
 
= Setting size and position exactly =
 
= Setting size and position exactly =
Line 166: Line 167:
  
 
== Position and Size ==
 
== Position and Size ==
Open the '''Position and Size''' dialog (see Figure 8) and click on the first tab to set the appropriate values.
+
Open the '''Position and Size''' dialog and click on the first tab to set the appropriate values.
  
<center>[[Image:|thumb|''Figure 8: Position and size of an object'']]</center>
+
[[Image:DG3Ch3F8.png|none|thumb|500px|''Position and size of an object'']]
  
Position is defined as an X,Y coordinate relative to a fixed point (the ''base point''), typically located at the upper left of the drawing area. If desired, you can temporarily change this base point to make positioning or dimensioning simpler (click on the radio button corresponding to the location of the base point in either of the two selection windows on the right side of the dialog—upper for positioning or lower for dimensioning). The possible base point positions correspond to the handles on the selection frame plus a central point. The change in position lasts only as long as you have the dialog open; when you close this dialog, Draw resets the base point to the standard position.
+
Position is defined as an X,Y coordinate relative to a fixed point (the ''base point''), typically located at the upper left of the drawing area. If desired, you can temporarily change this base point to make positioning or dimensioning simpler (click on the radio button corresponding to the location of the base point in either of the two selection windows on the right side of the dialog &mdash; upper for positioning or lower for dimensioning). The possible base point positions correspond to the handles on the selection frame plus a central point. The change in position lasts only as long as you have the dialog open; when you close this dialog, Draw resets the base point to the standard position.
  
  
{| style="border-spacing:0;"
+
{{Tip| The '''Keep ratio''' checkbox is very useful. Click it to keep the ratio of width to height fixed while you change the size of an object.}}
| style="border-top:0.0139in solid #000080;border-bottom:0.0139in solid #000080;border-left:none;border-right:none;padding:0.059in;"| <center>'''Tip'''</center>
+
| style="border-top:0.0139in solid #000080;border-bottom:0.0139in solid #000080;border-left:none;border-right:none;padding:0.059in;"| The '''Keep ratio''' checkbox is very useful. Click it to keep the ratio of width to height fixed while you change the size of an object.
+
  
|}
 
 
Either or both the size and position can be protected so that they cannot be inadvertently changed. Check the appropriate boxes to achieve this.
 
Either or both the size and position can be protected so that they cannot be inadvertently changed. Check the appropriate boxes to achieve this.
  
  
{| style="border-spacing:0;"
+
{{Tip| You cannot move an object? Check to see if the position is protected!}}
| style="border-top:0.0139in solid #000080;border-bottom:0.0139in solid #000080;border-left:none;border-right:none;padding:0.059in;"| <center>'''Tip'''</center>
+
| style="border-top:0.0139in solid #000080;border-bottom:0.0139in solid #000080;border-left:none;border-right:none;padding:0.059in;"| You cannot move an object? Check to see if the position is protected!
+
  
|}
 
 
== Rotating objects ==
 
== Rotating objects ==
Click on the '''Rotation''' tab of the '''Position and Size''' dialog (see Figure 7). Here you can define the rotation angle, as well as the location of the pivot point.
+
Click on the '''Rotation''' tab of the '''Position and Size''' dialog. Here you can define the rotation angle, as well as the location of the pivot point.
  
:
+
[[Image:DG3Ch3F9.png|none|thumb|500px|''Rotating an object'']]
::
+
::: <center>[[Image:|thumb|<br/> ''Figure 9: Rotating an object'']]</center>
+
  
 
== Slant and corner radius ==
 
== Slant and corner radius ==
With some Draw objects the slant angle (inclination or shearing) and corner radius can be set in this dialog (Figure 10).
+
With some Draw objects the slant angle (inclination or shearing) and corner radius can be set in this dialog.
  
<center>[[Image:|thumb|''Figure 10: Setting rounded corners and slant angle'']]</center>
+
[[Image:DG3Ch3F10.png|none|thumb|500px|''Setting rounded corners and slant angle'']]
  
 
'''Corner radius'''
 
'''Corner radius'''
  
<center>[[Image:|thumb|''Figure 11: Example of setting rounded corners'']]</center>
+
{|
 +
|[[Image:DG3Ch3F11a.png|none|thumb|200px]]
 +
|[[Image:DG3Ch3F11b.png|none|thumb|200px]]
 +
|-
 +
|colspan="2"|''Example of setting rounded corners''
 +
|}
  
You can use this dialog to round the corners of the usual Draw objects—text boxes, legends, rectangles, and squares, as shown in Figure 11. The same effect can be achieved when you are in the points mode (by clicking the '''Points''' icon on the Drawing toolbar), by dragging the large handle with the mouse. The larger the value for the corner radius, the more round will be the object.
+
You can use this dialog to round the corners of the usual Draw objects &mdash; text boxes, legends, rectangles, and squares, as shown above. The same effect can be achieved when you are in the points mode (by clicking the '''Points''' icon on the Drawing toolbar), by dragging the large handle with the mouse. The larger the value for the corner radius, the more round will be the object.
  
 
'''Slant'''
 
'''Slant'''
Line 209: Line 207:
  
  
{| style="border-spacing:0;"
+
{|  
| style="border:none;padding:0in;"| [[Image:]]
+
| [[Image:DG3Ch3F12a.png|thumb|100px]]
| style="border:none;padding:0in;"| [[Image:]]
+
| [[Image:DG3Ch3F12b.png|thumb|100px]]
| style="border:none;padding:0in;"| [[Image:]]
+
| [[Image:DG3Ch3F12c.png|thumb|100px]]
 
+
 
|-
 
|-
| colspan="3"  style="border:none;padding:0in;"| :
+
|colspan="3"|''Example of setting the slant angle in a classic Draw object''
::
+
:::
+
:::: ''Figure 12: Example of setting the slant angle in a classic Draw object''
+
 
+
 
+
 
+
 
|}
 
|}
 +
 
= Editing object points =
 
= Editing object points =
For polygons and Bézier curves, Draw offers a complete set of tools that let you accurately edit the contour of an object. To edit other objects in the same way, you must first convert them into curves. To do this, select the object, then right-click and choose '''Convert > To Curve''' or choose '''Modify > Convert > To Curve''' from the menu bar.
+
For polygons and Bézier curves, Draw offers a complete set of tools that let you accurately edit the contour of an object. To edit other objects in the same way, you must first convert them into curves. To do this, select the object, then right-click and choose '''Convert > To Curve''' or choose '''Modify > Convert > To Curve''' from the menu bar.
  
 
You can also convert the shapes to a polygon ('''Convert > To Polygon'''). With polygons, the edge points are always connected with straight lines and not with curves. Some of the techniques described work equally with polygons as with curves.
 
You can also convert the shapes to a polygon ('''Convert > To Polygon'''). With polygons, the edge points are always connected with straight lines and not with curves. Some of the techniques described work equally with polygons as with curves.
  
 
= An alternative way to change the form of basic shapes =
 
= An alternative way to change the form of basic shapes =
In current versions of Draw, many of the new shapes can be directly edited without having to convert them to curves first. You can recognize these objects by the presence of one (or more) circular yellow handles as shown in Figure 13. The mouse pointer changes shape when hovered over a yellow handle.
+
In current versions of Draw, many of the new shapes can be directly edited without having to convert them to curves first. You can recognize these objects by the presence of one (or more) circular yellow handles. The mouse pointer changes shape when hovered over a yellow handle.
  
If you drag one of these handles, you can modify the shape of the object; the type of change is dependent on the shape itself. For example, you can round the corners of a rectangle or square, change the angles of an arc or ellipse, or alter the control points of a circular or elliptical segment.
+
[[Image:DG3Ch3F13.png|none|thumb|500px|''Some basic shapes with yellow "handles"]]
  
<center>[[Image:|thumb|''Figure 13: Some basic shapes with yellow “handles”'']]</center>
+
If you drag one of these handles, you can modify the shape of the object; the type of change is dependent on the shape itself. For example, you can round the corners of a rectangle or square, change the angles of an arc or ellipse, or alter the control points of a circular or elliptical segment.
  
 
= How curves work =
 
= How curves work =
The editing of curves depends on the mathematics of Bézier curves<ref name="ftn1">Bézier curves were invented by Pierre Bézier, an engineer working with the Renault car manufacturer, who developed the technique in the 1960s. The technology was intended to make modeling the surface of vehicles easier.</ref>. The complete study of such curves goes beyond this scope of this guide, and only the basics are covered here. Chapter 10 (Advanced Draw Techniques) provides more information on drawing and manipulating Bézier curves.
+
The editing of curves depends on the mathematics of Bézier curves<ref name="ftn1">Bézier curves were invented by Pierre Bézier, an engineer working with the Renault car manufacturer, who developed the technique in the 1960s. The technology was intended to make modeling the surface of vehicles easier.</ref>. The complete study of such curves goes beyond this scope of this guide, and only the basics are covered here. [[Documentation/OOo3_User_Guides/Draw_Guide/Advanced_Draw_Techniques|Advanced Draw Techniques]] provides more information on drawing and manipulating Bézier curves.
  
The editing of a Bézier curve consists in principle of moving points or tangents passing through these points. Each tangent has two control points—one at each end—and a junction point where it meets the curve. The relative angle and distance between the control points determine the shape of the curve. Figure 14 shows several variations starting from a basic circle and changing only one point on the circle.
+
The editing of a Bézier curve consists in principle of moving points or tangents passing through these points. Each tangent has two control points &mdash; one at each end &mdash; and a junction point where it meets the curve. The relative angle and distance between the control points determine the shape of the curve. The figure shows several variations starting from a basic circle and changing only one point on the circle.
  
 
You can create many different shapes by moving either the junction point itself, or one or both of the round handle points at either end of the tangent.
 
You can create many different shapes by moving either the junction point itself, or one or both of the round handle points at either end of the tangent.
  
<center>[[Image:|thumb|''Figure 14: Creating different shapes by changing the tangent'']]</center>
+
[[Image:DG3Ch3F14.png|none||thumb|500px|''Creating different shapes by changing the tangent'']]
  
Draw offers even more possibilities when you use the functions on the Bézier curve toolbar.
+
Draw offers even more possibilities when you use the functions on the Bézier curve toolbar.
  
 
== The Edit Points toolbar ==
 
== The Edit Points toolbar ==
When you work in Edit Points mode, use the Edit Points toolbar, shown in Figure 15. To activate this toolbar, choose '''View > Toolbars > Edit Points'''. It will then appear whenever you select a curve and the Edit Points icon on the Drawing toolbar is active.
+
When you work in Edit Points mode, use the Edit Points toolbar. To activate this toolbar, choose '''View > Toolbars > Edit Points'''. It will then appear whenever you select a curve and the Edit Points icon on the Drawing toolbar is active.
  
<center>[[Image:|thumb|<center></center> 1 Points5 Split Curve 9 Symmetric Transition 2 Move Points6 Convert to Curve10 Close Bézier 3 Insert Points7 Corner Point11 Eliminate Points 4 Delete Points8 Smooth Transition ''Figure 15: Edit Points toolbar'']]</center>
+
[[Image:DG3Ch3F15.png|none|thumb|500px|1 Points 2 Move Points 3 Insert Points 4 Delete Points 5 Split Curve 6 Convert to Curve 7 Corner Point 8 Smooth Transition 9 Symmetric Transition  10 Close Bézier  11 Eliminate Points  <BR> ''Edit Points toolbar'']]
  
 
On this toolbar, icons may be active or inactive depending on the selected object and object point. With the Convert to Curve icon, you can determine for individual points whether their connection will be made with straight lines or with curves.
 
On this toolbar, icons may be active or inactive depending on the selected object and object point. With the Convert to Curve icon, you can determine for individual points whether their connection will be made with straight lines or with curves.
Line 258: Line 250:
 
Three buttons in the Edit Points Toolbar let you select the type of tangent and convert from one type to another. Only one of these buttons can be active at any given time. Their use is described in the following chapter.
 
Three buttons in the Edit Points Toolbar let you select the type of tangent and convert from one type to another. Only one of these buttons can be active at any given time. Their use is described in the following chapter.
  
 
+
{|
{| style="border-spacing:0;"
+
|[[Image:DG3Ch3F16.png|left|thumb|''Symmetric tangent'']]
| style="background-color:transparent;border:none;padding:0.0382in;"| [[Image:|thumb|[[Image:|thumb|''Figure 16: Symmetric tangent'']]]]
+
|Choose the '''Symmetric Transition''' button [[Image:SymmetricTransitionIcon.png]] to work with a symmetrical tangent. Any movement of one or the other of the handles is carried over symmetrically to the other handle.
| style="border:none;padding:0.0382in;"| Choose the '''Symmetric Transition''' button [[Image:]] to work with a symmetrical tangent (Figure 16). Any movement of one or the other of the handles is carried over symmetrically to the other handle.
+
 
+
 
|-
 
|-
| style="background-color:transparent;border:none;padding:0.0382in;"| <center>[[Image:|thumb|''Figure 17: Asymmetric tangent'']]</center>
+
|[[Image:DG3-16.png|left|thumb|''Asymmetric tangent'']]
| style="border:none;padding:0.0382in;"| Choose the '''Smooth Transition''' button [[Image:]] to separately adjust the lengths of the two parts of a tangent and so make the curve flatter or steeper. In Figure 17, you can clearly see that the curve is flatter on the longest side of the tangent. The tangent remains as a single straight line. This kind of tangent is known as a smooth junction.  
+
|Choose the '''Smooth Transition''' button [[Image:SmoothTransitionIcon.png]] to separately adjust the lengths of the two parts of a tangent and so make the curve flatter or steeper. In the figure you can clearly see that the curve is flatter on the longest side of the tangent. The tangent remains as a single straight line. This kind of tangent is known as a smooth junction.  
 
+
 
|-
 
|-
| style="background-color:transparent;border:none;padding:0.0382in;"| [[Image:|thumb|''Figure 18: Inflexion point'']]
+
|[[Image:DG3-17.png|left|thumb|''Inflexion point'']]
| style="border:none;padding:0.0382in;"| It is also possible to completely detach both sides of the tangent. In this case, the central point is known as the ''inflexion point''. Using this technique, you can draw spikes and troughs in objects. Choose the '''Corner Point''' button [[Image:]] to create an inflexion point around the selected point.
+
|It is also possible to completely detach both sides of the tangent. In this case, the central point is known as the ''inflexion point''. Using this technique, you can draw spikes and troughs in objects. Choose the '''Corner Point''' button [[Image:CornerPointIcon.png]] to create an inflexion point around the selected point.
 +
|}
  
|}
 
 
== Examples ==
 
== Examples ==
 
The other buttons in the Edit Points Toolbar are described here in relation to working examples. The following examples start from a filled circle. As mentioned earlier, in order to use Edit Points mode, you first need to convert the object to a curve.
 
The other buttons in the Edit Points Toolbar are described here in relation to working examples. The following examples start from a filled circle. As mentioned earlier, in order to use Edit Points mode, you first need to convert the object to a curve.
Line 277: Line 266:
 
You will notice that after the conversion, the handles located in the corners of the rectangle have disappeared. This behavior is normal in that the handles which are used in the Edit Points mode are located along the outline or trace of the drawn object.
 
You will notice that after the conversion, the handles located in the corners of the rectangle have disappeared. This behavior is normal in that the handles which are used in the Edit Points mode are located along the outline or trace of the drawn object.
  
 +
{|
 +
|[[Image:DG3Ch3F19.png|top|thumb|''Moving a junction point'']]
 +
|The '''Move Points''' button [[Image:MovePointsIcon.png]] is the default mode when editing points. If it has not been activated, click on its button. When this mode is active, the mouse pointer has the following shape when it is hovered over an edit point:
  
{| style="border-spacing:0;"
+
[[Image:DG3-18a.png|none]]
| style="border:none;padding:0.0382in;"| [[Image:|thumb|<center></center> ''Figure 19: Moving a junction point'']]
+
Movement of a point is one of the easiest manipulations to do. The figure illustrates how you can draw an egg very easily by starting from a circle and dragging the the top point upwards.
| style="border:none;padding:0.0382in;"| The '''Move Points''' button [[Image:]] is the default mode when editing points. If it has not been activated, click on its button. When this mode is active, the mouse pointer has the following shape when it is hovered over an edit point:
+
 
+
<center>[[Image:]]</center>
+
 
+
Movement of a point is one of the easiest manipulations to do. Figure 19 illustrates how you can draw an egg very easily by starting from a circle and dragging the the top point upwards.
+
 
+
 
|-
 
|-
| style="border:none;padding:0.0382in;"| [[Image:|thumb|<center></center> ''Figure 20: Rotating a tangent'']]
+
|[[Image:DG3Ch3F0d.pngDG3Ch3F20.png|thumb|''Rotating a tangent'']]
| style="border:none;padding:0.0382in;"| To change the direction or location of the tangents, move the circular handles at each end. The mouse pointer then looks like this:
+
|To change the direction or location of the tangents, move the circular handles at each end. The mouse pointer then looks like this:
 
+
[[Image:DG3Ch3F0e.png|none]]
<center>[[Image:]]</center>
+
 
+
 
|-
 
|-
| style="border:none;padding:0.0382in;"| [[Image:|thumb|''Figure 21: Adding an edit point to a curve'']]
+
|[[Image:DG3Ch3F21.png|thumb|''Adding an edit point to a curve'']]
| style="border:none;padding:0.0382in;"| Use the '''Add Points''' button [[Image:]] to add an extra edit point to an existing curve. Click on the curve at the spot where you want to insert a point and then move the mouse slightly in any direction while holding down the button. Watch out! If you just click, the new point will not be added.
+
|Use the '''Add Points''' button [[Image:AddPointsIcon.png]] to add an extra edit point to an existing curve. Click on the curve at the spot where you want to insert a point and then move the mouse slightly in any direction while holding down the button. Watch out! If you just click, the new point will not be added.
  
 
The tangent attributes associated with the new point depend on the buttons that are selected on the toolbar.
 
The tangent attributes associated with the new point depend on the buttons that are selected on the toolbar.
 
 
|-
 
|-
||
+
|[[Image:DG3Ch3F22a.png|thumb]]
{| style="border-spacing:0;"
+
|The '''Delete Points''' button [[Image:DeletePointsIcon.png]] has the opposite effect: it subtracts one or more points from the curve. The resulting curve stretches itself automatically around the remaining points after subtraction.
| style="border:none;padding:0.0382in;"| [[Image:]]
+
 
+
 
|-
 
|-
| style="border:none;padding:0.0382in;"| [[Image:|thumb|➊'' '' ''Figure 22: Deleting points from a curve'']]
+
|[[Image:DG3Ch3F22b.png|thumb''Deleting points from a curve'']]
 
+
|Select one or more points to delete. You can select several points by holding down the ''Shift'' key (1). When you have selected the points you want to delete, click the '''Delete Points''' [[Image:DeletePointsIcon.png]] button. The selected points disappear from the curve, which then reforms around the remaining points (2).
|}
+
 
+
| style="border:none;padding:0.0382in;"| The '''Delete Points''' button [[Image:]] has the opposite effect: it subtracts one or more points from the curve. The resulting curve stretches itself automatically around the remaining points after subtraction.
+
 
+
Select one or more points to delete. You can select several points by holding down the ''Shift'' key (➊).
+
 
+
When you have selected the points you want to delete, click the '''Delete Points''' [[Image:]] button. The selected points disappear from the curve, which then reforms around the remaining points (➋).
+
 
+
 
You can also delete the selected points by pressing the ''Del'' key on the keyboard.
 
You can also delete the selected points by pressing the ''Del'' key on the keyboard.
 
 
|-
 
|-
| style="border:none;padding:0.0382in;"| ➊[[Image:]]
+
|[[Image:DG3Ch3F23a.png|thumb]]
 
+
|Use the '''Split Curve''' button [[Image:SplitCurveIcon.png]] to split or cut a curve at the location of the selected handle. If the object is filled, it will be emptied because the curve that represented the edge is no longer closed.
➋[[Image:]]
+
|-
 
+
|[[Image:DG3Ch3F23b.png|thumb]]
<div align="right">[[Image:|thumb|<div align="right"></div> ''Figure 23: Cutting a curve'']]</div>
+
|Check that you have selected the correct handle (1), click the '''Split Curve button''' [[Image:SplitCurveIcon.png]] (2) and notice that the object is no longer filled. You can then check, by moving the point, that the curve has indeed been separated (3).
| style="border:none;padding:0.0382in;"| Use the '''Split Curve''' button [[Image:]] to split or cut a curve at the location of the selected handle. If the object is filled, it will be emptied because the curve that represented the edge is no longer closed.
+
|-
 
+
|[[Image:DG3Ch3F23c.png|thumb|''Cutting a curve'']]
Check that you have selected the correct handle (➊), click the '''Split Curve button''' [[Image:]] (➋) and notice that the object is no longer filled. You can then check, by moving the point, that the curve has indeed been separated (➌).
+
| If you have an open curve, the start point of the curve is larger than the others.
 
+
If you have an open curve, the start point of the curve is larger than the others.
+
  
 
|-
 
|-
| style="border:none;padding:0.0382in;"| [[Image:|thumb|''Figure 24: Moving a segment'']]
+
|[[Image:DG3Ch3F24.png|thumb|''Moving a segment'']]
| style="border:none;padding:0.0382in;"| You can also separate a curve at several points simultaneously. Keep the ''Shift'' key pressed down and select all of the points at which the cut should occur.
+
|You can also separate a curve at several points simultaneously. Keep the ''Shift'' key pressed down and select all of the points at which the cut should occur.
  
 
Drag and drop segments with the mouse to move them from the original curve.
 
Drag and drop segments with the mouse to move them from the original curve.
  
 
|-
 
|-
| style="border:none;padding:0.0382in;"| [[Image:|thumb|''Figure 25: Closing an open curve'']]
+
|[[Image:DG3Ch3F25a.png|thumb]]
| style="border:none;padding:0.0382in;"| To close an existing curve, select an open curve and click on the '''Close Bézier''' button [[Image:]].
+
|To close an existing curve, select an open curve and click on the '''Close Bézier''' button [[Image:CloseBezierIcon.png]].
 
+
 
+
The opening point is identified by a slightly larger handle (Figure 25).
+
 
+
 
|-
 
|-
| style="border:none;padding:0.0382in;"| ➊[[Image:|thumb|➋''Figure 26: Using the “select points” switch'']]
+
|[[Image:DG3Ch3F25b.png|thumb|''Closing an open curve'']]
| style="border:none;padding:0.0382in;"| The '''Select''' button [[Image:]] on the '''Drawing''' toolbar functions as a switch. It works as follows.
+
|The opening point is identified by a slightly larger handle.
 
+
If you have two points linked together by a straight line (you do not need to have a curve between the points) and you insert a new point between them that is set at an angle to the initial straight line (and hence the two endpoints), then:
+
 
+
* If the '''Select''' button is active, you will have a drawing similar to that illustrated in ➊.
+
* If the '''Select''' button is not active, and you move the point you have just inserted to bring it back close to its initial position in the straight line, you will have a drawing similar to that illustrated in ➋.
+
 
+
 
+
 
+
|}
+
 
+
{| style="border-spacing:0;"
+
||
+
{| style="border-spacing:0;"
+
| style="border:none;padding:0.0382in;"| [[Image:|thumb|''1.'' ''Select object and set Edit points mode'']]
+
 
+
 
|-
 
|-
| style="border:none;padding:0.0382in;"| [[Image:|thumb|''2.'' ''Draw virtual lines'']]
+
|[[Image:DG3Ch3F26a.png|thumb]]
 
+
|The '''Select''' button [[Image:SelectIcon.png]] on the '''Drawing''' toolbar functions as a switch. It works as follows. If you have two points linked together by a straight line (you do not need to have a curve between the points) and you insert a new point between them that is set at an angle to the initial straight line (and hence the two endpoints), then:
[[Image:|thumb|''3.'' ''Release mouse button'']]
+
|-
 
+
|[[Image:DG3Ch3F26b.png|thumb|''Using the "select points" switch'']]
 
+
|* If the '''Select''' button is active, you will have a drawing similar to that illustrated in (1).
[[Image:|thumb|''Figure 27: Reducing a line by one point'']]
+
* If the '''Select''' button is not active, and you move the point you have just inserted to bring it back close to its initial position in the straight line, you will have a drawing similar to that illustrated in (2).
 
+
|-
|}
+
|[[Image:DG3Ch3F27a.png|thumb|''1.'' ''Select object and set Edit points mode'']]
 
+
|The '''Eliminate Points''' button [[Image:EliminatePointsIcon.png]] button only functions with lines with multiple points. If the button is active, click on a point, hold the mouse button down and move the mouse to draw virtual straight lines between the neighboring left and right points.
| style="border:none;padding:0.0382in;"| The '''Eliminate Points''' button [[Image:]] button only functions with lines with multiple points.
+
|-
 
+
|[[Image:DG3Ch3F27b.png|thumb|''2.'' ''Draw virtual lines'']]
If the button is active, click on a point, hold the mouse button down and move the mouse to draw virtual straight lines between the neighboring left and right points.
+
|When the two lines are more or less straight and you release the mouse button, the point is deleted and a line between the above mentioned two neighboring points replaces the previous two lines, thus eliminating one point.
 
+
When the two lines are more or less straight and you release the mouse button, the point is deleted and a line between the above mentioned two neighboring points replaces the previous two lines, thus eliminating one point.
+
 
+
Note that this only works when the angle between the two lines shown dashed in the figure at left is less than a certain amount.
+
 
+
In the '''Tools > Options > OpenOffice.org Draw > Grid''' window there are options for snap settings relating to editing points when rotating and in point reduction mode.
+
 
+
|}
+
 
+
{| style="border-spacing:0;"
+
||
+
{| style="border-spacing:0;"
+
| style="border:none;padding:0.0382in;"| ➊
+
 
+
 
|-
 
|-
| style="border:none;padding:0.0382in;"| [[Image:|thumb|''Figure 28: Moving a point on a curve'']][[Image:]]
+
|[[Image:DG3Ch3F27c.png|thumb|''3.'' ''Release mouse button'']]
 +
|Note that this only works when the angle between the two lines shown dashed in the figure at left is less than a certain amount.
 +
|-
 +
|[[Image:DG3Ch3F27d.png|thumb|''Reducing a line by one point'']]
 +
|In the '''Tools > Options > OpenOffice.org Draw > Grid''' window there are options for snap settings relating to editing points when rotating and in point reduction mode.
 +
|-
 +
|[[Image:DG3Ch3F28a.png|thumb]]
 +
|The '''Rotate''' function from the '''Effects''' drop-down button [[Image:RotateIcon.png]] on the Drawing toolbar and the '''Rotation Mode after Clicking Object''' button [[Image:RotationModeIcon.png]] on the '''Options''' toolbar can be used in Edit Point mode. In this case, it can be used to move single points around the contour of an object.
 +
|-
 +
|[[Image:DG3Ch3F28b.png|thumb|''Moving a point on a curve'']]
 +
|Switch into rotation mode by clicking on either of the rotation buttons. Notice that in rotation mode, all of the tangent points become red dots.
  
|}
+
Select the point to be moved and then drag it around the contour while keeping the left mouse button pressed down (1). When you release the mouse button, the point will be moved to the new position (2).
 
+
| style="border:none;padding:0.0382in;"| The '''Rotate''' function from the '''Effects''' drop-down button [[Image:]] on the Drawing toolbar and the '''Rotation Mode after Clicking Object''' button [[Image:]] on the '''Options''' toolbar can be used in Edit Point mode. In this case, it can be used to move single points around the contour of an object.
+
 
+
Switch into rotation mode by clicking on either of the rotation buttons. Notice that in rotation mode, all of the tangent points become red dots.
+
 
+
Select the point to be moved and then drag it around the contour while keeping the left mouse button pressed down (➊). When you release the mouse button, the point will be moved to the new position (➋).
+
  
 
If you move one of the handles located at the end of the tangents during rotation, you will make the object rotate in exactly the same way as with the usual rotation operations.
 
If you move one of the handles located at the end of the tangents during rotation, you will make the object rotate in exactly the same way as with the usual rotation operations.
  
'''Important:''' To exit the effects mode, do not just click on the '''Effects''' button; click the '''Select''' button [[Image:]] on the Drawing toolbar.
+
'''Important:''' To exit the effects mode, do not just click on the '''Effects''' button; click the '''Select''' button [[Image:SelectIcon.png]] on the Drawing toolbar.
 
+
 
|}
 
|}
  

Latest revision as of 09:47, 16 July 2018




This is Chapter 3 of the OpenOffice.org 3 Draw Guide, produced by the OOoAuthors group. A PDF of this chapter is available from this wiki page.

Introduction

This chapter looks at the tools and functions that let you modify existing drawings. All of the functions apply to a selected object or group of objects, which can be distinguished by small colored squares or circles located around it. These points are called handles.

The handles form a rectangular frame that is just big enough to contain the object. Where several objects are selected, the frame around them corresponds to the smallest rectangle that can contain all of the objects. This frame is called the selection rectangle.

If the Options bar is displayed (select View > Toolbars > Options to turn it on, if it is not displayed), you can change the size of the handles using two buttons: Simple Handles shows the handles as flat squares; otherwise they are shown in 3D. Large Handles increases the size of the handles. You can combine the two effects. The figure below shows the location of the handles and other buttons.

Location of handles on the Options toolbar

Selection modes

There are three selection modes:

  1. Moving and changing size
  2. Editing
  3. Rotating points

To set the default mode (1 or 2) for selecting objects, click on the Points button PointsIcon.png on the Drawing toolbar.

In standard mode (when you begin a new drawing), the Points button is not active, and the default mode is for selections to be moved or changed in size; these selections are indicated by small green squares. DrawSelect1.png
When the Points button is active, the default mode is for selections to be edited; these selections are indicated by blue squares. Some objects will have one or more extra handles, which are larger or colored differently. This is explained in more detail in Editing object points. DrawSelect2.png
Selections for rotating objects are indicated by small red circles and a symbol representing the center of rotation. To choose these selections, click on the Effects drop-down button EffectsIcon.png from the Drawing toolbar and after that on the object.
DrawSelect3.png

Changing the selection mode

To go from one mode to another, you can do one of the following:

  • Choose the Points button PointsIcon.png from the Drawing toolbar to switch from simple selection mode to Points mode. You can also use the keyboard shortcut F8 (Points). See Editing object points for details on using Points mode.
  • Choose the Effects drop-down button from the Drawing Toolbar EffectsIcon.png to activate the Rotation mode for a selected object. To exit Rotation mode, click on the Selection icon SelectionIcon.png.
  • If you often work in Rotation mode, you can choose the Rotation Mode after Clicking Object button RotationIcon.png from the Options bar and cycle through normal and rotation modes just by clicking on the object. This can be more convenient than repeatedly clicking the selected object, then clicking the Rotate button from the Drawing toolbar.

Selecting objects

Direct selection

The easiest way to select an object is to click directly on it. For objects that are not filled, click on the object's outline to select it. One click selects; a second click deselects. To select or deselect more than one object, hold the shift button down while clicking.

Selection by framing

You can also select several objects at once by using the mouse to drag a large rectangle around the objects with the Select button, as shown. For this to work, the SelectionIcon.png icon on the Drawing toolbar must be active.

Only objects that lie entirely within the rectangle will be selected.

DG3Ch3F0a.png

Selecting hidden objects

Even if objects are located behind others and not visible, they can still be selected. Hold down the Alt key and click where the object is located. If there are several overlapping objects, hold down the Alt key and click until you reach the object you want. To cycle through the objects in reverse order, hold down the Alt+Shift keys and click. The number and type of the selected objects is shown at the left of the status bar to help you to select the correct object.

Documentation note.png This method generally works in Windows, but on a Linux system it usually does not. If the Alt key on your system does not operate as described above, use the Tab key method described below.

To select an object that is covered by another object using the keyboard, use the Tab key to cycle through the objects, stopping at the object you wish to select. To cycle through the objects in reverse order, press Shift+Tab. This is a very quick way to reach the object you want, but it may not be practical if you have a large number of objects in your drawing.

When you click on the selected object, its outline will appear briefly through the objects covering it.


In the illustration to the right, the square located beneath the circle was selected in this way (the circle has been made semi-transparent in order to show the square).

SelectHidden.png


Arranging objects

In a complex drawing, several objects may be stacked on top of one another. To rearrange the stacking order (move an object to the front or to the back of the stack), select the object, click Modify > Arrange and choose Bring Forward or Send Backward. Or right-click the object, choose Arrange from the context menu, then choose Bring Forward or Send Backward.

These options are also available from the Arrange tear-off toolbar accessible from the ArrangeIcon.png icon on the Drawing toolbar. A keyboard shortcut is Shift+Ctrl+plus sign to bring an object to the top, and Shift+Ctrl+minus sign to send an object to the bottom.

Note, however, that an object located on the Controls layer always lies above all other objects.

Moving and dynamically adjusting an object's size

There are several ways of moving or changing the size of an object. The dynamic method described here uses the mouse.

When you dynamically change an object, remember to check the left-hand area of the status bar at the bottom of the Draw window. This area shows detailed information about the ongoing manipulation

Left end of status bar during dynamic adjustment

For example, when you are resizing an object, the object information fields show which object is selected, the current position in X/Y coordinates, and object dimensions (width x height). The information changes as the mouse is moved. The units of measurement are those selected under Tools > Options > OpenOffice.org Draw > General.

Dynamic movement of objects

To move an object, select it and then click within the object's border and hold down the left mouse button while dragging the mouse. During movement, the shape of the object appears as dotted lines to help with repositioning. DG3Ch3F0b.png

To drop the object at its new location, release the mouse button. The new position appears immediately in the Status Bar.

Dynamic size modification of objects

To change the size of a selected object (or a group of selected objects) with the mouse, move one of the handles located around the selection. As shown in the illustration, the outline of the resulting new object appears as a dotted line while the mouse button is pressed.

DG3Ch3F0c.png

The results depend on which handle you use. To resize an object along one axis, use the appropriate side handle. To resize along both axes, use a corner handle. The new size appears immediately in the status bar.


Documentation note.png If you press the Shift key while resizing an object, the change in size will be carried out symmetrically with respect to the two axes, so that the aspect ratio of the object remains the same.

Dynamic size modification of objects with the help of the status bar

If you select an object and modify it using the mouse, the changes are immediately reflected in the information field of the status bar. With geometric shapes (such as basic shapes, symbol shapes, block arrows), the only information shown in the status bar is that the shape is being resized, as shown in the top-left image below. With geometric elements (rectangles, circles, and so on), the changes to the attributes of the element (either relative or absolute) are also shown, as in the top-right image.

The Information field during dynamic size modification of objects

In the case of a rectangle, the new size is shown as percentages of the original x and y dimensions. For a line, much more information is given: the absolute change in x and y coordinates of the end point being moved, together with the current length and bearing of the modified line. These are updated dynamically as the end point is moved.

This is the only place where the exact start and end angles of an arc or the length and bearing of a sloping line are shown. This information enables you to size the object with considerable accuracy.

Modifying an arc

The beginning and end points of an arc can be modified. Select the arc and click on the Points icon PointsIcon.png on the Drawing toolbar to enter the Edit points mode (described later in this chapter). In this mode, the handles on the selection frame change — two larger blue handles appear at the beginning and end points of the arc. When the mouse hovers over one of these points the cursor will change to a hand.

Editing an arc

If you click and hold the mouse button when the hand cursor appears, moving the mouse will change the location of the start or end point of the arc. The actual coordinates are shown in the Status Bar (see lower left graphic in previous paragraph).

Rotating and shearing an object using the mouse

Use the red rotation handles to either rotate an object around an axis or slant or shear the object.

Rotating

To rotate an object (or a group of objects), drag a red corner handle point of the selection with the mouse. The mouse cursor takes the shape of an arc of a circle with an arrow at each end. A dotted outline of the object being rotated appears and the current angle of rotation is dynamically shown in the status bar.


Documentation note.png Rotation works in a slightly different way for 3D objects because the rotation occurs in 3D space and not in one plane. See Working with 3D Objects regarding rotation when the Edit Points mode is active.

Rotations are made about an axis which is displayed as a small symbol. This is normally located at the midpoint of the object, but you can move the axis of rotation with the mouse to any location you like, even outside the object.

If you hold down the Shift key during the rotation, the operation will be carried out in increments of 15°.

Rotating an object

Changing inclination or perspective

To slant or shear objects, use the red handles located at the midpoint of an edge of the selected objects. The mouse pointer changes to a ShearPointer.png when the pointer hovers over one of these midpoint handles. Not every object can be slanted — basic shapes can be rotated but not slanted.

The slant axis is the point directly opposite the midpoint handle to be used for shearing the object. This point stays fixed in location; the other sides and edges move in relation to it as the mouse is dragged (make sure that the ShearPointer.png icon is showing before dragging).

The figure below shows how the vertices move in relation to each other during the shearing process. The circles represent the path of the vertices. The inclination axis is the bottom vertex of the triangle (the slanting handle used is the midpoint of the upper enclosing frame). All points on the figure will move through the same angle irrespective of the final shape. The actual angle is shown in the status bar.

Shearing an object
DG3Ch3F6a.png


Documentation note.png The triangle in shown above was produced with the (unfilled) polygon tool and then Close Object was selected from the context menu.

This tool can be used to produce perspective drawings. The following series of pictures shows the method of constructing a cuboid or rectangular prism. To shorten the edges leading from front to back, reduce the length before you distort the height or width of the surface.

DG3Ch3F7a.png
DG3Ch3F7b.png
DG3Ch3F7c.png
DG3Ch3F7d.png
DG3Ch3F7e.png
Perspective production of a cuboid

As with rotation, you can make the slanting occur in steps of 15° by pressing the Shift key while moving the handle.

Setting size and position exactly

You can position and resize objects with the mouse, but this method is not very exact. If you need accurate positioning of objects, use Format > Position and Size from the menu bar, or right-click the object and select Position and Size from the context menu, or press F4.

Position and Size

Open the Position and Size dialog and click on the first tab to set the appropriate values.

Position and size of an object

Position is defined as an X,Y coordinate relative to a fixed point (the base point), typically located at the upper left of the drawing area. If desired, you can temporarily change this base point to make positioning or dimensioning simpler (click on the radio button corresponding to the location of the base point in either of the two selection windows on the right side of the dialog — upper for positioning or lower for dimensioning). The possible base point positions correspond to the handles on the selection frame plus a central point. The change in position lasts only as long as you have the dialog open; when you close this dialog, Draw resets the base point to the standard position.


Tip.png The Keep ratio checkbox is very useful. Click it to keep the ratio of width to height fixed while you change the size of an object.


Either or both the size and position can be protected so that they cannot be inadvertently changed. Check the appropriate boxes to achieve this.


Tip.png You cannot move an object? Check to see if the position is protected!


Rotating objects

Click on the Rotation tab of the Position and Size dialog. Here you can define the rotation angle, as well as the location of the pivot point.

Rotating an object

Slant and corner radius

With some Draw objects the slant angle (inclination or shearing) and corner radius can be set in this dialog.

Setting rounded corners and slant angle

Corner radius

DG3Ch3F11a.png
DG3Ch3F11b.png
Example of setting rounded corners

You can use this dialog to round the corners of the usual Draw objects — text boxes, legends, rectangles, and squares, as shown above. The same effect can be achieved when you are in the points mode (by clicking the Points icon on the Drawing toolbar), by dragging the large handle with the mouse. The larger the value for the corner radius, the more round will be the object.

Slant

You can shear the older, classic Draw objects, but not the newer Shape objects. Enter the slant angle in the box marked Slant Angle.


DG3Ch3F12a.png
DG3Ch3F12b.png
DG3Ch3F12c.png
Example of setting the slant angle in a classic Draw object

Editing object points

For polygons and Bézier curves, Draw offers a complete set of tools that let you accurately edit the contour of an object. To edit other objects in the same way, you must first convert them into curves. To do this, select the object, then right-click and choose Convert > To Curve or choose Modify > Convert > To Curve from the menu bar.

You can also convert the shapes to a polygon (Convert > To Polygon). With polygons, the edge points are always connected with straight lines and not with curves. Some of the techniques described work equally with polygons as with curves.

An alternative way to change the form of basic shapes

In current versions of Draw, many of the new shapes can be directly edited without having to convert them to curves first. You can recognize these objects by the presence of one (or more) circular yellow handles. The mouse pointer changes shape when hovered over a yellow handle.

Some basic shapes with yellow "handles"

If you drag one of these handles, you can modify the shape of the object; the type of change is dependent on the shape itself. For example, you can round the corners of a rectangle or square, change the angles of an arc or ellipse, or alter the control points of a circular or elliptical segment.

How curves work

The editing of curves depends on the mathematics of Bézier curves[1]. The complete study of such curves goes beyond this scope of this guide, and only the basics are covered here. Advanced Draw Techniques provides more information on drawing and manipulating Bézier curves.

The editing of a Bézier curve consists in principle of moving points or tangents passing through these points. Each tangent has two control points — one at each end — and a junction point where it meets the curve. The relative angle and distance between the control points determine the shape of the curve. The figure shows several variations starting from a basic circle and changing only one point on the circle.

You can create many different shapes by moving either the junction point itself, or one or both of the round handle points at either end of the tangent.

Creating different shapes by changing the tangent

Draw offers even more possibilities when you use the functions on the Bézier curve toolbar.

The Edit Points toolbar

When you work in Edit Points mode, use the Edit Points toolbar. To activate this toolbar, choose View > Toolbars > Edit Points. It will then appear whenever you select a curve and the Edit Points icon on the Drawing toolbar is active.

1 Points 2 Move Points 3 Insert Points 4 Delete Points 5 Split Curve 6 Convert to Curve 7 Corner Point 8 Smooth Transition 9 Symmetric Transition 10 Close Bézier 11 Eliminate Points
Edit Points toolbar

On this toolbar, icons may be active or inactive depending on the selected object and object point. With the Convert to Curve icon, you can determine for individual points whether their connection will be made with straight lines or with curves.

Only with curves are the icons for tangents activated. An object that contains no curves is treated as a polygon.

The three kinds of tangent

Three buttons in the Edit Points Toolbar let you select the type of tangent and convert from one type to another. Only one of these buttons can be active at any given time. Their use is described in the following chapter.

Symmetric tangent
Choose the Symmetric Transition button SymmetricTransitionIcon.png to work with a symmetrical tangent. Any movement of one or the other of the handles is carried over symmetrically to the other handle.
Asymmetric tangent
Choose the Smooth Transition button SmoothTransitionIcon.png to separately adjust the lengths of the two parts of a tangent and so make the curve flatter or steeper. In the figure you can clearly see that the curve is flatter on the longest side of the tangent. The tangent remains as a single straight line. This kind of tangent is known as a smooth junction.
Inflexion point
It is also possible to completely detach both sides of the tangent. In this case, the central point is known as the inflexion point. Using this technique, you can draw spikes and troughs in objects. Choose the Corner Point button CornerPointIcon.png to create an inflexion point around the selected point.

Examples

The other buttons in the Edit Points Toolbar are described here in relation to working examples. The following examples start from a filled circle. As mentioned earlier, in order to use Edit Points mode, you first need to convert the object to a curve.

You will notice that after the conversion, the handles located in the corners of the rectangle have disappeared. This behavior is normal in that the handles which are used in the Edit Points mode are located along the outline or trace of the drawn object.

Moving a junction point
The Move Points button MovePointsIcon.png is the default mode when editing points. If it has not been activated, click on its button. When this mode is active, the mouse pointer has the following shape when it is hovered over an edit point:
DG3-18a.png

Movement of a point is one of the easiest manipulations to do. The figure illustrates how you can draw an egg very easily by starting from a circle and dragging the the top point upwards.

Rotating a tangent
To change the direction or location of the tangents, move the circular handles at each end. The mouse pointer then looks like this:
DG3Ch3F0e.png
Adding an edit point to a curve
Use the Add Points button AddPointsIcon.png to add an extra edit point to an existing curve. Click on the curve at the spot where you want to insert a point and then move the mouse slightly in any direction while holding down the button. Watch out! If you just click, the new point will not be added.

The tangent attributes associated with the new point depend on the buttons that are selected on the toolbar.

DG3Ch3F22a.png
The Delete Points button DeletePointsIcon.png has the opposite effect: it subtracts one or more points from the curve. The resulting curve stretches itself automatically around the remaining points after subtraction.
thumbDeleting points from a curve Select one or more points to delete. You can select several points by holding down the Shift key (1). When you have selected the points you want to delete, click the Delete Points DeletePointsIcon.png button. The selected points disappear from the curve, which then reforms around the remaining points (2).

You can also delete the selected points by pressing the Del key on the keyboard.

DG3Ch3F23a.png
Use the Split Curve button SplitCurveIcon.png to split or cut a curve at the location of the selected handle. If the object is filled, it will be emptied because the curve that represented the edge is no longer closed.
DG3Ch3F23b.png
Check that you have selected the correct handle (1), click the Split Curve button SplitCurveIcon.png (2) and notice that the object is no longer filled. You can then check, by moving the point, that the curve has indeed been separated (3).
Cutting a curve
If you have an open curve, the start point of the curve is larger than the others.
Moving a segment
You can also separate a curve at several points simultaneously. Keep the Shift key pressed down and select all of the points at which the cut should occur.

Drag and drop segments with the mouse to move them from the original curve.

DG3Ch3F25a.png
To close an existing curve, select an open curve and click on the Close Bézier button CloseBezierIcon.png.
Closing an open curve
The opening point is identified by a slightly larger handle.
DG3Ch3F26a.png
The Select button SelectIcon.png on the Drawing toolbar functions as a switch. It works as follows. If you have two points linked together by a straight line (you do not need to have a curve between the points) and you insert a new point between them that is set at an angle to the initial straight line (and hence the two endpoints), then:
Using the "select points" switch
* If the Select button is active, you will have a drawing similar to that illustrated in (1).
  • If the Select button is not active, and you move the point you have just inserted to bring it back close to its initial position in the straight line, you will have a drawing similar to that illustrated in (2).
1. Select object and set Edit points mode
The Eliminate Points button EliminatePointsIcon.png button only functions with lines with multiple points. If the button is active, click on a point, hold the mouse button down and move the mouse to draw virtual straight lines between the neighboring left and right points.
2. Draw virtual lines
When the two lines are more or less straight and you release the mouse button, the point is deleted and a line between the above mentioned two neighboring points replaces the previous two lines, thus eliminating one point.
3. Release mouse button
Note that this only works when the angle between the two lines shown dashed in the figure at left is less than a certain amount.
Reducing a line by one point
In the Tools > Options > OpenOffice.org Draw > Grid window there are options for snap settings relating to editing points when rotating and in point reduction mode.
DG3Ch3F28a.png
The Rotate function from the Effects drop-down button RotateIcon.png on the Drawing toolbar and the Rotation Mode after Clicking Object button RotationModeIcon.png on the Options toolbar can be used in Edit Point mode. In this case, it can be used to move single points around the contour of an object.
Moving a point on a curve
Switch into rotation mode by clicking on either of the rotation buttons. Notice that in rotation mode, all of the tangent points become red dots.

Select the point to be moved and then drag it around the contour while keeping the left mouse button pressed down (1). When you release the mouse button, the point will be moved to the new position (2).

If you move one of the handles located at the end of the tangents during rotation, you will make the object rotate in exactly the same way as with the usual rotation operations.

Important: To exit the effects mode, do not just click on the Effects button; click the Select button SelectIcon.png on the Drawing toolbar.



  1. Bézier curves were invented by Pierre Bézier, an engineer working with the Renault car manufacturer, who developed the technique in the 1960s. The technology was intended to make modeling the surface of vehicles easier.



Content on this page is licensed under the Creative Common Attribution 3.0 license (CC-BY).
Personal tools