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

{|border=1
||'''Visual Cue'''
||'''Narration'''
|- 
|| '''Slide''': '''Title Slide'''
|| Welcome to the''' spoken tutorial '''on '''Working with Objects.'''
|- 
|| '''Slide''':''' Learning Objectives'''
|| In this tutorial, you will learn how to:
* Cut, copy, and paste''' objects'''
* Resize''' objects''' dynamically using '''handles'''
* Arrange '''objects'''
* Group and ungroup''' objects'''
* Edit''' '''individual '''objects''' in a '''group '''and
* Move''' objects''' within a '''group'''
|- 
|| '''Slide''': '''System Requirements '''
|| This tutorial is recorded using 

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

|- 
|| Switch to '''Water-Cycle'''.odg
|| Let’s open our '''Water'''-'''Cycle'''.'''odg''' file which we created earlier in this series.
|- 
|| '''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.

|- 
|| Cursor on the draw page.
|| Now, let’s copy and paste''' '''three more clouds.
|- 
|| Select the '''cloud ''' >> Right-click to view the '''context menu''' >> Click '''Copy'''.


Place the '''cursor '''next to the cloud >> 

Right-click for the '''context menu''' >> Click '''Paste'''.
|| First select the cloud in the page and right-click to view the '''context menu.'''

Select the option '''Copy'''.

Then, place the '''cursor '''anywhere on the page.

Right-click for the '''context menu''' and select '''Paste'''.
|- 
|| Point to the '''cloud'''
|| But we can see only one cloud!

Where is the cloud which we copied and pasted? 

The copied cloud has been pasted on top''' '''of the original cloud!
|- 
|| '''Move '''the '''cloud '''to the left
|| Let us select the cloud''' '''and move''' '''it to the left.


Now we can see both the clouds.
|- 
|| Only Narration
|| Let us create one more cloud''' '''in the same manner.
|- 
|| Select the second '''cloud ''' >> 

Right-click to view the '''context menu''' >> Click '''Copy '''


Right-click for the '''context menu''' >> Click '''Paste'''.
|| Select the cloud.

Right-click and select '''Copy.'''


Again right-click select '''Paste'''.
|- 
|| Select and move the '''copied cloud '''to the left.
|| Now, select the copied cloud and move it to the left.
|- 
|| '''Slide''': '''Shortcut Keys'''
|| We can also use shortcut keys to make copies of '''objects'''.

* '''CTRL + C''' to copy an '''object'''
* '''CTRL + V''' to paste an '''object'''
* '''CTRL + X''' to cut an '''object'''

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

Select the third cloud you copied

Press the '''CTRL + C''' keys together
|| Switch back to the '''Draw '''file.


Select the cloud and press '''CTRL '''and '''C''' keys together.


The cloud has been copied.
|- 
||Press '''CTRL+ V''' keys together 


Select the '''cloud '''and move it to the left.
|| To paste, press '''CTRL '''and '''V '''keys together.


Now select the cloud''' '''and move it to the desired location.
|- 
|| Press''' CTRL+ S '''keys
|| Press''' CTRL''' and '''S '''keys to save the file.
|- 
|| Text on screen: Set the '''Automatic Save''' option
|| To avoid accidental loss of work, set the '''Automatic Save''' option. 


That way your changes are saved automatically.
|- 
 
|| Select the first '''arrow '''on the left side of the '''page '''

Place the '''cursor '''on the bottom '''handle '''
|| Now, let’s see how to resize the arrow '''object'''.

First select the arrow '''object''' and move the '''cursor '''very slowly over one of the '''handles'''.
|- 
|| Wait for the small '''arrow '''to appear.
|| A small transparent arrow with a square beneath appears at the '''cursor '''tip.
|- 
|| Press the '''Shift key'''

Click the left '''mouse '''button.

Pull the '''arrow '''a little down.
|| Now, press the '''Shift '''key on the '''keyboard'''.

Click the left '''mouse '''button.

Using the arrow’s''' handle, '''drag it down and release the '''mouse '''button and the '''Shift '''key.
|- 
|| Press '''Ctrl + Z'''
|| It is much easier to resize line and arrow '''objects''' if you press the '''Shift key'''.

If we don’t then the line and arrow will not be straight.

Let us undo all these changes we made for the arrow.
|- 
|| '''Slide''': '''Dynamic Resizing'''
||
* Resizing''' '''using the '''handles '''of an '''object '''is called '''Dynamic Resizing'''
* This means we do not use exact measurements.

We will learn to exactly resize '''objects''' in later tutorials.
|- 
|| Point to the rectangle

Select the '''rectangle''' >> Place the '''cursor '''on the right '''handle '''

Press the '''Shift key''' and drag it upward
|| Next, let’s increase the width of this rectangle '''object'''.

Select the '''rectangle''', grab one of the corner '''handles''' by clicking the left '''mouse '''button. 

Press the '''Shift key''' on the keyboard and drag it upward.
|- 
|| Point to the right of the '''Status bar '''.

Select the '''rectangle '''>> Hold the '''Shift key'''

>> select the middle-left '''handle '''and enlarge it >> Point to right of the '''Status bar'''
|| Look at the '''Status bar''', at the bottom of the '''Draw '''window.

Note that when we resize the rectangle''' '''again, the '''dimensions '''change.
|- 
|| Point to the '''object information '''area and then the '''position '''and the '''dimension'''.
|| The '''Status bar''' shows the change in '''position '''and '''dimension '''of the '''object''' at the bottom.

|- 
|| '''Slide''': '''Sample Drawing'''
|| Now let’s arrange the clouds and the sun as shown here.
|- 
|| Press''' CTRL+S '''keys
|| Press''' CTRL+S '''keys to save the file.
|- 
|| Point to the clouds.
|| To identify the clouds, let’s number them 1, 2, 3, 4, starting from left to right.
|- 
|| Select the first cloud to the left 

>> Double-click >> Type 1.
|| To insert the numbers, let’s select the first cloud, double-click''' '''and type 1.
|- 
|| Just show the end result, no need to demonstrate
|| Similarly, number the other clouds''' '''too.
|- 
|| point to the icons.
|| If you have resized your '''LibreOffice''' window, some of the icons may not be visible.
|- 
|| Click on Double arrow '''>>''' 

icon at the end of the '''toolbars'''
|| In that case, click on the '''double arrow''' icon at the end of the '''toolbar''' to see the hidden icons.
|- 
|| Select cloud 4 >> drag and drop it above the sun 
|| Now, let’s select cloud''' '''4 and overlap it over the sun.
|- 
|| Click on drop-down next to the '''Arrange '''icon on the '''Standard toolbar'''

Select''' Send Backward'''
|| To send it behind the sun, click on drop-down next to the '''Arrange '''icon on the '''Standard toolbar.'''


And select the''' Send Backward '''option.
|- 
|| Only narration
|| '''Send Backward''' sends an '''object '''one '''layer '''behind the present one.
|- 
|| Select cloud 3 

Click on drop-down next to the '''Arrange '''icon on the '''Standard toolbar '''>>''' '''select''' Send to Back'''
|| Now let’s select cloud''' '''3 and place it such that it overlaps above the sun.

Then send it to the back of the sun by following the previous steps and select '''Send to Back.'''
|- 
|| '''Slide''': Sample Drawing
|| It now becomes simple to arrange the clouds as shown in the slide, isn't it?
|- 
|| Select '''cloud '''4 

Click on drop-down next to the '''Arrange '''icon on the '''Standard toolbar '''>> select''' Bring to Front.'''
|| Let’s select cloud''' '''4 and bring it to the front.

To do so, follow the previous steps and select the '''Bring to Front '''option.
|- 
|| Only narration
|| '''Bring to Front '''brings an object to the first '''layer'''.
|- 
|| Select '''cloud '''3 >> Click '''Arrange ''' >> '''Bring Forward.'''
|| Then select cloud''' '''3, '''Bring Forward'''. 
|- 
|| Only narration
|| '''Bring Forward '''brings an '''object''' one '''layer '''ahead.
|- 
|| Select '''cloud '''2 and place it partly on the top of '''cloud '''1.
|| Now, select cloud 2 and place it overlapping on cloud 1.


The clouds''' '''are now arranged as shown in the slide.
|- 
|| Select cloud 1 >> double-click

Select the number >> press '''Delete'''.
|| Next let’s delete the numbers from the clouds.

To do so, select the cloud''' '''and double-click.

Then select the number and press the '''Delete key''' on the keyboard.
|- 
|| Just show the end result, no need to demonstrate
|| Similarly, remove the number from the other clouds''' '''too.
|- 
|| Press''' CTRL+S '''keys
|| Press''' CTRL+S '''keys to save the file.
|- 
|| '''Slide''': '''Assignment'''
|| As an assignment:

* On a new page draw a '''circle''', a '''square '''and a '''star '''and place them as shown.
* Select each '''object '''and apply each option from the '''Arrange '''menu.
* Check how the placements''' '''of '''objects '''change for each option.
* Now, place the '''objects '''as shown and
* Check the '''Bring to Front''' and '''Behind Object''' options.
|- 
|| '''Slide''': '''Trees'''
|| Let’s add trees, like the one shown in this slide, to the '''Water Cycle diagram'''. 
|- 
|| Switch to the '''Draw '''file '''Water- Cycle'''
|| We shall draw a tree using '''Split arrow''' and '''star explosion objects'''. 
|- 
|| Add a '''new page'''

Go to '''Menu bar''' >> '''Page ''' >> '''New Page'''
|| Let us add a new '''page '''to this '''Draw '''file.

To do that, on the '''menu bar''' click on the '''Page menu '''and then on '''New Page.'''
|- 
|| Right click on '''Page '''>> '''page '''>> '''New page'''
|| Alternatively you can add a new '''page''' by right-clicking on the '''page''' in the '''Page Pane.'''


And click on the '''New Page''' option from the '''context menu.'''
|- 
|| '''Shapes '''>> '''Split Arrow'''
|| Click on the '''Shapes '''icon in the '''Sidebar. '''


From '''Block Arrows section,''' select '''Split Arrow'''
|- 
|| Place the '''cursor '''on the '''Draw page'''

Hold the left '''mouse '''button and '''drag '''downwards >> release the '''mouse '''button

Point towards the drawn '''Split arrow'''
|| Place the '''cursor '''on the '''page.'''

Click and hold the left '''mouse '''button and drag''' '''downwards and sideways.

Release the '''mouse '''button to complete the '''split arrow object.'''

We have drawn a tree trunk with two branches!
|- 
|| Point to the tree.
|| Next, let us add leaves to the branches.
|- 
|| Shapes >> '''Explosion'''
|| In the '''Shapes''' pane, Under '''Stars,''' select '''Explosion.'''
|- 
|| Move to the '''Draw page'''.


Place the '''cursor '''on the left '''branch '''of the '''arrow''', 

hold the left '''mouse '''button and '''drag '''left >> release the '''mouse '''button

Point to the drawn leaves
|| Now, move to the '''Draw page.'''


Place the '''cursor '''on the left branch''' '''of the arrow, hold the left '''mouse '''button and drag left.

Release the '''mouse '''button to complete the leaves.

So, we have now added leaves.
|- 
|| Click on the '''x''' icon in the '''Shapes''' pane
|| Close the '''Shapes''' pane by clicking on the cross('''X)''' icon.
|- 
|| Select the object '''Explosion >> '''press''' CTRL+C keys''' 

Press '''CTRL+V'''.

Select the '''copied object '''and '''move '''it to the right branch.


Point to the drawn tree
|| We shall copy this shape to the right branch of the tree, also.

Select the shape and press '''CTRL + C''' keys to copy.

Then press '''CTRL + V''' to paste.

Select the copied''' object '''and move''' '''it to the right branch.

We have drawn a tree!
|- 
|| Cursor on the tree.
|| Let us select the tree and move it down.
|- 
|| Select the '''Split Arrow ''' and move it down using the '''mouse'''.
|| When we do that, only the tree trunk''' '''moves down; the leaves don’t!
|- 
|| Select each of the three '''objects'''.
|| Here the tree trunk and the two leaves''' '''are treated as separate '''objects'''.
|- 
|| Press '''CTRL+Z''' to undo the action.
|| Let’s press '''Ctrl + Z keys''' to move the tree trunk back to where it was.
|- 
|| Cursor on the page.
|| Now, we’ll learn how to '''group '''the tree trunk and the two leaves''' '''into a single unit.

Any change made to a '''group '''is applied to all the '''objects '''within the '''group'''.
|- 
|| Click on the page,
|| First click anywhere on the '''page''', so that none of the '''objects '''are selected. 
|- 
|| Press the left '''button '''and '''drag'''
|| Make sure that your '''cursor''' is at the top left of the tree '''Object'''. 

Now press the left '''mouse button '''and drag''' '''to the bottom right.

So that all the three '''objects''' of the tree are selected.
|- 
|| Point towards the '''dotted rectangle'''
|| A '''dotted rectangle '''is seen'''.'''

Ensure all the '''objects '''of the tree are selected within this '''rectangle'''.

Then release the left '''mouse''' button.
|- 
|| Click on the page
|| Click on the '''page''', so that none of the '''objects '''are selected.
|- 
|| Pressing '''Shift key''' >> click on the''' objects'''
|| You can also select two or more '''objects, '''by pressing the '''Shift key''' and then clicking on each '''object'''.
|- 
|| Right click for the''' context menu '''>> Click '''Group'''.
|| Right click on the '''object''' for the '''context menu '''and select '''Group'''.
|- 
|| Now click on any '''object'''.

Point to the eight '''handles'''.
|| Now click on any '''object '''in the tree.

The '''handles '''appear as if they are part of a single '''object'''.

These '''objects '''are now treated as a single''' '''unit.
|- 
|| Select the tree >> right-click for the '''context menu''' >> 

select '''Ungroup'''.

Select each '''object '''to show that the '''objects '''are now separate.
|| To ungroup them as separate objects, right-click on the '''object '''and select '''Ungroup.'''

The '''objects '''are now '''ungrouped''' and are treated as separate '''objects'''.
|- 
|| Right-click for the '''context menu''' >> select '''Group'''.
|| Let’s '''group '''them again.
|- 
|| Cursor on the page.
|| Now, suppose we want to edit a single '''object '''within a '''group'''. What do we do?

Let me demonstrate a simple way to do this without having to '''ungroup '''and '''regroup '''the '''objects'''.
|- 
|| Select the tree >> 

right-click to view the '''context menu''' 

Click '''Enter Group'''.
|| Select the '''group '''and right-click for the '''context menu'''.

Select '''Enter Group.'''
|- 
|| Select the '''leaves '''on the right-side >>''' reduce size'''.
|| Let us select the '''leaves '''on the right-side of the tree and reduce the size.
|- 
|| Place the '''cursor '''on the page, right-click >> select '''Exit group'''.
|| To '''exit '''the '''group''', place the '''cursor '''on the '''tree'''.

Right-click and select''' Exit group.'''

We are now out of the '''Edit mode''' for the '''group'''.
|- 
|| Point to the '''size '''of the '''tree'''.
|| Now, let’s reduce the size of the whole tree so that it fits in the '''Water-Cycle drawing'''.
|- 
|| Select the tree. Move the '''cursor '''over the bottom-right '''handle''' >> Drag the '''arrow '''inwards.
|| Select the tree, grab one of the corner handles and resize as shown.
|- 
|| Point to the tree.
|| The size of the whole tree has reduced!
|- 
|| Select the '''tree '''>> right-click >> 

click '''Cut'''. Come to the '''Water-Cycle drawing '''>> 

right-click >> click '''Paste'''.
|| Let us select the '''tree''', cut and paste it into the '''Water-Cycle drawing page.'''
|- 
|| Cursor on the page.
|| Then let’s add three more trees to this diagram.
|- 
|| Select the '''tree '''>> Ctrl + C >> Ctrl + V twice

'''Move '''the tree to the left.
|| Select the tree and press '''Ctrl + C''' and '''Ctrl + V''' keys to copy and paste.

Repeat '''Ctrl + V''' once again.

Then move''' '''the copied trees to the desired locations.
|- 
|| Select each tree one-by-one.
|| Remember, each tree is made up of three '''objects grouped '''together.
|- 
|| Press''' CTRL+S '''keys
|| Press''' CTRL+S '''keys to save the file.
|- 
|| Point to the diagram.
|| Next, let us add a water body to the diagram.
|- 
|| Point to the right '''outline '''of the '''rectangle'''.
|| To give the effect of water, we will add a '''triangle '''next to the '''rectangle '''and then add a '''curve'''.
|- 
|| Shapes >> 


'''Basic Shapes >> Right Triangle'''


Draw it next to the '''rectangle'''.
|| Click on the '''Shapes '''icon in the '''Sidebar. '''

Under '''Basic Shapes''', select''' Right Triangle.'''

Let us draw it and place it next to the '''rectangle'''.
|- 
|| Click anywhere else on the '''Draw page'''
|| Click anywhere else on the '''Draw page''' to deselect the drawn '''object'''.
|- 
|| Only narration
|| Now let us draw a curve filled with color to show the movement of water.
|- 
|| '''Shapes '''>> '''Freeform Line, Filled'''

Draw a '''curve '''next to the triangle.
|| In the '''Shapes '''pane, go to the''' Curves '''section.

Select '''Freeform Line, Filled '''option.

Then place the '''cursor '''on top of the '''triangle''', hold the left '''mouse '''button and drag''' '''it down.
|- 
|| Please make the necessary '''adjustments'''.
|| Let’s adjust''' '''the curve''' '''so that it looks like flowing water.
|- 
|| Hold Shift and select Right Triangle and Curve

Right-click >>Click '''Group'''.
|| The triangle''' '''and the curve''' '''together create water, so let’s '''group '''them as a single '''object'''.

By holding the '''SHIFT''' key, select the '''Right Triangle''' and the '''Curve objects.'''

Right-click and select '''Group'''.
|- 
|| Only narration

'''Ctrl + S'''
|| We have now created the basic '''objects''' in the '''Water-Cycle diagram'''.

Save all the changes and close the file.
|- 
|| Only narration
|| This brings us to the end of this tutorial.

Let us summarize.
|- 
|| '''Slide''':''' Summary'''
|| In this tutorial, we have learnt to:
* Cut, copy, paste''' objects'''
* Resize''' objects''' dynamically using '''handles'''
* Arrange '''objects'''
* Group and '''ungroup objects'''
* Edit''' '''individual '''objects''' in a '''group'''
* Move''' objects''' within a '''group'''

|- 
|| '''Slide''': '''Assignment.'''
|| Here is an assignment for you.

Open '''MyPractice.odg''' file.

Add a page, create this picture on your own.
|- 
|| '''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'''
|| 
* Spoken Tutorial project conducts workshops using spoken tutorials and give certificates.
* For more details, please contact us.

|- 
|| '''Slide''': '''Forums'''
|| Please post your timed queries in this forum.
|- 
|| '''Slide''': '''Acknowledgement'''
|| '''Spoken Tutorial''' project is funded by the Ministry of Education (MoE), Govt. Of India.
|- 
|| '''Slide''': '''Thank you'''
|| This tutorial was originally contributed by DesiCrew Solutions Pvt. Ltd. in 2011

The script for this tutorial was written by Nikita Misal from IIT Bombay.

And this is Madhuri Ganapathi along with the Spoken Tutorial team signing off. Thank you for watching.
|-
|}