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

{| border=1
|'''Time'''
|'''Narration'''

|-
|00:01
|Welcome to the '''Spoken Tutorial''' on '''Working with Objects''' in '''LibreOffice Draw'''.

|-
|00:06
|In this tutorial, we will learn how to:

|-
|00:08
|Position objects using '''Grids''' and '''Guide lines''',

|-
|00:12
|Use '''snap functions''',

|-
|00:14 
|Customize '''lines''' and '''arrowheads'''.

|-
|00:18
|You will also learn how to: Duplicate objects,

|-
|00:21
|Re-size objects exactly,

|-
|00:24
|Distribute objects, Combine, merge, subtract and intersect objects.

|-
|00:30
|We are using:'''Ubuntu Linux''' version '''10.04''' as our '''operating system''' and '''LibreOffice Suite''' version '''3.3.4'''.

|-
|00:40
|What are '''Grids'''?

|-
|00:42
|'''Grids''' aid to position objects, 

|-
|00:45
|accurately on the '''Draw''' page.

|-
|00:48
|Let us open the file '''RouteMap''' that was saved on the '''Desktop'''. 

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

|-
|00:57
|Now, let us learn about '''grids''' in detail.

|-
|01:01
|From the '''Main menu''', select '''View''' and click on '''Grid'''.

|-
|01:05
|Then click on '''Display Grid.'''

|-
|01:08
|The '''Draw''' page is filled with a number of horizontal and vertical dotted lines. These form the '''grid.'''

|-
|01:17
|These '''grid'''s are for display purposes only. They will not be printed.

|-
|01:22
|We can customize the size of the '''grids''', that is, make them smaller or bigger as required.

|-
|01:30
|From the '''Main menu''', select '''Tools''' and click '''Options'''. 

|-
|01:35
|You will see the '''Options''' dialog-box.

|-
|01:38
|Click '''LibreOffice Draw''' and select '''Grid'''.

|-
|01:42
|Under '''Resolution''', enter the following values:

|-
|01:46
|''' Horizontal – 7 cm'''

|-
|01:49
|'''Vertical – 5 cm'''.

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

|-
|01:57
|Let us enter '''Subdivision''' values.

|-
|02:00
|'''Horizontal – 3'''

|-
|02:02
|'''Vertical – 4'''.

|-
|02:05
|Let us leave the '''Synchronize axes''' option unchecked.

|-
|02:09
|Click '''OK'''.

|-
|02:11
|Look at the '''Draw''' page now. Look at the size of each box in the '''grid'''.

|-
|02:17
|Let us count the spaces that we set in the '''Subdivision'''.

|-
|02:22
|Horizontally there are 1, 2, 3 spaces and vertically there are 1, 2, 3, 4 spaces.

|-
|02:33
|Let us learn about '''Guides'''.

|-
|02:36
|What are '''Guides'''?

|-
|02:38
|'''Guides''' are helper lines or extensions of the edges of the objects 

|-
|02:43
|that are displayed when it is moved.

|-
|02:47
|Let us enable the guidelines. 

|-
|02:50
|Go to the '''Main menu''', select '''View''' and select the option '''Guides'''.

|-
|02:55
|Now, click the option '''Display Guides.'''

|-
|02:59
|From the''' Main menu''', click '''Tools''' and '''Options'''.

|-
|03:03
|The '''Options''' dialog-box appears.

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

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

|-
|03:23
|Click '''OK'''.

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

|-
|03:29
|When the park is moved, the extension lines of the edges of the object become visible. These are the '''Guidelines'''.

|-
|03:39
|What are '''Snap Lines'''?

|-
|03:41
|'''Snap Lines''' help us position two or more objects within an area that is defined.

|-
|03:48
|'''Snap lines''' and '''Snap points''' are created by the user.

|-
|03:53
|'''Snap lines''' run vertically and horizontally and appear as dashed lines. 

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

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

|-
|04:12
|Now, check all the three options:

|-
|04:16
|'''Snap Lines Visible''',

|-
|04:18
|'''Snap to Snap Lines''',

|-
|04:20
|'''Snap Lines to Front'''.

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

|-
|04:26
|Let’s define an area, using '''Snap Lines''', within which the objects in the map must fall (as shown in the slide).

|-
|04:34
|Move the '''mouse''' cursor over the vertical ruler.

|-
|04:38
|Press the left-mouse-button.

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

|-
|04:46
|Drag the '''mouse''' towards the '''Draw''' page. 

|-
|04:50
|You will see a dotted line.

|-
|04:53
|Do not release the mouse-button.

|-
|04:55
|Holding the left-mouse-button, drag the dotted line to the '''page'''.

|-
|05:01
|Now, release the mouse-button.

|-
|05:04
|Can you see the line?

|-
|05:06
|This is the '''Snap Line'''.To create the bottom most limit, simply drag the line to the bottom of the page.

|-
|05:13
|Let’s create three more '''Snap Lines''' to define the area within which the map is enclosed. 

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

|-
|05:29
|Now you can position the objects along these '''Snap Lines.'''  

|-
|05:34
|You can, of course, create as many '''Snap Lines''' as you want.

|-
|05:40
|The horizontal and vertical '''Snap Lines''' function like the 'X' and 'Y' axes on a  graph.

|-
|05:48
|Within these two axes, you can position objects exactly.

|-
|05:54
|You can use the '''Snap function''' along with the '''grid lines''' to position objects accurately.

|-
|05:59
|You can also: '''Snap to Grid'''-  position an object exactly on '''grid points'''

|-
|06:06
|'''Snap to Snap lines''' - position an object exactly on a '''snap line'''

|-
|06:11
|'''Snap to Page margin''' - position an object exactly on the page margin.

|-
|06:18
|Pause this tutorial and do this assignment.

|-
|06:21
|Explore all the '''Grid options'''.

|-
|06:24
|Check what happens to objects when you '''snap to Grid, snap lines''' and '''page margins'''.

|-
|06:31
|Now let’s add one more lake, in the exact shape of this lake, next to the''' School Campus'''.

|-
|06:38
|To do this, let’s use the '''Duplicate''' option.

|-
|06:43
|Let’s select the '''Lake'''.

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

|-
|06:51
|The '''Duplicate''' dialog-box appears.

|-
|06:54
|In '''Number of copies''', enter the value 1 and click '''OK'''.

|-
|06:59
|The '''Lake''' is duplicated.

|-
|07:03
|Let’s drag the '''lake''' and place it near the '''school.'''

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

|-
|07:11
|Let’s use the exact measurements and change the shape of the '''House''' as shown in this slide.

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

|-
|07:24
|First, select '''Home''', right-click for the '''context menu''' and select '''Position and Size.'''

|-
|07:31
|The '''Position and Size'''  dialog-box appears.

|-
|07:35
|Click the '''Position and Size''' tab.

|-
|07:38
|Under '''Size''', enter the value '''3''' in both the '''Width''' and '''Height''' fields.

|-
|07:43
|Then click the '''Rotation''' tab.

|-
|07:46
|In the '''Angle''' field, enter the value '''10'''.

|-
|07:50
|Finally, select the '''Slant and Corner Radius''' tab.

|-
|07:55
|In the '''Slant Angle''' field, enter '''5 degrees'''.

|-
|07:59
|Click '''OK'''.

|-
|08:01
|We have re-designed the house!

|-
|08:05
|Pause this tutorial and do this assignment.

|-
|08:08
|# Draw various shapes using the '''Drawing''' tool bar.

|-
|08:11
|# Check if you can apply '''Corner radius''' to all shapes.

|-
|08:16
|Now, let’s space the right edges of some objects evenly.

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

|-
|08:26
|We must select at least three objects  to use the '''Distribution''' option.

|-
|08:32
|First, select the '''Residential Complex''', the '''Parking Lot''' and the '''Commercial Complex'''.

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

|-
|08:45
|Now, right-click and select '''Distribution'''.

|-
|08:50
|Under '''Horizontal''', select '''Right'''.  Click '''OK.'''

|-
|08:56
|The right edges of the objects will be distributed evenly.

|-
|09:01
|The '''Distribution''' option does not distribute the objects horizontally or vertically.

|-
|09:07
|The '''Horizontal Distribution''' option distributes-

|-
|09:10
|The right and left edges

|-
|09:12
|The horizontal centers and 

|-
|09:14
|The spacing of the objects.

|-
|09:17
|The '''Vertical''' option distributes- 

|-
|09:21
|The top and bottom edges, 
 
The vertical centers and 
 
The spacing of the objects.

|-
|09:26
|Now, let’s create our own line style for this map.

|-
|09:32
|From the '''Main menu''', select '''Format''' and click '''Line'''. 

|-
|09:35
|The '''Line''' dialog-box appears.

|-
|09:38
|Click on the '''Line Styles''' tab.

|-
|09:41
|In '''Line Styles''', select the option '''Three dashes and three dots.'''

|-
|09:47
|Leave the '''Type''' field as it is.

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

|-
|09:57
|Click '''Add'''. Enter the name "My Line Style". Click '''OK'''.

|-
|10:06
|Again click '''OK'''.

|-
|10:08
|Let’s select this arrow. Right-click and select '''Line'''. The '''Line''' dialog-box appears.

|-
|10:13
|Click the '''Line''' tab.

|-
|10:16
|Click on the '''Style''' drop-down box.

|-
|10:19
|It now displays the new style that was created.

|-
|10:22
|Select it and click '''OK'''.

|-
|10:26
|We have created a new line style!

|-
|10:29
|Let’s draw a small stadium to the left of the '''School Campus'''.

|-
|10:34
|From the '''Drawing toolbar''', click''' Basic Shapes''' and select a '''Circle'''.

|-
|10:40
|Let’s enter it in the '''Draw page'''.

|-
|10:44
|The outline of the circle is of the style '''My Line Style'''.

|-
|10:49
|Let’s type “Stadium” inside it.

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

|-
|10:59
|What is the difference between Grouping and combining objects?

|-
|11:03
|When objects are grouped, a number of objects are just put together.

|-
|11:09
|When objects are combined, new object is created.

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

|-
|11:18
|First, let us add a new page to the '''Draw''' file.

|-
|11:23
|Let’s draw a circle from the '''Drawing toolbar'''- click '''Basic Shapes''' and select '''Circle'''.

|-
|11:32
|Move the '''mouse''' in the '''Draw''' page and drag it down.

|-
|11:35
|Let’s  draw a second object  '''Diamond'''.  

|-
|11:38
|From the '''Drawing toolbar''', click '''Basic Shapes''' and select  '''Diamond'''.

|-
|11:43
|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'''.

|-
|11:55
|Draw a  third object, a Rectangle, and color the object as '''Green 6'''. 

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

|-
|12:11
|Right-click for the '''Context menu''' and click '''Combine'''.

|-
|12:14
|A new object is created!

|-
|12:18
|Notice that the new object takes the color of the object that is last and at the back.

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

|-
|12:29
|Select the figures again and right-click for the '''context menu'''. 

|-
|12:35
|Select '''Shapes''' and click '''Merge'''.

|-
|12:38
|Another new shape is created!

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

|-
|12:48
|This brings us to the end of the tutorial.

|-
|12:51
|In this tutorial, you have learnt how to use '''Grids''', '''Guides''' and '''snap lines''' to align objects accurately.

|-
|12:59
|You have also learnt to '''Duplicate, Resize''' objects and '''distribute''' objects.

|-
|13:06
|We also created new line styles and learnt how to form new objects using- 

|-
|13:12
|'''Combine, Merge, Subtract, Intersect'''.

|-
|13:17
|Watch the video available at the following link. 

|-
|13:20
|It summarizes the Spoken Tutorial project.

|-
|13:23
|If you do not have good bandwidth, you can download and watch it.

|-
|13:28
|The Spoken Tutorial Project team:Conducts workshops using spoken tutorials.Gives certificates for those who pass an online test.

|-
|13:37
|For more details, please write to:
'''contact at spoken hyphen tutorial dot org'''.

|-
|13:43
|'''Spoken Tutorial''' project is a part of the '''Talk to a Teacher''' project.

|-
|13:48
|It is supported by the National Mission on Education through ICT, MHRD, Government of India.

|-
|13:55
|More information on this mission is available at: 
'''spoken hyphen tutorial dot org slash NMEICT hyphen Intro'''.

|-
|14:06
|This tutorial has been contributed by DesiCrew Solutions Pvt. Ltd.

|-
|14:10
|Thanks for joining.

|-
|}