LibreOffice-Suite-Draw/C2/Create-simple-drawings/English
Create Simple Drawings
Resources for recording
Visual Cue | Narration |
Show Slide 1
Welcome to the Spoken Tutorial on How to Create Simple Drawings in LibreOffice Draw. |
Welcome to the Spoken Tutorial on How to Create Simple Drawings in LibreOffice Draw. |
Show Slide 2
Learning Objectives In this tutorial you will learn how to create simple drawings using: Basic shapes such as lines, arrows, rectangles squares, and circles. Basic geometric shapes, symbols, stars and banners. |
In this tutorial you will learn how to create simple drawings using: Basic shapes such as lines, arrows, and rectangles. Basic geometric shapes, symbols, stars and banners. |
Show Slide 3
Learning Objectives You will also learn how to: Select, move and delete an object. Use the ruler to set margins and the align toolbar to position objects. |
You will also learn how to:
Select, move and delete an object. Use the Ruler to set margins and the Align toolbar to position objects. |
Show Slide 4
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.
|
Show Slide 5
Definition of the word “Object” “Object” is the term used to denote shapes or group of shapes used in Draw such as lines, squares, arrows, flowcharts and so on. |
Let us define the word Object.
The term “Object” denotes shapes or group of shapes used in Draw such as lines, squares, arrows, flowcharts and so on. |
Show Slide 6
<<Show slide with the Draw objects circle, star, banner, lines with arrows.>> |
All the shapes shown in this slide are referred to as objects. |
Switch to WaterCycle.odg | Let us open the file “WaterCycle” that was saved on the Desktop. |
Place the cursor over the cloud and click on it. | We will first learn how to select an object.
Let’s say, we want to select the cloud. So, we will simply click on it. |
Point to the 8 handles. | On doing so, eight handles become visible. |
Show Slide 7
Handles Handles are the small blue or green squares that appear on the sides of the selected object. |
Handles are the small blue or green squares that appear on the sides of the selected object.
You will learn more about handles and their use in the later tutorials. |
Point to the drawing toolbar. | Let’s add some more objects to our drawing. |
<<Refer Figure one at the end of the document for placement of the rectangle.>>
Click on the “Rectangle” icon in the Drawing toolbar. Hold for 1 second until the tool tip “Rectangle” is seen. |
In the Drawing toolbar, click on “Basic shapes” and then click on “Rectangle”. |
Move the cursor to the page.
Wait for a second so that the plus sign with a capital I is displayed. Draw a rectangle as shown in the figure one at the end of this document. This rectangle must not cover the triangle completely. The tip of the triangle must be visible. |
Now move the cursor to the page.
You will see a plus sign with a capital I. Hold the left mouse button and drag to draw a rectangle. Now release the mouse button.
|
Next, let us draw some arrows to show the movement of water vapour from the ground to the cloud. | |
Click on “Line” in the Drawing toolbar.
Hold for 2 seconds until the tool tip “Line” is seen. |
To draw a line, click on “Line” in the Drawing toolbar.
|
Move the cursor to the page.
Wait for a second so that the plus sign with a slanting symbol is displayed. <<Refer figure two to draw the lines.>> |
Move the cursor to the page.
You will see a plus sign with a slanting dash. |
Then hold the left button of the mouse and draw a line. | Hold the left button of the mouse and drag from top to bottom.
You have drawn a straight line! |
Click on the line.
Point to the two handles. |
A line has two handles. |
Now, let us add an arrowhead to the line. | |
Select the line.
Right-click for the context menu >> Line. |
We shall select the line now.
Right-click to view the context menu and click on “Line”. |
Adjust the Line dialog box on the page in such a way that the line drawn on the canvas is visible.
In the Line dialog box >> click on Arrow Styles tab >> click on the Arrow Style drop-down >> Select the first option Arrow >> Click OK. |
You will see the “Line” dialog box. Now, click on the “Arrow styles” tab and then click on the “Arrow style” drop-down. This displays the available “Arrow styles”. |
Select the first option named “Arrow”.
Click on OK. Click elsewhere on the canvas to deselect the arrow. |
Select the first option named “Arrow”.
Click on OK. |
Point to both ends of the line (to the arrow-heads) on the canvas.
|
This will add the selected style of arrowheads to both ends of the line.
But we need an arrowhead on only one end of the line. |
Undo this change by pressing CTRL+Z. | So first we will undo this change by pressing CTRL+Z. |
Click on the “Line” tab. | Right-click again to view the context menu.
Now, click on the “Line” tab. |
Point to the field named “Style” under “Arrow Styles”. | Here, under “Arrow Styles” you will see the field named “Style”. |
Point to the two drop-down boxes. | You see two drop-down boxes - one for each end of the line. |
Click on the left drop-down box >> select “Arrow”. | Click on the left drop-down box and select “Arrow”. |
Click on right drop-down box >> select “-none-”. | In the right drop-down box, select “none”. |
Click on OK.
Click anywhere on the canvas to deselect the arrow. |
Click on OK. |
Point to the arrowhead at the top end of the line. | Note that an arrowhead has been added to the top end of the line. |
We can also draw arrows using the “Lines and Arrows” option.
Let us draw two more arrows next to this arrow. | |
From the Drawing toolbar >> click on Lines and Arrows” >> select Line Starts with Arrow.
Move the cursor to the Draw page. Hold the left button of the mouse and drag from up to down. <<Refer figure one for placement of the arrow>> |
From the “Drawing” toolbar, click on “Lines and Arrows” and select “Line Starts with Arrow”.
Move the cursor to the Draw page. Hold the left button of the mouse and drag from the top to bottom. It is easier to draw an arrow this way, is it not? |
Add one more line in the same manner. | Let us add one more arrow in the same manner. |
Show Slide 8
Assignment In your file “MyWaterCycle”, draw a line. Select the line and open the Line dialog box. Under the Line Properties field, change style, color, width and transparency for lines. Under the Arrow Styles field, change the arrow styles. |
Pause this tutorial and do this assignment.
In your file “MyWaterCycle”, draw a line. Select the line and open the Line dialog box. Under the Line Properties field, change style, color, width and transparency for lines. Under the Arrow Styles field, change the arrow styles. |
Next, let us draw a star. | |
In the Drawing toolbar >> Click on the small triangular button next to the “Stars” icon >> Click on five-point star. | Go to the Drawing toolbar and click on the small black triangle next to “Stars”.
Let us select “5-Point Star”. |
Place the cursor next to the cloud.
Hold the left button of the mouse and drag to the left to draw a star. |
Now place the cursor next to the cloud.
Hold the left button of the mouse and drag to the left. You have drawn a star! |
Switch to the draw file. | Now let us learn how to move and delete objects. |
<<Refer figure two at the end of this document as to how it should look.>>
Select the triangle. Press the left mouse button. Drag it to the top of the rectangle. Let go of the mouse button. |
To move an object, just select it and drag it to the desired location.
Now release the mouse button. |
Select the triangle.
Press the Up arrow key 4 times and Left arrow 2 times. |
You can also use the up, down and side arrow keys on the keyboard to move an object.
Moving objects is simple, isn't it? |
Select the star.
Press the Delete key on your keyboard. |
To delete an object, just select it and then press the Delete key on the keyboard.
The object is deleted. Isn't it simple? |
Show Slide 11
Ruler and Align Toolbar The Ruler is used to set up page margins, and modify the units of measurement. The Align toolbar is used to position objects. |
Let us now learn about the basic aids - the Ruler and the Align toolbar.
The Ruler is used to set up page margins, and modify the units of measurement. The Align toolbar is used to position objects. |
Switch to WaterCycle.odg
Point to the ruler on top and left hand side of the page. |
The Ruler is displayed on the top and on the left side of the Draw workspace. |
Right-click on the ruler on the top.
Point to the list of measurement units. |
To set the measurement units, right-click the Ruler on the top.
You will see a list of measurement units. |
Click on the unit “Centimeter”. | Click on “Centimeter”.
The measurement unit for the top ruler is now set to “Centimeter”. |
Right-click on the Ruler on the left hand side.
Click on the unit “Centimeter”. |
Similarly, let us set the measurement for the ruler on the left.
To make sure that the objects are drawn to scale, always set the same units of measurements for both rulers. |
Point to the ruler.
Take the cursor to the page margins on both the sides and point to the area of the ruler that is filled in white. |
You will notice that the active ruler is in the color white.
|
Point to the end of the rulers on the top and the bottom. | The ends of the ruler represent the page margins values that we set in “Page Setup”. |
Let us see how the Ruler displays measurements for objects. | |
Select the cloud.
Point to the beginning and the end of the small black lines on the ruler. |
Select the cloud.
Can you see two small start and end marks on the ruler? These define the edges of the cloud. |
Move the left top marker upwards. | If you move these marks on the ruler, you will notice that the figure changes accordingly. |
Show Slide 12
The ruler shows the size of an object on the page; it also enables us to position an object on the page and displays page boundaries. |
The ruler shows the size of an object on the page; it also enables us to position an object on the page and displays page boundaries. |
Show Slide 13
Align Toolbar The Align toolbar aligns the selected object to the left, right, top, bottom and centre. |
Let us move on to the next basic aid - Align toolbar.
We use the “Align” toolbar to align the selected object to the left, right, top, bottom and centre. |
Switch to file WaterCycle.
Go to Main menu >> Click on View >> Select Toolbars >> Align >> Point to the Align toolbar. If the Align toolbar is already displayed, just point to the Align toolbar option in the View menu and then click the Align toolbar that is displayed on the Draw page. |
To enable the “Align” toolbar, go to the “Main Menu” and click “View”.
Under the “View” menu, click “Toolbars”. You will see the list of toolbars. Click “Align”. You will see the “Align” toolbar. |
Let us now see how an object is aligned when we use different Align options. | |
Select the cloud in the Draw page.
On the Align toolbar >> Select Left. Point to show that the cloud is aligned to the left. |
Let us select the cloud.
On the “Align” toolbar, click “Left” The cloud is aligned to the left.
|
Go to Align toolbar.
Point to the “Centered” and “Centre” options. |
Let us now understand the difference between the two options “Centered” and “Centre”. |
We shall align the circle to “Centre” and then to “Centered”. | |
Select the circle.
On the Align toolbar >> Click “Right”. Then Align toolbar >> Click “Centre”. Point to show that the circle is aligned to the centre position in the same line. Point to the top and bottom margins of the page. |
First let us align the circle to the “Right”.
Let’s select the circle, and on the Align toolbar, click Right. Now, on the Align toolbar, click “Centre”. The circle is aligned to the centre position. The option “Centre” centres the object exactly between the top and bottom margins of the page. It does not move the object with respect to the page-width. |
On the Align toolbar >> Click “Centered”.
Point to show that the circle is aligned to the centre of the page.
Point to the top and bottom margins of the page. Also drag the cursor across the page-width. |
Now, from the Align toolbar, let us select “Centered”.
The circle is aligned to the centre of the page. The option “Centered” aligns the circle to the centre of the page. It moves the object with respect to the top and bottom margins and the page-width. |
Move all the objects so that they are the same as it is shown in Figure two at the end of this document. | Now, we shall move the objects back to their correct positions as per our sample drawing.
Remember to save the file before you close it. |
Refer to the final Figure two for this stage | |
Show Slide 14
Comprehensive Assignment In MyWaterCycle file, add a page. Create these two figures. Move them using the arrow keys. Select any object you have drawn and delete it. Use the ruler to measure the size of the objects. Then use the “Align” toolbar and align the objects to the centre of the page.
|
Here is another assignment for you.
In “MyWaterCycle” file, add a page. Create these two figures. Move them using the arrow keys. Select any object you have drawn and delete it. Use the ruler to measure the size of some of the objects. Then use the “Align” toolbar and align the objects to the centre of the page. |
Show Slide 15
Summary In this tutorial you have learnt how to create simple drawings using: • Basic shapes such as lines, arrows, and rectangles. • Basic geometric shapes, symbols, stars and banners. |
This brings us to the end of this tutorial on LibreOffice Draw.
In this tutorial you have learnt how to create simple drawings using: • Basic shapes such as lines, arrows, and rectangles • Basic geometric shapes, symbols, stars and banners. |
You learnt to select and delete an object.
You also learnt to use the ruler and the align toolbar to position objects. |
You learnt to select and delete an object and use the ruler and the align toolbar to position objects. |
Show About Slide
About the Spoken Tutorial Project
|
|
Show About Slide
Spoken Tutorial Workshops The Spoken Tutorial Project Team
|
|
Show Acknowledgement Slide
Acknowledgements
|
|
Show About the contributor Slide
About the contributor
|
|