Difference between revisions of "LibreOffice-Suite-Draw-6.3/C2/Working-with-Objects/English"

From Script | Spoken-Tutorial
Jump to: navigation, search
 
(2 intermediate revisions by 2 users not shown)
Line 129: Line 129:
 
|-  
 
|-  
 
|| Wait for the small '''arrow '''to appear.
 
|| Wait for the small '''arrow '''to appear.
−
|| A small transparent arrow a square beneath appears at the '''cursor '''tip.
+
|| A small transparent arrow with a square beneath appears at the '''cursor '''tip.
 
|-  
 
|-  
 
|| Press the '''Shift key'''
 
|| Press the '''Shift key'''
Line 163: Line 163:
 
|| Next, let’s increase the width of this rectangle '''object'''.
 
|| Next, let’s increase the width of this rectangle '''object'''.
  
−
Select the '''rectangle''', click the left '''mouse '''button and grab one of the corner '''handles'''.  
+
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.
 
Press the '''Shift key''' on the keyboard and drag it upward.
Line 265: Line 265:
 
|| Press''' CTRL+S '''keys
 
|| Press''' CTRL+S '''keys
 
|| Press''' CTRL+S '''keys to save the file.
 
|| 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'''
 
|| '''Slide''': '''Trees'''
Line 398: Line 389:
 
|-  
 
|-  
 
|| Right click for the''' context menu '''>> Click '''Group'''.
 
|| Right click for the''' context menu '''>> Click '''Group'''.
−
|| Right click on the '''object''' for the '''context menu '''and select '''Group'''.
+
|| Right click on the '''object'''  
 +
 
 +
from the '''context menu ''' select '''Group'''.
 
|-  
 
|-  
 
|| Now click on any '''object'''.
 
|| Now click on any '''object'''.
Line 553: Line 546:
  
 
Add a page, create this picture on your own.
 
Add a page, create this picture on your own.
 +
|-
 +
|| '''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''': '''About Spoken Tutorial Project'''
 
|| '''Slide''': '''About Spoken Tutorial Project'''
Line 577: Line 580:
 
The script for this tutorial was written by Nikita Misal from IIT Bombay.
 
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.
+
And this is Madhuri Ganapathi along with the Spoken Tutorial team signing off.  
 +
 
 +
Thank you for watching.
 
|-
 
|-
 
|}
 
|}

Latest revision as of 23:50, 30 March 2021

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

from the context menu 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: 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: 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.

Contributors and Content Editors

Madhurig, Nancyvarkey, Pravin1389

Retrieved from "https://script.spoken-tutorial.org/index.php?title=LibreOffice-Suite-Draw-6.3/C2/Working-with-Objects/English&oldid=54958"