View source for LibreOffice-Suite-Draw/C2/Basics-of-working-with-objects/English

     __TOC__
=Basic Level/Working With Drawings=

=Resources for recording=
[[Media:Working With Drawings.zip |Working With Drawings]]





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

|-
|| Show Slide 1
Welcome to the Spoken Tutorial on Basics of Working with Objects in LibreOffice Draw.
|| Welcome to the Spoken Tutorial on Basics of Working with Objects in LibreOffice Draw.


|-
|| Show Slide 2
Learning Objectives

In this tutorial, you will learn how to:

Cut, copy, paste objects

Re-size objects dynamically using handles

Arrange Objects 

Group and ungroup objects

Edit individual objects in a group

Move objects within a group
|| 

In this tutorial, you will learn how to:

Cut, copy, paste objects

Re-size objects dynamically using  handles

Arrange Objects 

Group and ungroup objects

Edit individual objects in a group

Move objects within a group

|-
|| Show Slide 3
OS and Versions

Here we are using Ubuntu Linux version 10.04 and LibreOffice Suite version 3.3.4.
|| 
Here we are using Ubuntu Linux version 10.04 and LibreOffice Suite version 3.3.4.


|-
|| Switch to LibreOffice Draw.
Open the saved file “WaterCycle”.
|| Let us open the “WaterCycle” file which we had saved on the Desktop. 

|-
|| 
|| Now, let’s copy and paste three more clouds to this picture.

|-
|| 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, then right-click to view the  context menu and click “Copy”.
Then, place the cursor on the page, right-click for the context menu again and click “Paste”.

|-
|| <<Please refer figure one below in this document. This is how the picture must look like after you paste three clouds. >>
|| But we can see only one cloud!
Where is the cloud that we copied and pasted?
The copied cloud has been pasted on the top of the original cloud!

|-
|| Select the copied cloud that is placed directly above the original cloud >> Move it to the left.
|| Let us select the cloud and move it to the left.

|-
|| 
|| 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 for the context menu and click “Copy”.
Right-click again for the context menu and click “Paste”. 

|-
|| Select and move the copied cloud to the left.
<< Please refer figure one and paste them as shown in figure one.>>
|| Now, select the copied cloud and move it to the left.

|-
|| Show Slide 4
Short Cut Keys 

CTRL+C to copy an object

CTRL+V to paste an object

CTRL+X to cut an object
|| We can also use short cut 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
|| Select the cloud and press the CTRL and C keys together.
The cloud has been copied. 

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

|-
|| Show Slide 5
Assignment 

Add two pages to your Draw file.

Draw two objects on page one.

Copy an object from page one to page two. 

Check where the copied object is placed.

Cut an object and paste it.
 
Check if a copy of the object is made when you cut it.

|| Pause this tutorial and do this assignment.

Add two pages to your draw file.

Draw two objects on page one.

Copy an object from page one to page two. 

Check where the copied object is placed.

Cut an object and paste it. You can use the short-cut keys for this purpose.

Check if a copy of the object is made when you cut it.

|-
|| Select the second cloud to the left of circle.

Point to the handles.
|| Let us reduce the size of this cloud.

So, first select it. 

Now the handles are visible.

|-
|| Place the cursor on the top right handle of the cloud >> Wait till you see the arrow >>

Drag the arrow inward (left) to make the cloud smaller >> Then drag it outward (to right) to enlarge it.

<< Please bring it back to its original shape as shown in the figure.>>
|| Next, place the cursor on one of the handles till arrowheads are visible. 
Now, hold the left mouse button and drag the arrow inward to make the cloud smaller.

To enlarge it, drag the arrow outward.

|-
|| Select the first arrow on the left side of the page >> Place the cursor on the bottom handle >> Wait for the small arrow to appear.
|| To  make this arrow longer, first select it.

Now move the cursor over one of the handles.

A small transparent arrow with a square beneath appears at the cursor tip.

