View source for LibreOffice-Suite-Draw/C3/Working-with-Objects/English

{| border=1
|Visual Cue
||Narration

|-
|Show Slide 1
Title Slide
||Welcome to the Spoken Tutorial on "Working with Objects" in '''LibreOffice Draw'''.

|-
|Show Slide 2
Learning Objectives  I

||In this tutorial we will learn how to:
*Position objects using '''Grids''' and '''Guide lines'''
*Use '''snap functions'''
*Customize '''lines''' and '''arrowheads'''

|-
|Show Slide 2
Learning Objectives  II
||You will also learn how to:
*Duplicate objects
*Re-size objects exactly
*Distribute objects
*Combine,merge, subtract and intersect objects

|-
|Show Slide
System Requirements
||Here we are using 
*'''Ubuntu Linux''' version 10.04 as our operating system and  
*'''LibreOffice Suite''' version 3.3.4.

|-
|Show Slide 3
Grids
||What are '''Grids'''?
*'''Grids''' aid to position objects 
*accurately on the '''Draw''' page

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

|-
| 
||In the previous tutorials, we had briefly used '''grids'''.

Now let us learn about '''grids''' in detail.

|-
|Switch to the Draw file Route Map.
From the Main menu >> select View >> click on Grid.
||From the '''Main menu''', select '''View''', and click on '''Grid'''.


|-
|Point to the Display Grid
||Then click on '''Display Grid.'''

|-
|Use the mouse to point to  the small grids.
||The '''Draw''' page is 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 purposes only. They will not be printed.

|-
|Use the mouse to point to  the small grids.
||You can customize the size of the '''grids''', that is, make them smaller or bigger, as required.

|-
|Main menu >> select Tools >> click Options
||From the '''Main menu''', select '''Tools''' and click '''Options'''. 

|-
|Options dialog box appears.
||You will see the '''Options dialog box'''.

|-
|Select LibreOffice Draw >> select Grid
||Click '''LibreOffice Draw''' and select '''Grid'''.

|-
|Click Resolution.
Under “Resolution” enter the following values:
*Horizontal – 7 cm
*Vertical – 5 cm
||Under “Resolution” enter the following values:
Horizontal – 7 cm
Vertical – 5 cm

|-
| 
||'''Subdivision''' decides the number of spaces in a '''grid'''.

|-
|Under “Subdivision” enter the following values:
Horizontal – 3
Vertical – 4
||Let us enter '''Subdivision''' values.
Horizontal – 3
Vertical – 4

|-
|Synchronize axes >> Leave this option unchecked.
Click OK.
||Let us leave the '''Synchronize axes''' option unchecked.
Click '''OK'''.

|-
|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'''.

|-
| 
||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.
<<Pause>>


|-
| 
||Now let us learn about '''Guides'''.

|-
|Show Slide 4
What are '''Guides'''?
*Guides are helper lines 
*Extensions of the edges of the objects
*That are displayed when it is moved.
||
What are '''Guides'''?
*'''Guides''' are helper lines or 
*Extensions of the edges of the objects 
*That are displayed when it is moved.

|-
| 
||Let us enable the guidelines. 

|-
|Go to the Main menu >> click View >> select Guides.
||Go to the '''Main menu''', select '''View''' and select the option '''Guides'''.

|-
|Click “Display Guides”.
If the guides are already enabled then just point to the option.
||Now, click the option '''Display Guides.
'''

|-
|From the Main menu >> click Tools >> Options.
The Options dialog box appears.
||From the''' Main menu''', click '''Tools''' and '''Options'''.
The '''Options dialog box''' appears.

|-
|From the left panel, click on the small black triangle next to LibreOffice Draw.
Click View.
||From the left panel, click on the small black triangle next to '''LibreOffice Draw'''.
Click '''View'''.	

|-
|From the right panel, select Guides when 
moving. 

||From the right panel, select '''Guides when moving.'''
This way you can see the '''guides''' when moving objects.

|-
|Click OK.
||Click '''OK'''.

|-
| 
||Now, let us move the park a little to the right.

|-
|Select the park, move it a little to the right.
Wait so that the extensions lines are visible.
||When the park is moved, the extension lines of the edges of the object become visible.
These are the '''Guidelines'''.
<<Pause>>

|-
|Show Slide 5
Snap Lines
*Snap Lines help us position two or more objects 
*within an area that is defined.
*Snap lines and Snap points are created by the user
*Snap lines run vertically and horizontally
*and appear as dashed lines.
||
What are '''Snap Lines'''?
*'''Snap Lines''' help us position two or more objects within an area that is defined.
*'''Snap lines''' and '''Snap points''' are created by the user.
*'''Snap lines''' run vertically and horizontally and appear as dashed lines. 

|-
| 
||You must enable the''' Snap Lines option''' before you create '''snap lines.'''

|-
|Switch to the Draw file.
|| 

|-
|Go to the Draw page, 

>> right-click for the context menu 

>> select Snap Lines.
||Go to the '''Draw''' page.
Right-click for the '''context menu''' and select''' Snap Lines'''.

|-
|Check all the three options:
*Snap Lines Visible, 
*Snap to Snap Lines, 
*Snap Lines to Front
||Now check all the three options:
*'''Snap Lines Visible'''
*'''Snap to Snap Lines'''
*'''Snap Lines to Front'''

|-
| 
||'''Snap lines''' that we create, will now be visible.

|-
|Show Slide 6
<<Show Figure One.>>
||Let’s define an area, using '''Snap Lines''', within which the objects in the map must fall (as shown in the slide).

|-
|Switch to the '''Draw file RouteMap'''.

|| 

|-
|Move the mouse cursor over the vertical ruler.
||Move the mouse cursor over the vertical ruler.

|-
|Press the left mouse button; 

wait till the cursor is now shaped like a two-sided arrow.
||Press the left mouse button.

You will notice that the cursor is now shaped like a two-sided arrow.

|-
|Drag the mouse towards the Draw page.
||Drag the mouse towards the '''Draw''' page. 
You will see a dotted line.

|-
|Do not let go of the mouse button.
||Do not release the mouse button.

|-
|Holding the left mouse button 

>> drag the dotted line that appears to the page.


Let go of the mouse button.
||Holding the left mouse button, drag the dotted line to the page.
Now, release the mouse button.

|-
| 
||Can you see the line?
This is the '''Snap Line'''.

|-
| 
||To create the bottom most limit, simply drag the line to the bottom of the page.

|-
|Refer figure one and draw one more horizontal 

snap line and two vertical Snap Lines.
||Let’s create three more '''Snap Lines''' to define the area within which the map is enclosed. <Pause>

|-
| 
||We have created horizontal and vertical''' Snap Lines.'''


Now you can position the objects along these '''Snap Lines.'''  

|-
|Show Slide 7
Snap Lines
Create as many Snap Lines as you want.
||<br/> You can, of course, 
Create as many '''Snap Lines''' as you want.


|-
|Point to the horizontal and vertical Snap Lines function

 like the X-and Y-axis on the graph.

||The horizontal and vertical '''Snap Lines''' function like the '''X'''-and '''Y-axis''' on a  graph.

Within these two axes, you can position objects exactly.

|-
|Show Slide 8<br/> 
Snap function
||You can use '''Snap function''' along with the '''grid lines''' to position objects accurately.
You can also:
*'''Snap to Grid''' - position an object exactly on '''grid points'''
*'''Snap to Snap lines''' - position an object exactly on a '''snap lin'''e
*'''Snap to Page margin''' - position an object exactly on the page margin

|-
|Show Slide 9
Assignment
#Explore all the Grid options Tools >> Options >> LibreOffice Draw >> Grid.
#Check what happens to objects when you snap to
#'''Grids, snap lines''' and '''page margins'''
||Pause this tutorial and do this assignment.

Explore all the '''Grid options'''.<br/> 
Check what happens to objects when you snap to '''Grid, snap lines''' and '''page margins'''

|-
|(Refer Figure Two for placement of the lake.)
Switch to the Draw file.
Point to the lake that is already drawn.
||Now let’s add one more lake, in the exact shape of this lake, next to the''' School Campus'''.

|-
| 
||To do this let’s use the '''Duplicate''' option.

|-
|Select the lake.
||Let’s select the Lake.

|-
|Go to the Main menu >> click Edit >> select Duplicate >>  
||Go to the '''Main menu''', select '''Edit''' and click on '''Duplicate'''. 

|-
|The Duplicate dialog box appears. 
||The '''Duplicate dialog box''' appears.

|-
|In the Number of copies field, enter the value 1.
Click OK.
||In '''Number of copies''', enter the value 1 and click '''OK'''.


|-
| 
||The Lake is duplicated.

|-
|Drag the lake and place it as shown in Figure two.
||Let’s drag the lake and place it near the school.

|-
| 
||Objects can also be re-sized exactly to any measurement that is required.

|-
|Show Slide 10
Show Figure Three.
||Let’s use exact measurements and change the shape of the House as shown in this slide.

|-
| 
||Let’s give it the same height and width and slant its corners and rotate it.

|-
|Switch to the file RouteMap.
Select the Home.
Right click for context menu >> select Position and Size.
||First, select '''Home''', right-click for the '''context menu''' and select''' Position and Size.'''

|-
|The Position and Size dialog box appears.
||The '''Position and Size dialog box''' appears.

|-
|Click Position and Size tab 
||Click the '''Position and Size tab'''.

|-
|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, select the '''Slant Corner and Radius Tab.'''

|-
|Slant Angle= 5.

Click OK.
||In the '''Slant Angle''' field, enter 5 degrees.

Click OK.

|-
| 
||We have re-designed the house!

|-
|Show Slide
Assignment
*Draw various shapes, using the Drawing tool bar.
*Check if you can apply Corner radius to all shapes.
||Pause this tutorial and do this assignment.<br/> 
#Draw various shapes, using the '''Drawing tool bar'''.
#Check if you can apply '''Corner radius''' to all shapes.

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

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

|-
|Show Slide 11
Distribution
Select at least three objects 
To use the Distribution option.
||<br/> We must 
Select at least three objects  to use the '''Distribution''' option.

|-
|Switch to Draw
Select the Residential Complex, the Parking Lot and the Commercial Complex.
||First, select the '''Residential Complex''', the '''Parking Lot''' and the '''Commercial Complex'''.

|-
|Group them by dragging the Select arrow to cover all the objects.
||Let’s group them by dragging the '''Select arrow''' to cover all the objects.

|-
|Right-click and select Distribution >> click Horizontal >> select Right.
Click OK. 
||Now, right-click and select '''Distribution'''.
Under '''Horizontal''', select '''Right'''.  Click '''OK.'''

|-
|Point to the right edges of the object.
||The right edges of the object get distributed evenly.

|-
|Show Slide 12
Distribution
The Distribution option
*does not distribute
*the objects 
*horizontally or vertically
||<br/> 
The '''Distribution''' option does not distribute the objects horizontally or vertically

|-
|Show Slide 13
Horizontal Distribution
The “Horizontal” option distributes
*The right and left edges
*The horizontal centers 
*The spacing of the objects
||
The '''Horizontal Distribution option''' distributes<br/> 
*The right and left edges
*The horizontal centers and 
*The spacing of the objects

|-
|Show Slide 14
Vertical Distribution
The “Vertical” option distributes
*The top and bottom edges
*The vertical centers
*The spacing of the objects
||<br/> 
The ''' Vertical Distribution  option''' distributes 
*The top and bottom edges
*The vertical centers and 
*The spacing of the objects

|-
| 
||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 '''Line Styles tab'''.

|-
|In “Line Styles” select Three dashes and three dots.
||In '''Line Styles''',  select the option '''Three dashes and three dots.'''

|-
|Leave the Type field as is.
||Leave the '''Type''' field as it is.

|-
|In Number enter 10 and 5; Length  8%.
||In '''Number''' let’s enter 10 and 5; '''Length''' as  8%.

|-
|Click Add.
||Click '''Add'''.

|-
|Enter the name “My Line Style”.
Click OK.
Click OK.
||Enter the name '''“My Line Style”.'''

Click '''OK'''.

Again click '''OK'''.

|-
|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 the '''Line tab'''.

|-
|Click on the “Style” drop-down box.
||Click on the '''Style''' drop-down box.
It now displays the new style that was created.

|-
|Select My Line Style.
Click OK. 
||Select it and click '''OK'''.
We have created a new line style!

|-
| 
||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''' Basic Shapes''' and select a '''Circle'''.

|-
|Draw s small circle to the left of the School Campus.
||Let’s enter it in the '''Draw page'''.

|-
|Point to the outline of the circle.

Type the text Stadium inside it.
||The outline of the circle is of the style '''My Line Style'''.
Let’s type '''“Stadium”''' inside it.

|-
| 
||Now, let’s learn to combine, merge, subtract and intersect objects. 

|-
|Show Slide 15
Grouping and combining objects?
*When we group objects, we just put together a number of objects
*When we combine objects we create a new object.
||What is the difference between Grouping and combining objects?
*When objects are grouped, a number of objects are just put together.
*When objects are combined, new object is created.

|-
| 
||We will use three objects to demonstrate these options.

|-
|Add a new page to the file.

||First, let us add a new page to the '''Draw''' file.

|-
|Draw a Circle
From the Drawing toolbar

>>click Basic Shapes 

>>select a Circle draw to the page.


Draw a Diamond  
From the Drawing toolbar

>>click Basic Shapes >>Diamond

drag it to the draw page.

Select  Area Style / >>  “Red 3”


Draw a Rectangle  
From the Drawing toolbar

>>click Basic Shapes 

>>Rectangle  drag it to the draw page.  

select the Area Style / Filling >> “ Green 6”


Shown  in the Figure three 

||Let’s draw a circle
From the '''Drawing toolbar''', click '''Basic Shapes''' and select a '''Circle'''.

Move the mouse in the '''Draw''' page and drag it down.


Let’s  draw a second object  '''Diamond'''.  
From the '''Drawing toolbar''', click '''Basic Shapes''' and select a '''Diamond'''.

Move  the cursor  to  the '''Draw''' page, drag it  down. 

And from the menu bar select '''Area Style / Filling''' Drop down button and select color “Red 3”


Draw a  third object  a Rectangle  and color the object as “ Green 6” 

|-
|Select the three objects by holding down the Shift key and clicking on each object.
||Select the three objects by holding down the Shift key and clicking on each object.

|-
|Right-click >> Context menu >> Combine.
||Right click for the '''Context menu''' and click '''Combine'''.
A new object is created!

|-
| 
||Notice that the new object takes the color 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 figures again and right-click for the '''context menu'''. 

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


Another new shape is created!

|-
| 
||Remember the more you experiment with these functions, the more you will learn.

|-
|Show Slide 16
Summary
*Use '''Grids''', '''Guides''' and '''snap lines''' to align objects accurately
*Duplicate, Resize and distribute objects<br/> 
*Create new line styles 
*Create new objects using 
*Combine 
*Merge
*Subtract 
*Intersect
||This brings us to the end of the tutorial.
In this tutorial, you have learnt how to 
*Use '''Grids''', '''Guides''' and '''snap lines''' to align objects accurately

You have also learnt to 
*Duplicate, Resize and distribute objects<br/> 

We also created new line styles and learnt how to form new objects using 
*Combine
*Merge
*Subtract 
*Intersect.

|-

|| Show About Slide

About the Spoken Tutorial Project

*Watch the video available at http://spoken-tutorial.org/What_is_a_Spoken_Tutorial

*It summarises the Spoken Tutorial project

*If you do not have good bandwidth, you can download and watch it

||

*Watch the video available at the following link 

*It summarises the Spoken Tutorial project

*If you do not have good bandwidth, you can download and watch it

|-

|| Show About Slide

Spoken Tutorial Workshops

The Spoken Tutorial Project Team

*Conducts workshops using spoken tutorials
*Gives certificates for those who pass an online test
*For more details, please write to contact@spoken-tutorial.org
||


The Spoken Tutorial Project Team
*Conducts workshops using spoken tutorials
*Gives certificates for those who pass an online test
*For more details, please write to contact at spoken hyphen tutorial dot org

|-
|| Show Acknowledgement Slide
Acknowledgements 
||
*Spoken Tutorial Project is a part of the Talk to a Teacher project
*It is supported by the National Mission on Education through ICT, MHRD, Government of India
*More information on this Mission is available at
*spoken hyphen tutorial dot org slash NMEICT hyphen Intro

|-

|| Show About the contributor Slide

About the contributor

*This tutorial has been contributed by DesiCrew Solutions Pvt. Ltd.

*www.desicrew.in

*Thanks for joining

||

*This tutorial has been contributed by DesiCrew Solutions Pvt. Ltd.

*Thanks for joining.

|-
|}