LibreOffice-Suite-Draw-6.3/C3/Editing-Curves-and-Polygons/English
Visual Cue | Narration |
Slide 1
Title Slide |
Welcome to the spoken tutorial on Editing Curves and Polygons in LibreOffice Draw. |
Slide 2
Learning Objectives |
In this tutorial, you will learn how to,
|
Slide 3
System Requirements |
This tutorial is recorded using,
|
Slide 4
Prerequisites |
To practise this tutorial, you should have basic knowledge of LibreOffice Draw.
If not, for relevant tutorials please visit this website. |
Switch to RouteMap drawing | Let us open our RouteMap drawing which we created in the previous tutorial. |
Slide 5
Code Files |
|
Point to the Curves and Polygons in the drawing | we learnt how to draw curves and polygons.
Now let us learn to edit them. |
Drag the zoom slider at the bottom of the interface to 100%. | First let us zoom in for a better view.
Drag the zoom slider at the bottom of the interface to 100%. |
Point to the “School Campus” shape in the drawing | Let us now change the shape of the School Campus polygon. |
Cursor on the Draw page. | We will use the Edit Points toolbar to do this. |
Go to the View menu and select Toolbars.
From the submenu select Edit Points.
|
Now let us enable the Edit Points toolbar.
Go to the View menu and select Toolbars. From the submenu, select Edit Points. Edit Points toolbar appears on the Standard toolbar. You can drag and place it at a convenient location on the standard tool bar. |
Right-click on the shape, from the context menu select Points option. | Right-click on the school campus polygon.
|
Point to the edit point. | Click on the drawn polygon.
Then click on any one of the corner handles. The edit point becomes visible. |
In the top menu area, these icons become visible. | All the point-related icons are enabled now. |
Mouse-over on any one edit point | Move the cursor on all the edit points.
The tooltip shows the name of the edit point. |
Select the Convert to Curve option in the point-related icons at the top right | Now select the Convert to Curve icon. |
Press the right edit point drag to adjust the curve | Click on the right edit point.
Drag the curve handle to adjust the curve as shown. |
Click on the drop down on the Edit Points toolbar select Insert points option. | Next select Insert Points icon from the Edit points toolbar. |
Move to the Draw page.
You will see a plus sign for the cursor. |
Move to the Draw page.
The cursor will turn into a plus sign. |
Place this plus sign on the left side outline of the School Campus polygon. | Place this plus sign on the left of the School Campus polygon. |
Press the left mouse button
Release the button.
|
Press the left mouse button.
Then release the button. You have inserted a point. |
Click on the point that was inserted. | Now, click on the point that was inserted. |
Point to all the edit point tools. | Observe that all the icons in the Edit Points toolbar are now enabled. |
Go to Edit Points toolbar Symmetric Transition. | Click on the Symmetric Transition icon. |
Select the dotted control line. | A dotted line appears at the point.
Select the dotted control line on the object. |
Drag the control line to change the shape. | Let’s drag the control line outwards to change the shape of the polygon.
|
To exit, from the Edit Points toolbar, click anywhere on the page. | To exit, from the Edit Points toolbar, click anywhere on the page. |
Point to the school campus.
Point to the top right corner point. |
Now let’s elongate the school campus to the right side.
Let us specifically move only the top right corner point. |
Select the “School Campus” polygon. | Select the School Campus polygon. |
From the Edit Points toolbar select Move points. | On the Edit Points toolbar, click Move points. |
Drag the point a little to the right | Now let’s drag the point to the right. |
Point to the polygon. | We have changed the shape of the polygon again! |
Insert a text box at the top left side of the rectangle | Let’s insert a text box and type the text School Main Gates inside it.
Drag and place it at the top of the polygon. |
Point towards the side entrance on the RouteMap image slide | Let’s also show the side entrance of the school. |
Insert a text Text box.
Type the words School Side Entrance. |
Let’s draw a Text box, and type School Side Entrance inside it. |
Click anywhere on the page. | Click anywhere on the page. |
Point to the text box. | Now let us rotate the text box. |
Select the text box with the words School Side Entrance. | Select the School Side Entrance text box. |
Right-click for Context menu select Position and Size | Right-click for the Context menu and select Position and Size option. |
Point to the dialog box.
In the box click on the Rotation tab. |
Position and Size dialog box appears.
In the box, click on the Rotation tab. |
Click on the Rotation angle type 270 click on Ok button | Change the Rotation angle to 270 and click on the OK button. |
Drag the text box to the left edge of the rectangle | Drag the text box to the left edge of the polygon. |
Show map slide again | Look at the reference map again. |
Point to the arrows. | The next step is to draw directions using arrows. |
Click on the Fit slide to current window icon to see the whole page. | Click on the Fit slide to current window icon to see the whole page. |
From the Drawing toolbar click Line Ends with Arrow. | From the Drawing toolbar, select Line Ends with Arrow. |
Move to the Draw page and draw the arrow as shown. | Let us move to the Draw page and draw the directions. |
Point towards the arrows on the RouteMap image slide | From the Home we have to turn right.
So click and drag the mouse to the right and then release it. |
Point the direction with the mouse | Then go down to the Residential Complex. |
From the Drawing toolbar click Line Ends with Arrow.
Move to the Draw page and draw the arrow as shown. |
Let’s draw another line to show this route.
Click, drag and release the mouse. |
From the Drawing toolbar click Line Ends with Arrow.
Move to the Draw page and draw the arrow as shown. |
Then at the Playground take the right turn and go down. |
From the Drawing toolbar click Line Ends with Arrow.
Move to the Draw page and draw the arrow as shown. |
Now go left and then down to reach the School Main gates. |
From the Drawing toolbar click Line Ends with Arrow.
Drag the arrows to adjust the arrows. |
Draw arrows to reach the School Side Entrance also.
Adjust the arrows if required. |
Slide 6
Bezier Curves |
Now let’s learn about Bezier Curves. |
Slide 6
Bezier Curves |
|
Slide 7
Bezier Curves |
All curves have a start point and an endpoint.
The points on the curve are referred to as nodes. |
Switch to the RouteMap file. | Let us go back to our RouteMap file. |
Point as per the narration | Let's draw a Bezier curve to connect Home and Commercial Complex. |
From the Drawing toolbar click Curve select Curve. | From the Drawing toolbar, click on the drop down next to the Curve icon.
Then select Curve option. |
Click once with your mouse. | On the Draw page, click on the start point of the route - that is Home. |
Keep the left mouse button pressed and drag straight
downward |
Keep the left mouse button pressed and drag till the PlayGround.
You will see a straight line. |
Release the mouse button
Move the pointer to the side entrance of the school. |
Release the mouse button.
The line will curve as the mouse moves. |
Double-click at the Commercial Complex | Double-click at the end point, that is the Commercial Complex |
Move the mouse over the curve to indicate the smoothness of the curve. | We have drawn a curve!
Notice that the curve transition is smooth. |
Point to the Edit Points tool bar. | Now let us edit the points on this curve using the Edit Points toolbar. |
Click on the curve. | Click on the curve. |
Point to the end-points of the curve where the boxes are visible. | When the handles appear at the end-points of the curve, we can edit the curve. |
Click on the start point of the curve. | Click on the start point of the curve. |
Drag so that the dotted line with a control point is shown. | You will see a dotted line with a control point. |
Drag the curve a little. | You can now drag the dotted line to reduce or expand the curve, as required. |
Double-click anywhere on the Draw page | Double-click anywhere on the page, once you have made the change. |
Cursor on the curve. | We can insert, move or delete points to create a smoother curve. |
Group all the objects in the map.
Press Ctrl + A Key the keyboard
|
Lastly, let us group all the objects in the map.
|
Go to main menu, select Shape.
Navigate to to Group. From the submenu select Group option. Point to the objects. |
From the main menu, select Shape.
Then navigate to Group. From the submenu select Group option.
|
Click on the Display Grid icon. | Switch off the grid by clicking on the Display Grid icon.
Now look at the route map. |
Point to the routemap. | You can also
|
Display the sample coloured RouteMap. | Here is our sample coloured RouteMap. |
Press Ctrl + S to save the file | Let us save all the changes made and close the file. |
Only Narration | This brings us to the end of this tutorial.
Let us summarise. |
Slide 8
Summary |
In this tutorial, you have learnt to,* Edit Curves and Polygons
|
Slide 9
Assignment
|
Here is an assignment for you.
Apply all the options from the Edit Points toolbar on it. <div style="margin-left:0.635cm;margin-right:0cm;" |
Slide 10
Assignment |
Here is another assignment for you.
Create the map shown on this slide on your own. |
Slide 11
About Spoken Tutorial Project |
* The video at the following link summarises the Spoken Tutorial project.
|
Slide 12
Spoken tutorial workshops |
* We conduct workshops using Spoken Tutorials and give certificates.
|
Slide 13
Forums |
Please post your timed queries in this forum. |
Slide 14
Acknowledgement |
The Spoken Tutorial project is funded by the Ministry of Education, Govt. of India. |
Slide 15
Thank you |
This tutorial was originally contributed by DesiCrew Solutions Pvt. Ltd.
Thank you for watching. |