|-
|| Press the Shift key and then pull it a little down.
|| Now, press the “Shift” key on the keyboard, hold the left mouse button and using the arrow’s handle, drag it down. 

|-
|| << Please bring it back to its original shape as shown in the figure.>>
|| It is much easier to re-size the object if you press the Shift key also, isn’t it?

|-
|| Show Slide 6
Dynamic Resizing

Resizing using the handles of an object is called “Dynamic Resizing”. 

This means we do not use exact measurements.
|| Resizing using the handles of an object is called “Dynamic Resizing”. 

This means we do not use exact measurements.

We will learn to exactly re-size objects in later tutorials.

|-
|| Select the rectangle. 

Hold the Shift key. 

Re-size it in the top direction only. Please press the Shift key when re-sizing this.

<<Please refer to figure two for the size of the resized rectangle. >>
|| In a similar manner let’s increase the width of this rectangle. 
Select the rectangle, press the Shift key on the keyboard and drag it upward.

|-
|| Now, point to the extreme left of “Status” bar (where the dimensions keep changing) at the bottom of the Draw window.
Now select the rectangle >> Hold the Shift key >> select the middle-left handle and enlarge it.
|| Look at the “Status” bar, at the bottom of the Draw window.

Note that when we re-size the rectangle again, the dimensions change.

|-
|| Point to the object information area (this is the first area to the left), then the position and the dimension.
|| The “Status” bar shows the change in position and dimension of the object.

|-
|| Show Slide 7
<<Show figure two.>>
|| Now let’s arrange the clouds and the sun as shown here. 

|-
|| <<Please see figure three and number the clouds in the same manner. >>
|| To identify the clouds, let’s number them 1, 2, 3, 4, starting from left to right. <<Pause>>

|-
|| Select the first cloud to the left >> Double-click >> Type 1.
In the same manner number the other clouds to 2, 3, and 4.
|| To insert the numbers, let’s select this cloud, double-click and type 1.
Similarly number the other clouds too.

|-
|| 
Select cloud 4 >> drag and drop it above the sun
Again select cloud 4 >> right-click for the context menu >> click “Arrange” >> select “Send Backward”. 
|| First, let’s select cloud 4 and place it over the  sun.
To send it behind the sun, select cloud 4 and right-click for the context menu.

Click “Arrange” and select “Send Backward”. 

Cloud 4 is now behind the sun.

“Send Backward” sends an object one layer behind the present one.

|-
|| <<Refer Figure four for placement>>
Select cloud 3 >> right-click for the context menu >> click “Arrange” >> select “Send to Back”

<<After cloud 4 is  “Send to Back” it should look like figure five>>.
|| Now let’s select cloud 3 and place it above the sun.

Right-click for the context menu, click “Arrange” and select “Send to Back”.

Cloud 3 is now behind both the sun and cloud 4. 

“Send to Back” sends an object to the last layer.

|-
|| Show Slide 7
<<Show figure two.>>
|| It now becomes simple to arrange the clouds as shown in the slide, isn’t?

|-
|| Select cloud 4 >> Right-click for the context menu >> click Arrange >> click Bring to Front.

Select cloud 3 >> Right-click for context menu >> click Arrange >> click Bring Forward. 
|| Let’s select cloud 4, right-click for context menu, click “Arrange” and select “Bring to Front”.

“Bring to Front” brings an object to the first layer.

Then select cloud 3, right-click for context menu, click “Arrange” and select “Bring Forward”.
“Bring Forward” brings an object one layer ahead.

|-
|| Select cloud 2 and place it partly on the top of cloud 1. 
<<Refer figure six.>>
|| Now, select cloud 2 and place it on cloud 1.
The clouds are arranged as shown in the slide.

|-
|| Select cloud 1 >> double-click >> select the number  >> press Delete.
Delete the numbers from the clouds.
|| 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. <Pause>

