Difference between revisions of "LibreOffice-Suite-Draw/C3/Working-with-Objects/English-timed"

||Welcome to the '''Spoken Tutorial''' on '''Working with Objects''' in '''LibreOffice Draw'''.

||In this tutorial, we will learn how to:

||* Position objects using '''Grids''' and '''Guide lines'''

||* Use '''snap functions'''

||* Customize '''lines''' and '''arrowheads'''.

||You will also learn how to: * Duplicate objects

||* Re-size objects exactly

||* Distribute objects

 

||* Combine, merge, subtract and intersect objects.

||We are using:

* '''Ubuntu Linux''' version '''10.04''' as our '''operating system''' and  

* '''LibreOffice Suite''' version '''3.3.4'''.

||What are '''Grids'''?

||'''Grids''' aid to position objects  

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

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

||Then click on '''Display Grid.'''

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

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

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

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

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

||Click '''LibreOffice Draw''' and select '''Grid'''.

||Under '''Resolution''', enter the following values:

||''' Horizontal – 7 cm'''

||'''Vertical – 5 cm'''.

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

||Let us enter '''Subdivision''' values.

||'''Horizontal – 3'''

||'''Vertical – 4'''.

||Let us leave the '''Synchronize axes''' option unchecked.

||Click '''OK'''.

| 02:17

||Let us count the spaces that we set in Subdivision.

||Horizontally there are 1, 2, 3 spaces and vertically there are 1, 2, 3, 4 spaces.

| 02:33

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

||What are '''Guides'''?

| 02:47

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

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

||Click '''OK'''.

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

| 03:59

||Now, check all the three options:

| 04:22

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

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

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

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

||You will see a dotted line.

||Do not release the mouse-button.

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

||Now, release the mouse-button.

| 05:04

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

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

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

| You can, of course, create as many '''Snap Lines''' as you want.

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

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

|* '''Snap to Page margin''' - position an object exactly on the page margin.

||Pause this tutorial and do this assignment.

||Explore all the '''Grid options'''.

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

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

||Let’s select the '''Lake'''.

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

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

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

| 06:59

||The '''Lake''' is duplicated.

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

||Let’s use 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.

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

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

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

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

|Finally, select the '''Slant Corner and Radius''' tab.

| 08:01

| 08:21

| We must Select at least three objects  to use the '''Distribution''' option.

||Now, right-click and select '''Distribution'''.

||Under '''Horizontal''', select '''Right'''.  Click '''OK.'''

||The right edges of the object get distributed evenly.

||The '''Distribution''' option does not distribute the objects horizontally or vertically.

||The '''Horizontal Distribution''' option distributes-

||* The right and left edges

||* The horizontal centers and  

||* The spacing of the objects.

||The '''Vertical Distribution''' option distributes-  

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

||From the '''Main menu''', select '''Format''' and click '''Line'''.  

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

||Click on '''Line Styles''' tab.

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

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

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

||Click '''Add'''. Enter the name "My Line Style". Click '''OK'''.

||Again click '''OK'''.

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

||Click the '''Line''' tab.

||Click on the '''Style''' drop-down box.

||It now displays the new style that was created.

||Select it and click '''OK'''.

||We have created a new line style!

| 10:29

||Let’s draw a small stadium to the left of the School Campus.

||From the '''Drawing toolbar''', click''' Basic Shapes''' and select a '''Circle'''.

||Let’s enter it in the '''Draw page'''.

||The outline of the circle is of the style '''My Line Style'''.

||Let’s type '''“Stadium”''' inside it.

| 10:53

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

||What is the difference between Grouping and combining objects?

||When objects are combined, new object is created.

| 11:13

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

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

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

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

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

| 12:18

||Another new shape is created!

| 12:41

|You have also learnt to '''Duplicate, Resize''' and '''distribute''' objects.

|'''Combine, Merge, Subtract,Intersect'''.

|The Spoken Tutorial Project team:

* Conducts workshops using spoken tutorials.

* Gives certificates for those who pass an online test.

contact at spoken hyphen tutorial dot org.

spoken hyphen tutorial dot org slash NMEICT hyphen Intro.