Difference between revisions of "LibreOffice-Suite-Draw-6.3/C2/Introduction-to-LibreOffice-Draw/English"
(Created page with "{|border=1 ||'''Visual Cue''' ||'''Narration''' |- || '''Slide''': '''Title Slide''' || Welcome to the '''spoken tutorial''' on '''Introduction to LibreOffice Draw'''. |- ||...") |
Nancyvarkey (Talk | contribs) |
||
Line 8: | Line 8: | ||
|- | |- | ||
|| '''Slide''': '''Learning Objectives''' | || '''Slide''': '''Learning Objectives''' | ||
− | || In this tutorial, we will learn:* About '''LibreOffice''' '''Draw''' | + | || In this tutorial, we will learn: |
+ | * About '''LibreOffice''' '''Draw''' | ||
* '''LibreOffice''' '''Draw''' workspace | * '''LibreOffice''' '''Draw''' workspace | ||
* Various '''toolbars''' | * Various '''toolbars''' | ||
Line 19: | Line 20: | ||
|- | |- | ||
|| '''Slide''': '''What is LibreOffice Draw?''' | || '''Slide''': '''What is LibreOffice Draw?''' | ||
− | || '''LibreOffice''' '''Draw'''* Is a '''vector-based''' '''graphics''' software. | + | || '''LibreOffice''' '''Draw''' |
− | * It allows you to create a wide range of '''vector | + | * Is a '''vector-based''' '''graphics''' software. |
+ | * It allows you to create a wide range of '''vector graphics'''. | ||
|- | |- | ||
|| '''Slide''': '''Types of graphics''' | || '''Slide''': '''Types of graphics''' | ||
− | || * There are two major types of '''graphics | + | || |
− | * '''Vector | + | * There are two major types of '''graphics - vector-based graphics''' and '''bitmaps'''. |
+ | * '''Vector graphics''' can be created and edited using '''LibreOffice Draw'''. | ||
* The other is the '''Bitmap''' or the '''raster''' image. | * The other is the '''Bitmap''' or the '''raster''' image. | ||
− | * Popular '''bitmap''' formats are '''BMP | + | * Popular '''bitmap''' formats are '''BMP, JPG, JPEG, PNG'''. |
|- | |- | ||
|| '''Slide''': '''Vector and Bitmaps''' | || '''Slide''': '''Vector and Bitmaps''' | ||
Line 36: | Line 39: | ||
Point to “'''Bitmap image'''”. | Point to “'''Bitmap image'''”. | ||
− | || Let us understand the difference between the two types | + | || Let us understand the difference between the two types by comparing the image formats. |
− | The picture on the left is a '''vector | + | The picture on the left is a '''vector graphic'''. |
Line 51: | Line 54: | ||
Point to the '''vector graphic''' | Point to the '''vector graphic''' | ||
− | || The '''vector | + | || The '''vector graphic''' is clear and the '''bitmap''' image becomes blurred. |
Line 75: | Line 78: | ||
− | '''Vector | + | '''Vector graphics''', however, can be in any shape. |
− | Now that we know about '''vector | + | Now that we know about '''vector graphics''', let us learn how to create them using '''Draw'''. |
|- | |- | ||
|| '''Slide''': '''OS and versions''' | || '''Slide''': '''OS and versions''' | ||
− | || '''LibreOffice Draw''' can run on any of the following operating systems:* '''Microsoft Windows 8''' or higher versions | + | || '''LibreOffice Draw''' can run on any of the following operating systems: |
+ | * '''Microsoft Windows 8''' or higher versions | ||
* '''GNU/Linux OS '''and | * '''GNU/Linux OS '''and | ||
* '''Mac OSX''' | * '''Mac OSX''' | ||
|- | |- | ||
|| '''Slide''': '''System Requirements''' | || '''Slide''': '''System Requirements''' | ||
− | || This tutorial is recorded using * '''Ubuntu Linux''' OS version 18.04 and | + | || This tutorial is recorded using |
+ | * '''Ubuntu Linux''' OS version 18.04 and | ||
* '''LibreOffice Suite''' version 6.3.5 | * '''LibreOffice Suite''' version 6.3.5 | ||
|- | |- | ||
|| '''Slide''': '''LibreOffice Installation''' | || '''Slide''': '''LibreOffice Installation''' | ||
− | || * By default the latest '''Ubuntu''' '''Linux OS''' has '''LibreOffice''' pre-installed in it | + | || |
+ | * By default the latest '''Ubuntu''' '''Linux OS''' has '''LibreOffice''' pre-installed in it | ||
* To install a specific version, refer to the '''LibreOffice Installation '''series on this website. | * To install a specific version, refer to the '''LibreOffice Installation '''series on this website. | ||
|- | |- | ||
|| Narration only | || Narration only | ||
− | || Let us open '''LibreOffice | + | || Let us open '''LibreOffice Draw'''. |
|- | |- | ||
− | || Click on “'''Show | + | || Click on “'''Show Application'''” |
Type “'''Draw'''” | Type “'''Draw'''” | ||
− | Click on “'''LibreOffice | + | Click on “'''LibreOffice Draw'''” icon |
− | || In '''Ubuntu | + | || In '''Ubuntu Linux OS''', click on '''Show applications''' icon located at the bottom left corner. |
− | In the ''' | + | In the '''Search bar''' type '''Draw'''. |
− | From the displayed list, click on the '''Libreoffice | + | From the displayed list, click on the '''Libreoffice Draw''' icon. |
|- | |- | ||
− | || Click on “'''Start | + | || Click on “'''Start menu'''” |
Type “'''Draw'''” >> | Type “'''Draw'''” >> | ||
− | Click on “'''LibreOffice | + | Click on “'''LibreOffice Draw'''” icon |
− | || In '''Windows | + | || In '''Windows OS''', click on the '''Start menu''' icon located at the bottom left corner. |
− | In the ''' | + | In the '''Search bar''' type '''Draw'''. |
− | From the displayed list, click on the '''Libreoffice | + | From the displayed list, click on the '''Libreoffice Draw''' icon. |
|- | |- | ||
|| Point to the page. | || Point to the page. | ||
Line 138: | Line 144: | ||
Point to Status bar at the bottom | Point to Status bar at the bottom | ||
− | || We see the '''Title bar | + | || We see the '''Title bar, Menu bar''' and '''Standard Toolbar''' at the top. |
The '''Drawing toolbar''' is on the left and the '''Sidebar''' is on the right. | The '''Drawing toolbar''' is on the left and the '''Sidebar''' is on the right. | ||
Line 149: | Line 155: | ||
Hover the mouse over each icons | Hover the mouse over each icons | ||
− | || The '''Sidebar''' has various icons such as '''Properties | + | || The '''Sidebar''' has various icons such as '''Properties, Shapes, Styles, Gallery''' and '''Navigator.''' |
Line 160: | Line 166: | ||
|| The space where we create the graphics is called a '''Page'''. | || The space where we create the graphics is called a '''Page'''. | ||
|- | |- | ||
− | || Point to the '''Layout | + | || Point to the '''Layout, Controls''' and '''Dimension Lines''' tabs |
|| There are three '''tab'''s at the bottom in each page. | || There are three '''tab'''s at the bottom in each page. | ||
− | They are the '''Layout | + | They are the '''Layout, Controls''' and '''Dimension Lines'''. |
|- | |- | ||
|| Point on the Layout layer. | || Point on the Layout layer. | ||
Line 179: | Line 185: | ||
|- | |- | ||
|| Point to the tick marks. | || Point to the tick marks. | ||
− | || A list of available ''' | + | || A list of available '''toolbars''' is displayed. |
There is a check mark to the left of certain '''toolbars'''. | There is a check mark to the left of certain '''toolbars'''. | ||
Line 188: | Line 194: | ||
− | Point to the '''Drawing | + | Point to the '''Drawing toolbar'''. |
|| The '''Drawing toolbar''' has a check-mark. | || The '''Drawing toolbar''' has a check-mark. | ||
− | That’s why we can see the '''Drawing | + | That’s why we can see the '''Drawing toolbar''' on the left of the window. |
Line 200: | Line 206: | ||
− | Point to show that the '''Drawing | + | Point to show that the '''Drawing toolbar''' is no longer visible. |
|| Let us now uncheck the '''Drawing toolbar''' by clicking on it. | || Let us now uncheck the '''Drawing toolbar''' by clicking on it. | ||
− | The '''Drawing | + | The '''Drawing toolbar''' is no longer visible. |
|- | |- | ||
|| Click on '''View''' >> '''Toolbars''' >> '''Drawing'''. | || Click on '''View''' >> '''Toolbars''' >> '''Drawing'''. | ||
Line 212: | Line 218: | ||
In a similar way, we can enable or disable other '''toolbars.''' | In a similar way, we can enable or disable other '''toolbars.''' | ||
|- | |- | ||
− | || '''Slide | + | || '''Slide: Water Cycle Diagram ''' |
|| We will now learn how to create a diagram of the '''Water Cycle''' as shown in this slide. | || We will now learn how to create a diagram of the '''Water Cycle''' as shown in this slide. | ||
Line 240: | Line 246: | ||
Click on the drop-down next to '''Format '''and select '''A4'''. | Click on the drop-down next to '''Format '''and select '''A4'''. | ||
− | '''A4''' is the most common paper size used for printing. | + | '''A4''' is the most common '''paper size''' used for printing. |
|- | |- | ||
Line 249: | Line 255: | ||
|- | |- | ||
|| Point towards close button for '''Properties '''tab | || Point towards close button for '''Properties '''tab | ||
− | || Click on the cross('''x''') mark at the top right corner of the '''Sidebar '''to close | + | || Click on the cross('''x''') mark at the top right corner of the '''Sidebar '''to close it. |
|- | |- | ||
|| Point to the drawing toolbar on the left >> 'Point to the 'drop-down icon named ''''Symbol'''' >> click on it' | || Point to the drawing toolbar on the left >> 'Point to the 'drop-down icon named ''''Symbol'''' >> click on it' | ||
Line 319: | Line 325: | ||
− | '''ODF''' stands for '''Open Document Format''' which is an open standard. | + | '''ODF''' stands for '''Open Document Format''' which is an '''open standard'''. |
Click on the '''Save''' button at the top right corner. | Click on the '''Save''' button at the top right corner. | ||
|- | |- | ||
− | || Point to the '''Title | + | || Point to the '''Title Bar''' |
− | || The '''Draw '''file with the | + | || The '''Draw '''file with the '''filename''' and the '''extension''' is displayed in the '''Title bar'''. |
|- | |- | ||
|| Cursor on the Draw page. | || Cursor on the Draw page. | ||
− | || Let us continue to draw the '''Water | + | || Let us continue to draw the '''Water Cycle''' diagram. |
|- | |- | ||
|| Point to the drawing toolbar on the left side >> Click on the small black triangle next to “Symbol icon”. | || Point to the drawing toolbar on the left side >> Click on the small black triangle next to “Symbol icon”. | ||
Line 349: | Line 355: | ||
− | Hold the left mouse button and drag like this to draw a cloud | + | Hold the left mouse button and drag like this to draw a cloud. |
|- | |- | ||
|| Point to '''‘Insert Basic Shapes’''' icon >> Click on the drop-down | || Point to '''‘Insert Basic Shapes’''' icon >> Click on the drop-down | ||
Line 370: | Line 376: | ||
− | Hold the left mouse button and drag like this to draw a mountain | + | Hold the left mouse button and drag like this to draw a mountain. |
|- | |- | ||
|| Point to the diagram | || Point to the diagram | ||
Line 376: | Line 382: | ||
|- | |- | ||
|| Press '''Ctrl''' + '''S''' | || Press '''Ctrl''' + '''S''' | ||
− | || Press the '''CTRL''' | + | || Press the '''CTRL''' and '''S''' keys together to save the changes. |
Line 407: | Line 413: | ||
Click '''Apply >> '''click '''OK'''. | Click '''Apply >> '''click '''OK'''. | ||
− | || On the left of the dialog box, click on the arrow sign next to '''Load | + | || On the left of the dialog box, click on the arrow sign next to '''Load/Save'''. |
Line 413: | Line 419: | ||
− | In the '''Save''' section, check the box “'''Save | + | In the '''Save''' section, check the box “'''Save Auto recovery information every'''” if not checked. |
− | Then type 2 in the minutes box. | + | Then type 2 in the '''minutes''' box. |
Line 422: | Line 428: | ||
− | You can set the auto-save time according to your own preference. | + | You can set the '''auto-save''' time according to your own preference. |
Line 445: | Line 451: | ||
|| Click on the '''Open File''' menu option on the left of the '''LibreOffice''' interface. | || Click on the '''Open File''' menu option on the left of the '''LibreOffice''' interface. | ||
− | The '''File | + | The '''File browser''' dialog box opens up. |
Line 466: | Line 472: | ||
|| '''Slide''': '''Summary ''' | || '''Slide''': '''Summary ''' | ||
|| In this tutorial, we learnt: | || In this tutorial, we learnt: | ||
− | * About '''LibreOffice | + | * About '''LibreOffice Draw''' |
* '''LibreOffice Draw workspace''' | * '''LibreOffice Draw workspace''' | ||
* Various '''toolbars''' | * Various '''toolbars''' | ||
Line 474: | Line 480: | ||
* Insert basic shapes in '''Draw '''and | * Insert basic shapes in '''Draw '''and | ||
* How to setup '''auto-save''' | * How to setup '''auto-save''' | ||
− | |||
|- | |- | ||
Line 481: | Line 486: | ||
* Open a new page in '''Draw'''. | * Open a new page in '''Draw'''. | ||
− | * Save it under the name '''MyPractice | + | * Save it under the name '''MyPractice.odg'''. |
* Set the page orientation to '''Portrait''' | * Set the page orientation to '''Portrait''' | ||
− | * Insert a | + | * Insert a cloud, a star and a circle |
* Change the page orientation to '''Landscape'''. | * Change the page orientation to '''Landscape'''. | ||
* See how the placements of the figures change. | * See how the placements of the figures change. | ||
* Save and close the file. | * Save and close the file. | ||
− | |||
|- | |- | ||
|| '''Slide''': '''About Spoken Tutorial Project ''' | || '''Slide''': '''About Spoken Tutorial Project ''' | ||
− | || * The video at the following link summarises the Spoken Tutorial project. | + | || |
+ | * The video at the following link summarises the Spoken Tutorial project. | ||
* Please download and watch it. | * Please download and watch it. | ||
− | |||
|- | |- | ||
|| '''Slide''': '''Spoken tutorial workshops ''' | || '''Slide''': '''Spoken tutorial workshops ''' | ||
− | || * We conduct workshops using spoken tutorials and give certificates. | + | || |
+ | * We conduct workshops using spoken tutorials and give certificates. | ||
* For more details, please contact us. | * For more details, please contact us. | ||
|- | |- | ||
|| '''Slide''': '''Answers for THIS Spoken Tutorial ''' | || '''Slide''': '''Answers for THIS Spoken Tutorial ''' | ||
− | || * Do you have questions in THIS Spoken Tutorial? | + | || |
+ | * Do you have questions in THIS Spoken Tutorial? | ||
* Please visit this site | * Please visit this site | ||
* Choose the minute and second where you have the question. | * Choose the minute and second where you have the question. | ||
Line 508: | Line 514: | ||
* The spoken tutorial project will ensure answer. | * The spoken tutorial project will ensure answer. | ||
* You will have to register on this website to ask questions. | * You will have to register on this website to ask questions. | ||
− | |||
|- | |- | ||
|| '''Slide''': '''Forum ''' | || '''Slide''': '''Forum ''' | ||
− | || * The Spoken Tutorial forum is for specific questions on this tutorial. | + | || |
+ | * The Spoken Tutorial forum is for specific questions on this tutorial. | ||
* Please do not post unrelated and general questions on them. | * Please do not post unrelated and general questions on them. | ||
* This will help reduce the clutter. | * This will help reduce the clutter. | ||
* With less clutter, we can use these discussions as instructional material. | * With less clutter, we can use these discussions as instructional material. | ||
− | |||
|- | |- |
Latest revision as of 08:24, 9 January 2021
Visual Cue | Narration |
Slide: Title Slide | Welcome to the spoken tutorial on Introduction to LibreOffice Draw. |
Slide: Learning Objectives | In this tutorial, we will learn:
|
Slide: What is LibreOffice Draw? | LibreOffice Draw
|
Slide: Types of graphics |
|
Slide: Vector and Bitmaps
|
Let us understand the difference between the two types by comparing the image formats.
|
Point to the vector graphic, and then the bitmap.
|
The vector graphic is clear and the bitmap image becomes blurred.
|
Point to the bitmap image.
|
A bitmap uses pixels or a series of very small dots of colors in a grid or a square.
|
Move the cursor around the vector graphic. | You may have noticed one other difference - bitmaps are rectangular in shape.
Now that we know about vector graphics, let us learn how to create them using Draw. |
Slide: OS and versions | LibreOffice Draw can run on any of the following operating systems:
|
Slide: System Requirements | This tutorial is recorded using
|
Slide: LibreOffice Installation |
|
Narration only | Let us open LibreOffice Draw. |
Click on “Show Application”
Type “Draw”
|
In Ubuntu Linux OS, click on Show applications icon located at the bottom left corner.
|
Click on “Start menu”
Type “Draw” >>
|
In Windows OS, click on the Start menu icon located at the bottom left corner.
|
Point to the page. | This will open an empty page in the main Draw window.
First let us familiarize ourselves with the Draw workspace or the Draw window. |
Point to Title bar, Menu bar, Standard toolbar at the top
Point to Sidebar on the right
|
We see the Title bar, Menu bar and Standard Toolbar at the top.
The Drawing toolbar is on the left and the Sidebar is on the right.
|
Point to the Sidebar
|
The Sidebar has various icons such as Properties, Shapes, Styles, Gallery and Navigator.
|
Point to the “Pages” title | The Pages panel on the left displays all the pages in the Draw file. |
Point to the centre canvas area | The space where we create the graphics is called a Page. |
Point to the Layout, Controls and Dimension Lines tabs | There are three tabs at the bottom in each page.
|
Point on the Layout layer. | The Layout layer is displayed by default.
|
Point to the view option. | Let us now explore the various toolbars available in LibreOffice Draw. |
Go to Main menu >> View Menu >> Point to Toolbars | On the Main menu, click on View menu and then select Toolbars. |
Point to the tick marks. | A list of available toolbars is displayed.
There is a check mark to the left of certain toolbars. This means that particular toolbar is enabled and is visible in the Draw window. |
Point to the option “Drawing”.
|
The Drawing toolbar has a check-mark.
|
Click on Drawing option
|
Let us now uncheck the Drawing toolbar by clicking on it.
|
Click on View >> Toolbars >> Drawing. | Let’s make it visible again.
|
Slide: Water Cycle Diagram | We will now learn how to create a diagram of the Water Cycle as shown in this slide.
|
Cursor on the Draw page | Let’s begin to draw the basic shapes of Water Cycle diagram.
|
Go to the Sidebar >> Click on Properties
|
To do this, go to the Sidebar on the right side and select the icon named Properties.
A4 is the most common paper size used for printing. |
Point to the orientation field.
Select Landscape. |
Next, click on the drop-down next to Orientation and select Landscape. |
Point towards close button for Properties tab | Click on the cross(x) mark at the top right corner of the Sidebar to close it. |
Point to the drawing toolbar on the left >> 'Point to the 'drop-down icon named 'Symbol' >> click on it' | Let us begin by drawing the sun.
|
Click on Sun icon
|
From the drop-down, select the Sun icon.
|
Standard toolbar >> Save >> Save As | Now let’s name our current Draw file and save it.
|
Cursor in the dialog box.
|
The Save dialog box appears.
|
Select >> desktop location to save the file. | On the left side, I will select Desktop as the file location to save my file. |
Point to the File type drop-down >> click on it | Notice that, we have a File type drop-down at the bottom right corner.
|
Point to various formats.
Point to “ODF Drawing” and then on “odg”.
|
It shows a list of file types or file extensions in which we can save our file.
|
Point to the Title Bar | The Draw file with the filename and the extension is displayed in the Title bar. |
Cursor on the Draw page. | Let us continue to draw the Water Cycle diagram. |
Point to the drawing toolbar on the left side >> Click on the small black triangle next to “Symbol icon”.
|
Next, we will draw a cloud next to the sun.
|
Place the cursor next to the sun.
|
On the Draw page, place the cursor next to the sun.
|
Point to ‘Insert Basic Shapes’ icon >> Click on the drop-down
|
Next we’ll draw a mountain.
|
Point to the diagram | Now, we have inserted three shapes in our Draw file. |
Press Ctrl + S | Press the CTRL and S keys together to save the changes.
|
Main menu >> Tools >> Options. | Alternatively, we can set a time interval to save the changes automatically.
|
Options dialog box appears. | The Options dialog box appears. |
On left side of dialog box >> click on the arrow sign next to Load/Save
Check the check-box
Point to minutes field
|
On the left of the dialog box, click on the arrow sign next to Load/Save.
|
Click File >> Close. | Let us now close this file.
|
Only Narration | Next we will learn how to open an existing document in LibreOffice Draw. |
Click on “Open File”
|
Click on the Open File menu option on the left of the LibreOffice interface.
The File browser dialog box opens up.
|
Click on “Water-Cycle.odg”
Click on “Open” |
Now, choose “Water hyphen Cycle dot odg” and then click on the Open button.
|
Only Narration | This brings us to the end of this tutorial.
|
Slide: Summary | In this tutorial, we learnt:
|
Slide: Assignment | As an assignment
|
Slide: About Spoken Tutorial Project |
|
Slide: Spoken tutorial workshops |
|
Slide: Answers for THIS Spoken Tutorial |
|
Slide: Forum |
|
Slide: Acknowledgement | Spoken Tutorial project is funded by Ministry of Education (MoE), Govt. of India |
Slide: Thank you | This tutorial was originally contributed by DesiCrew Solutions Pvt. Ltd. in 2011
|