|-
|| Show Slide 8
Assignment

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 figures change for each option.

Now, place the objects as shown and 

Check the Bring to Front and Behind Object options.

|| Pause the tutorial here for this assignment.

|-
|| Show Slide 9
<<Show picture named TREES>>
|| Let’s add trees, like the one shown in this slide, to the Water Cycle diagram.

|-
|| Switch to the Draw file “Water Cycle”.
Add a new page. 

Go to Main menu >> Insert >> Slide.

<<Refer figure Making a Tree for the tree branch.>>
|| We shall draw a tree using a block arrow and a star.

Let us add a new page to this Draw file by clicking on Insert and then on Slide.

This will add a new page to our file.

|-
|| Go to the Drawing toolbar >> Click Block Arrows >> Click on the small black triangle >> Select “Split Arrow”.

|| To draw the trunk of the tree, select “Block Arrows” from the Drawing toolbar.
Click on the small black triangle to see the available shapes and select “Split Arrow”.

|-
|| Place the cursor on the draw page.

Hold the left mouse button and drag downwards.
|| Place the cursor on the page, hold the left mouse button and drag downwards and sideways.
You have drawn a tree trunk with two branches!

|-
|| 
|| Let us add leaves to the branch.

|-
|| In the Drawing toolbar >> Stars >> Click on the small black triangle  >> Select Explosion.
|| Select Stars from the Drawing toolbar. 
Then, click on the small black triangle and 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.

|| Now, move to the draw page, place the cursor on the left branch of the arrow, hold the left mouse button and drag left to draw the shape.
So, we have added leaves to the tree!

|-
|| Copy the star on to the right branch of the “Split Arrow” .

Select the object “Explosion” >> Press CTRL+C keys >> Press  CTRL+V .

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

<<Please refer the figure called Making of a Tree for the placement of the star on the branch.>>
|| We shall copy this shape to the right branch of the tree, also.

Select the shape.

On the keyboard, press the CTRL+C keys to copy.

Then place the cursor on the right and press CTRL+V to paste.

We have drawn a tree!

|-
|| Select the “Split Arrow” and move it down using the mouse.
|| Let us select the tree and move it down.
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.
The tree must look like as shown in figure now.
|| Let’s move the tree trunk back to where it was.

|-
|| 
|| Let’s 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, so that none of the objects are selected.
Click on the Drawing toolbar >> then click Select.
|| First click on the page, so that none of the objects are selected.
Then, click “Select” from the Drawing toolbar.

|-
|| Move the mouse to the page >> click on the page >>  press the left button of the mouse and drag so that all the three objects are selected.

|| Move the cursor to the page and click on the page.
Now press the left mouse button and drag to the right.

|-
|| 
|| You will see a dotted rectangle.
Ensure all the objects of  the tree are selected within this rectangle.
Alternately, you can 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 for 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, select the tree, right-click and select “Ungroup”.
The objects are now ungrouped and are treated as three separate objects.

|-
|| Select the trunk and the leaves by pressing the Shift key and then clicking on each object.
Right-click for the context menu >> select Group.
|| Let’s group them again. <Pause>

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

|-
||   Point to the disabled objects - arrows, clouds, rectangle
|| Notice that all the objects outside the group are disabled.  

|-
|| Point to the objects within the group.
|| Only the objects within the group can be edited.

|-
|| Select the star on the right-side >> Use the handles and reduce size.
|| Let us select the leaves on the right-side of the tree and reduce the size.

|-
|| Point to the size of the tree.
|| Now, we should reduce the size of  the tree so that it fits in the Water Cycle drawing.  

So we have to exit the “Edit” mode of the group.

|-
|| Place the cursor on the page, right-click >> select Exit group.
|| To exit the group, place the cursor on the page, right-click and select “Exit group”.

We are now out of the “Edit” mode for the group.

|-
|| <<Please refer Making a Tree picture>>
Select the tree.

