Nancyvarkey at 07:33, 15 June 2021

2021-06-15T07:33:09Z

Madhurig: Created page with "{| border=1 || '''Visual Cue''' || '''Narration''' |- || '''Slide:''' ''' Title slide''' || Welcome to the spoken tutorial on '''Manipulating Objects''' in '''LibreOffice D..."

2021-06-08T07:56:31Z

Created page with "{| border=1 || '''Visual Cue''' || '''Narration''' |- || '''Slide:''' ''' Title slide''' || Welcome to the spoken tutorial on '''Manipulating Objects''' in '''LibreOffice D..."

New page

{| border=1
|| '''Visual Cue'''
|| '''Narration'''
|-

|| '''Slide:'''

''' Title slide'''
|| Welcome to the spoken tutorial on '''Manipulating Objects''' in '''LibreOffice Draw'''.
|-
|| '''Slide:'''

''' Learning Objectives '''
|| In this tutorial you will learn how to:

* Position the objects using '''grids '''and '''guidelines'''
* Use '''snap functions '''
* Customize lines and arrowheads
* Resize and distribute''' '''objects
* Combine and merge objects

|-
|| '''Slide:'''

''' System Requirements'''
|| This tutorial is recorded using,

* '''Ubuntu Linux OS''' version 18.04 and
* '''LibreOffice Suite''' version 6.3.5

|-
|| Switch to the '''RouteMap '''file
|| Let us open the '''RouteMap '''file that was '''saved '''on the '''Desktop'''.
|-
|| '''Slide:'''

''' Code Files'''
||
* This file has been provided to you in the''' Code files''' link on this tutorial page
* Please download and extract the file
* Make a copy and then use it for practising.

|-
|| Right-click on the''' Pages pane''' and select '''New Page'''.
|| Let us add a new page to the '''RouteMap file'''.

Right-click on the''' Pages pane''' and select '''New Page'''.
|-
|| Only narration
|| In the previous tutorials, we had briefly used '''grids'''.

Now let us learn about '''grids '''in detail.
|-
|| Click on the '''Display grid''' icon in the '''Standard toolbar'''
|| Click on the '''Display grid''' icon on the '''Standard toolbar'''.
|-
|| From the '''Main menu''' >>

select '''View '''>>

click on '''Grid and Helplines.'''
|| Alternatively, click on the''' View''' menu and select '''Grid and Helplines.'''
|-
|| From the submenu select the '''Display Grid '''option.
|| From the submenu, select '''Display Grid '''option.
|-
|| Use the mouse to point to the small '''grids'''.
|| The '''Draw '''page gets filled with a number of horizontal and vertical dotted lines.

These form the '''grid'''.
|-
|| Use the mouse to point to the small '''grids'''.
|| These '''grids '''are for display and positioning purposes only.

They will not be printed.
|-
|| Point to any grid.
|| You can customize the size of the '''grids ''' as per your requirements.
|-
|| '''Main menu''' >>

select '''Tools '''>> click '''Options'''
|| To do so, from the '''Main menu''', select '''Tools '''and click '''Options'''.
|-
|| '''Options dialog box''' appears.
|| The '''Options dialog box '''opens.
|-
|| Select '''LibreOffice Draw''' >> select '''Grid'''
|| Click '''LibreOffice Draw''' and select '''Grid'''.
|-
|| Click '''Resolution'''.

(default value '''Horizontal '''– 1 cm '''Vertical '''– 1 cm)

Under '''Resolution''' enter the following values: '''Horizontal '''– 5 cm

'''Vertical '''– 5 cm
|| Under '''Resolution''' let us change the values as follows.

'''Horizontal '''5 cm '''Vertical''' 5 cm.
|-
|| Point to Subdivision.
|| Subdivision decides the number of spaces in a '''grid'''.
|-
|| Under '''Subdivision '''enter the following values

default values '''Horizontal '''– 3 '''Vertical '''– 4

Screenshot from windows.
|| Let us leave the '''Subdivision '''values as default.

'''Horizontal '''3 '''Vertical '''4.

'''Windows '''users may see the default values as '''Horizontal '''10 and '''Vertical '''10.
|-
|| '''Synchronize axes ''' >>

Leave this option unchecked.

Click the '''OK''' button.
|| Let us leave the '''Synchronize axes''' option unchecked.

Click on the '''Apply''' button.

Then on the '''OK''' button at the bottom right of the dialog box.
|-
|| Move to the '''Draw '''page

Move the mouse in a circular fashion so that it goes over a '''grid'''.
|| Look at the '''Draw '''page now.

Look at the size of each box in the '''grid'''.
|-
|| Cursor on the Draw page.
|| Let us count the spaces that we set in '''Subdivision'''.
|-
|| Point to the '''Horizontal '''1, 2, 3 spaces and '''vertical '''1, 2, 3, 4 spaces.
|| '''Horizontally '''there are 1, 2, 3 spaces and '''vertically '''there are 1, 2, 3, 4 spaces.

Here too spaces may change in your system.

|-
|| Only narration
|| Next, let us learn about '''Guides'''.
|-
|| '''Slide''': '''What are Guides?'''
|| What are '''Guides'''?
* '''Guides '''are helper lines or extensions''' '''at the edges''' '''of the objects
* They are displayed when the object is moved

|-
|| Only narration
|| Let us enable the '''guidelines '''or '''helplines.'''
|-
|| Click on '''Helplines while moving '''icon.
|| Click on '''Helplines while moving '''icon on the '''Standard toolbar'''.
|-
|| Go to the''' Main menu''' >>

click '''View ''' >> '''Grid and Helplines'''

'''Helplines While Moving'''
|| Alternatively, click on the '''View menu '''and select''' Grid and Helplines'''.

From the submenu, select the option '''Helplines While Moving.'''
|-
|| Point to the '''park'''.
|| Click on the '''Routemap slide'''.

Let us move the '''park '''a little to the right side.
|-
|| Select the '''park''', move it a little to the right.

Wait so that the '''extension lines '''are visible.
|| When '''park '''is moved, extension lines at the edges''' '''of the '''object '''become visible.

These are the '''guid elines'''.
|-
|| '''Slide''':

''' Snap Lines'''
|| Now let’s see what '''Snap Lines '''are?

* '''Snap lines '''are vertical and horizontal dashed lines
* They''' '''help to position two or more objects within a defined area
* '''Snap lines''' and '''Snap points''' are created by the user

|-
|| Only narration
|| Let us enable the '''Snap Lines''' option.
|-
|| Go to the '''Draw '''page

Right-click for the context menu

>> select '''Snap Guides '''

'''Display Snap Guides''' option.
|| Go to the '''Draw '''page.

Right-click for the context menu and click on '''Snap Guides. '''

From the submenu select '''Display Snap Guides''' option.
|-
|| Point to '''route map'''
|| Let us enclose the''' objects '''in the map using the '''snap lines'''.
|-
|| Move the mouse cursor over the '''vertical (left) '''ruler.
|| On the '''Draw '''page, move the cursor over the''' '''vertical '''ruler'''.
|-
|| Press the left '''mouse '''button.
|| Press the left '''mouse '''button.
|-
|| Point to the changed cursor.
|| Observe that the cursor has changed to a '''two-sided '''arrow.
|-
|| Drag the '''mouse '''towards the Draw page.
|| Drag the cursor towards the '''Draw '''page.

Can you see a dashed line?

This is a '''Snap Line.'''
|-
|| Do not let go of the '''mouse '''button.
|| Do not release the '''mouse '''button.
|-
|| Holding the left '''mouse '''button

>> drag the dashed line that appears on the page.

Let go of the '''mouse '''button.
|| Holding the left '''mouse '''button, drag the dashed line to the page.

Now, release the '''mouse '''button.
|-
|| Press the left mouse button on the vertical ruler.

Drag the '''mouse '''towards the Draw page.

Drag the dashed''' '''line that appears on the page.
|| Similarly, drag and drop another '''snap line''' at the right end of the map.
|-
|| Cursor on the '''Draw '''page.
|| Now let’s draw horizontal '''snap lines'''.
|-
|| Place the cursor on the top''' ruler''' >>

Press the left mouse button.
|| Place the cursor on the top''' ruler''' and press the left mouse button.
|-
|| Drag the mouse cursor to the '''draw '''page.

Place the snap line on top of the map.

|| After you see the '''two-sided '''arrow, drag the '''mouse''' cursor to the '''draw '''page.

Place the''' snap line''' on the top of the map.
|-
|| Press the left '''mouse '''button on the top '''ruler.'''

Drag the '''mouse ''' towards the Draw page.

Drag the '''dotted ''' line that appears on the page.
|| Similarly, drag and drop another '''snap line''' at the bottom of the map.

|-
|| Point to all the''' snap lines.'''
|| Notice that we have enclosed the map using the '''snap lines'''.
|-
|| Drag and show one more''' snap line'''.
|| You can create as many '''Snap Lines''' as you want.
|-
|| Point to the '''horizontal '''and '''vertical Snap Lines''' function as '''x '''and''' y''' axes on the graph.
|| The horizontal and vertical '''Snap Lines''' function as '''x '''and '''y '''axes''' '''on a graph.

Within these two '''axes''', you can position the '''objects''' exactly.
|-
|| Right-click on the vertical '''snap line'''.

From the submenu select '''Edit Snap Line'''.

|| Now we will edit the drawn '''snap lines'''.

For this right-click on the vertical''' snap line'''.

From the submenu select '''Edit Snap Line'''.
|-
|| '''Edit Snap Line '''dialog box opens.

Under '''Position''', >>

Change the '''X '''value.

Click on the''' OK''' button.

|| '''Edit Snap Line '''dialog box opens.

Under '''Position''', we can change the '''X '''value.

Notice that '''Y ''' field is inactive in the dialog box.

This is because we are changing the position in the '''X'''-direction.

Click on the''' OK''' button.

Notice the change in position of the line.
|-
|| Right-click on the horizontal.

From the submenu select''' Edit Snap Line'''.

Change the position of the''' Y''' value and click the '''OK '''button.
|| Similarly right-click on the horizontal '''snap line'''.

From the submenu select''' Edit Snap Line'''.

Change the position of the '''Y '''value.

Here we are changing the position in the Y-direction, so '''X '''field is inactive.

Click the '''OK''' button to update the changes.
|-
|| Right-click on the '''snap line'''.

From the submenu select '''Delete Snap Line''' to delete it.
|| We can also delete the '''snap lines'''.

Right-click on the '''snap line'''.

From the submenu select '''Delete Snap Line''' to delete it.
|-
|| '''Slide''':''' Assignment'''

'''Tools''' >> '''Options >>

'''LibreOffice Draw''' >> '''Grid'''
|| Pause this tutorial and do this '''assignment'''.

* Explore all the '''Grid '''options.
* Check what happens to objects when you,

'''Snap to Grid''',

'''Snap to Object points''' and

'''Snap to Page margins'''
|-
|| Point to the '''objects'''.
|| '''Objects '''can be resized''' '''exactly to any measurement''' '''that is required.
|-
|| Point to '''Home'''.
|| Let’s use exact measurements''' '''and change the shape of '''Home.'''
|-
|| Right-click for '''context menu''' >>

Select '''Position and Size'''.
|| Select '''Home ''' and right-click for the context menu.

Select '''Position and Size ''' option.
|-
|| The '''Position and Size ''' dialog box appears.
|| The '''Position and Size ''' dialog box appears.
|-
|| Click the '''Position and Size ''' tab
|| Click the '''Position and Size ''' tab if not already selected.
|-
|| Enter '''Width '''= 3, '''Height '''=3.
|| Under '''Size''', enter the value 3 in both the '''Width ''' and '''Height ''' fields.
|-
|| Select '''Rotation '''tab

enter '''angle '''field = 10.
|| Then click the '''Rotation '''tab.

In the '''Angle ''' field, enter the value 10.
|-
|| Select '''Slant Corner '''and '''Radius''' Tab.
|| Finally, click the '''Slant & Corner Radius tab.'''
|-
|| '''Slant Angle'''= 5.

Click '''OK'''.
|| In the''' Slant '''section, under '''Angle '''field change the angle to 5 degrees.

Click on the '''OK ''' button
|-
|| Point to Home.
|| We have reshaped the '''Home ''' object!
|-
|| '''Slide''':

''' Assignment'''
|| Pause this tutorial and do this '''assignment'''.

* Draw various shapes, using the '''Drawing ''' toolbar.
* Check if you can change the '''Corner radius''' of all the shapes.

|-
|| Switch to the '''Draw ''' file Route Map
|| Now let’s space the right edges of some '''objects ''' evenly.

|-
|| Only narration
|| We will use the '''Distribution '''option to achieve this.

|-
|| Point to any three objects on the Draw page.
|| Select at least three objects to use the '''Distribution '''option.

|-
|| Select''' Residential Complex''', '''Parking Lot '''and '''Commercial Complex'''.

Press shift key down and click on each object.
|| Say,''' Residential Complex''', '''Parking Lot '''and '''Commercial Complex. '''

|-
|| Right-click and select '''Distribution '''

Point to the Distribution dialog box.

Under '''Horizontal '''>>

Select Right.

Click '''OK''' button.
|| Now, right-click and select '''Distribution'''.
'''Distribution''' dialog box opens up.

Under '''Horizontal''', select '''Right radio ''' button and click on the '''OK ''' button.
|-
|| Point to the right edges of the object.
|| The right edges of the objects get evenly distributed'''.'''
|-
|| '''Slide''':

''' Distribution '''
|| '''Distribution '''option does not distribute the''' objects''' horizontally or vertically.
|-
|| '''Slide''': '''Horizontal Distribution '''
|| The''' Horizontal Distribution '''option distributes,

* Right and left edges
* Horizontal centers and
* Spacing''' '''between the objects

|-
|| '''Slide''': '''Vertical Distribution '''
|| The '''Vertical Distribution '''option distributes,
* Top and bottom edges
* Vertical centers and
* Spacing between the objects

|-
|| Point to the map.
|| Now let’s create our own line style for this map.
|-
|| From the '''main menu''' click '''Format,''' >> select '''Line'''
|| From the '''Main menu''' select '''Format '''and click '''Line.'''
|-
|| '''Line '''dialog box appears.
|| The '''Line '''dialog box appears.
|-
|| Click '''Line Styles''' tab
|| Click on the '''Line Styles''' tab.
|-
|| In the '''Line Styles''' select '''3 Dashes and 3 Dots.'''
|| In the '''Line Styles '''field, select the option '''3 Dashes and 3 Dots.'''
|-
|| Leave the '''Type '''field as is.
|| Leave the '''Type '''field as it is.
|-
|| In '''Number '''enter 10 and 5; '''Length '''8%.
|| In the '''Number '''field''', '''let’s enter 10 and 5.

In '''Length '''field''' '''enter 8%.
|-
|| Click '''Add'''.
|| Click the '''Add '''button on the right side of the dialog box.
|-
|| Enter the name '''My Line Style >>

'''click '''OK'''.

Click '''OK'''.
|| Enter the name '''My Line Style '''and click on the '''OK '''button.

Again click the '''OK''' button at the bottom right of the dialog box.
|-
|| Select any direction '''arrow '''in the map, right-click and select '''Line'''
|| Let’s select this '''arrow''', right-click, and select '''Line'''.

The '''Line '''dialog box appears.
|-
|| Click the '''Line '''tab.
|| Click on the '''Line '''tab.
|-
|| Click on the '''Style '''drop-down box.

Point to '''My Line Style'''.
|| Then Click on the '''Style '''drop-down box.

It displays the new style that we created just now.
|-
|| Select '''My Line Style ''' >>

Click '''OK'''.
|| Select it and click on the '''OK '''button.

We have created a new line style!
|-
|| Only narration
|| Let’s draw a small stadium to the left of the '''School Campus'''
|-
|| From the '''Drawing '''toolbar >>

Click '''Basic Shapes''' >> select a '''Circle'''.
|| From the '''Drawing '''toolbar, click on''' Insert Basic Shapes '''drop-down.

Select a '''Circle'''.
|-
|| Draw a small circle to the left of the '''School Campus'''.
|| Daw a small circle to the left of the '''School Campus'''.

|-
|| Point to the outline of the '''circle'''.

Type the text '''Stadium '''inside it.
|| The outline style of the circle is that of '''My Line Style.'''

Let’s type '''Stadium '''inside it.
|-
|| Only narration
|| Now, let’s learn to '''combine''' and '''merge''' the objects.
|-
|| '''Slide''': '''Grouping and Combining Objects'''
|| What is the difference between '''grouping '''and '''combining '''objects?

* When objects are grouped, all objects in the group are treated as a single entity.
* When '''objects '''are '''combined''', a completely new object is created.

|-
|| Only narration
|| Let’s draw three objects overlapping each other to demonstrate these options.

|-
|| In the '''Pages pane ''' >>

Click on '''Slide 2.'''
|| In the''' Pages pane''', click on '''Slide 2'''.
|-
|| From the '''Drawing '''toolbar

>>click '''Insert Basic Shapes'''>>

Select a '''Circle'''.

>> drag to draw a circle on the page.
|| From the '''Drawing '''toolbar, click '''Insert''' '''Basic Shapes''' and select a '''Circle'''.

Move the '''mouse''' to the '''Draw '''page and drag to draw a circle.

|-
|| From the '''Drawing '''toolbar

>> click '''Insert Basic Shapes''' >>'''Diamond'''
|| Similarly, select '''Diamond '''and draw it overlapping the circle.

|-
|| Select '''Fill Color'''

From the '''Palette '''select '''Dark Red 1.'''

|| Next, click on '''Fill Color '''drop-down and selec'''t Dark Red 1''' from the '''Palette.'''

Click on the diamond to colour it.
|-
|| Draw a '''Rectangle'''

From the '''Drawing '''toolbar >> click '''Insert Basic Shapes ''' >> '''Rectangle'''

drag to the draw page.
|| Next, draw a rectangle overlapping the circle and diamond.''' '''

|-
|| '''Fill Color ''' >>

'''Light Green 1 >> from the palette.'''
|| Colour the rectangle as '''Light Green 1.'''
|-
|| Press Ctrl + A keys to select all the objects.
|| Now Press '''Ctrl + A''' keys to select all the objects.
|-
|| Right-click >>

'''Context menu''' >> '''Shapes'''.

From the submenu select''' Combine''' option.
|| Right-click for the '''Context menu''' and click on '''Shapes.'''

From the submenu select '''Combine'''.
|-
|| Click anywhere on the page to deselect the objects.

Point to the '''object.'''
|| Click anywhere else on the page to deselect the '''objects'''.

A new '''object '''is created!

|-
|| Point to the new object.
|| The new '''object''' takes the colour of the '''object '''that is last and at the back.

|-
|| Press the keys''' CTRL + Z '''together.
|| Let us undo this action by pressing the '''CTRL+ Z''' keys together.

|-
|| Right-click for the '''Context menu'''
|| Select the '''objects''' again and right-click for the '''context menu.'''

|-
|| Click '''Shapes '''>> '''Merge'''.
|| Select '''Shapes '''and click on '''Merge.'''

Click anywhere on the '''Draw '''page

Another new shape''' '''is created!
|-
|| '''Slide: '''

''' Assignment'''

(Provide the image in the assignment file.)
|| Here is an assignment for you.

Using the image shown on the slide explore the following options on the objects.

'''Intersect, Subtract, Break '''and '''Connect.'''
|-
|| Click on the Save icon >> click on the '''X''' icon on the top right.
|| Let’s save the file and close it.

|-
|| Narration only
|| This brings us to the end of this tutorial

Let us summarize.
|-
|| '''Slide''':

'''Summary'''
|| In this tutorial, you have learnt to

* Use '''Grids''', '''G uides '''and '''snap lines''' to '''align '''the''' '''objects accurately
* Resize and distribute''' '''objects
* Create new line styles
* Form new objects using '''combine''' and '''merge '''options.

|-
|| '''Slide''':

'''About Spoken Tutorial Project'''
||
* The video at the following link summarises the Spoken Tutorial project.
* Please download and watch it

|-
|| '''Slide''':

'''Spoken Tutorial workshops'''
||
* We conduct workshops using Spoken Tutorials and give certificates.
* For more details, please contact us.

|-
|| '''Slide:'''

''' Answers for THIS Spoken Tutorial'''
|| Please post your timed queries in this forum.
|-
|| '''Slide: '''

'''Acknowledgements'''
|| The Spoken Tutorial project is funded by the ministry of education, Govt. of India.
|-
|| '''Slide:'''

''' About the Contributor'''
|| This tutorial was originally contributed by DesiCrew Solutions Pvt. Ltd. In 2011

This tutorial is contributed by Nikita Misal and Madhuri Ganapathi from IIT Bombay. Thank you for watching.
|-
|}

@@ Line 177: / Line 177: @@
 Wait so that the '''extension lines '''are visible.
-|| When '''park '''is moved, extension lines at the edges''' '''of the '''object '''become visible.
+|| When '''park '''is moved, extension lines at the edges of the '''object '''become visible.
-These are the '''guid elines'''.
+These are the '''guidelines'''.
 |-
 || '''Slide''':
@@ Line 347: / Line 347: @@
 * Explore all the '''Grid '''options.
 * Check what happens to objects when you,
-'''Snap to Grid''',
+*'''Snap to Page margins'''
-−
-'''Snap to Object points''' and
-−
 '''Snap to Page margins'''
 |-
 || Point to the '''objects'''.
-|| '''Objects '''can be resized''' '''exactly to any measurement''' '''that is required.
+|| '''Objects '''can be resized exactly to any measurement that is required.
 |-
 || Point to '''Home'''.
@@ Line 449: / Line 447: @@
 || '''Slide''': '''Horizontal Distribution '''
 || The''' Horizontal Distribution '''option distributes,
 * Right and left edges
 * Horizontal centers and
-* Spacing''' '''between the objects
+* Spacing between the objects
-−
 |-
@@ Line 509: / Line 505: @@
 Point to '''My Line Style'''.
-|| Then Click on the '''Style '''drop-down box.
+|| Then click on the '''Style '''drop-down box.
 It displays the new style that we created just now.
@@ Line 666: / Line 662: @@
 '''Summary'''
 || In this tutorial, you have learnt to
 * Use '''Grids''', '''G uides '''and '''snap lines''' to '''align '''the objects accurately
 * Resize and distribute objects
-* Use '''Grids''', '''G uides '''and '''snap lines''' to '''align '''the''' '''objects accurately
-* Resize and distribute''' '''objects
 * Create new line styles
 * Form new objects using '''combine''' and '''merge '''options.
 |-
@@ Line 689: / Line 682: @@
 * We conduct workshops using Spoken Tutorials and give certificates.
 * For more details, please contact us.
 |-

LibreOffice-Suite-Draw-6.3/C3/Manipulating-Objects/English - Revision history

Nancyvarkey at 07:33, 15 June 2021

Madhurig: Created page with "{| border=1 || '''Visual Cue''' || '''Narration''' |- || '''Slide:''' ''' Title slide''' || Welcome to the spoken tutorial on '''Manipulating Objects''' in '''LibreOffice D..."