Move the cursor over the bottom-right handle.

Pull the bottom right handle. Reduce the size.

Then use the mouse pointer to show that the whole image has been re-sized.
||  Select the tree and move the cursor over the bottom-right handle.

The cursor turns into a re-sizing arrow.

Drag the arrow inwards. 

 
And we have reduced the size of the whole tree!

|-
|| Select the tree >> right-click for context menu >> click Cut.
Come to the water cycle drawing >> place the tree as show in the figure 5. >> right-click for the context menu >> click Paste.

|| Let us select the tree, cut it and paste it into the WaterCycle drawing. <Pause>

|-
|| Create three more trees using the “Copy” command. Place them exactly as shown in Final Diagram on the rectangle.
|| Let’s add three more trees to this picture.

|-
|| Select the tree >> right-click for context menu >> click Copy.

Then right-click for context menu >> click Paste.

Move the tree to the left.

<<Please refer figure 5 for how the drawing should look like. Please ensure you capture all the adjustments also.>>

Create two more trees.
|| Let’s right-click for the context menu, select Copy.

Again right-click for the context menu, select Paste. <Pause>

And move them to the desired location.

|-
|| Select each tree one-by-one.
|| Now remember, each tree is made up of three objects. 

Each tree is also a group by itself.

We have created groups of objects.

|-
|| 
|| Let us now add the water body to the drawing.

|-
|| Point to the right outline of the rectangle.
|| To give the effect of water, we shall add a triangle next to the rectangle and then add a curve.

|-
|| <<Refer the Final Diagram for the complete  drawing.>>

Go to Drawing toolbar >> Select Basic shapes >> click on the small black triangle >> select Right Triangle.

Draw it next to the rectangle.
|| To draw a triangle, select “Basic shapes” from the “Drawing” toolbar. 

Click on the small black triangle and select “Right Triangle”.

Let us draw it and place it next to the rectangle.

|-
|| 
|| Now let us draw a curve filled with color to show the movement of water.

|-
|| Click on Drawing toolbar >> Select Curve >> select FreeForm Line Filled.

Draw a curve next to the triangle.

Place the cursor on the page, hold the left mouse button and drag it down.
|| From the “Drawing” toolbar, select “Curve”. Now, click on “Freeform Line, Filled”.

Then place the cursor on top of the triangle, hold the left mouse button and drag it down.

|-
|| Please make necessary adjustments.
<<Please refer to the Final Diagram to draw the curve. Place in on the border of the triangle as shown.>> 
|| Let’s adjust the curve so that it looks like flowing water. <Pause>

|-
|| Go the Drawing toolbar >> click Select >> Move to the page and click >>  press the left mouse button and drag so that all the triangle and the curve  are selected.

Right-click for context menu >> Click Group.
|| The triangle and the curve together create water, let’s group them as a single object.
From the Drawing toolbar, click Select. 

Now move the cursor to the page, press the left mouse button and drag to cover the triangle and the curve.
Right-click and select Group.

|-
|| 
|| We have now created the basic outline of the  Water Cycle.

|-
|| Show Slide 10
Comprehensive Assignment

Create this picture on your own.
 
|| Here is another assignment for you.

Create this picture on your own.


|-
|| Show Slide 11
Summary
In this tutorial, you have learnt the basics of working with objects. You have learnt to:

Cut, copy, paste objects

Re-size objects dynamically using handles

Arrange objects 

Group and ungroup objects

Edit individual objects in a group

Move objects within a group
|| This brings us to the end of this tutorial on Draw.

In this tutorial, you have learnt the basics of working with objects. You have learnt to:

Cut, copy, paste objects

Re-size objects dynamically using handles   
  
Arrange objects 

Group and ungroup objects

Edit individual objects in a group

Move objects within a group 

|-

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

*http://spoken-tutorial.org/NMEICT-Intro

||

*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

|-

|}