LibreOffice-Suite-Draw-6.3/C3/Import-and-Export-Images/English - Revision history

Madhurig at 11:49, 17 August 2021

2021-08-17T11:49:56Z

Nancyvarkey at 08:55, 30 July 2021

2021-07-30T08:55:44Z

Madhurig: Created page with "{| border=1 || '''Visual Cue''' || '''Narration''' |- || '''Slide''': '''Introduction''' || Welcome to the Spoken Tutorial on '''Import and Export Images''' in''' LibreOff..."

2021-07-27T11:29:27Z

Created page with "{| border=1 || '''Visual Cue''' || '''Narration''' |- || '''Slide''': '''Introduction''' || Welcome to the Spoken Tutorial on '''Import and Export Images''' in''' LibreOff..."

New page

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

|| '''Slide''':

'''Introduction'''
|| Welcome to the Spoken Tutorial on '''Import and Export Images''' in''' LibreOffice Draw.'''
|-
|| '''Slide''':

'''Learning Objectives '''
|| In this tutorial, you will learn to,

* '''Import '''images into a '''Draw '''page
* Edit an image
* Export a '''Draw '''file into various '''file formats'''
* Protect''' '''a '''PDF''' file using '''password encryption'''

|-
|| '''Slide''':

'''System Requirements'''
|| This tutorial is recorded using,

* '''Ubuntu Linux''' OS version 18.04 and
* '''LibreOffice Suite''' version 6.3.5

|-
|| '''Slide:

'''Code Files'''
||
* The files used in this tutorial have been provided to you in the''' Code files''' link on this tutorial page
* Please download and extract the files
* Make a copy and then use them for practising.
|-
||'''Open '''a new draw file

Rename it as '''Import-Export-images '''and save it on '''Desktop.'''

||I have opened a new''' Draw''' file.

We will name the file as '''Import-Export-Images '''and save it on the '''Desktop'''.

|-
|| Only narration
|| In '''Draw''' we can import and export both '''vector''' and '''bitmap''' images.
|-
|| Go to the desktop and open the converted '''WaterCycle.jpg''' file on the desktop.
|| For this tutorial, I have created a '''JPG '''file of the '''WaterCycle '''drawing.

I have saved the image on the '''Desktop.'''

The same file is given in the '''Code files''' link for practice.
|-
|| Point to the image on the Desktop.
|| Let us '''import '''this image into our '''Draw '''file.
|-
|| '''Standard '''toolbar >> '''Insert Image '''icon
|| To do so, click on the '''Insert Image''' icon on the '''Standard toolbar'''.
|-
|| '''Insert Picture '''dialog box appears
|| The''' Insert Image '''dialog box appears.
|-
|| Select''' WaterCycle.jpeg'''
|| Go to the folder where the '''WaterCycle.jpg''' file is saved and select it .
|-
|| Point to '''Open '''but don’t click.
|| If we click the '''Open''' button, the image will get embedded into the''' Draw '''page.

But we will not do so.
|-
|| Click '''Insert as Link''' check-box at the bottom left of the window.

Show the screenshot.
|| Instead, we will click on the''' Insert as Link''' check-box.

On the '''Windows 10''' interface, you will see it as '''Link '''check box.

This will '''link''' the image by the '''file path'''.
|-
|| Click '''Open '''
|| Then click on the '''Open''' button.
|-
|| '''Confirm Linked Graphic'''' dialog box opens up
|| A confirmation box pops up asking us to choose '''Embed Graphic''' or '''Keep Link'''.
|-
|| In the box, Click '''Keep Link'''
|| We will click on the '''Keep Link '''button.
|-
|| Point to the image.
|| The image gets inserted as a '''link''' on the '''Draw '''page.
|-
|| Only narration
|| '''Links '''can also be removed easily.
|-
|| '''Main menu''' >> select '''Edit ''' >> click '''Links to External Files'''
|| To do so, go to the '''Edit menu ''' and click''' Links to External Files.'''
|-
|| '''Edit Links''' dialog box appears.
|| The''' Edit Links''' dialog box opens up.

This '''dialog '''box lists all the '''links''' in this '''Draw '''file.
|-
|| Select the link of the picture '''WaterCycle'''
|| Click on the link for the ''' WaterCycle '''image.
|-
|| Click '''Break Link'''.
|| At the bottom of the Edit links dialog box, click on '''Break Link '''button.
|-
|| In the '''confirmation '''message

Click '''Yes'''.
|| A '''confirmation '''box asks us to confirm our action to remove the selected '''link'''.

Click the '''Yes''' button.
|-
|| The '''Link '''is removed.

Click '''Close'''.
|| The '''link '''is removed.

Now, click on the '''Close ''' button to close the dialog box.
|-
|| Point to the image.
|| But we can still see the image on the '''Draw '''page!

When you break a '''link''', the image is automatically '''embedded '''in the '''Draw '''page.
|-
|| Select the '''image'''

Click the '''delete '''key on the keyboard.
|| Let’s delete this image now.

So select the image and press the '''Delete '''key on the keyboard.

<PAUSE>
|-
|| Drag and drop '''WaterCycle '''diagram from Desktop
|| We can also insert an image by the drag and drop method onto the '''Draw '''page'''.'''
|-
|| Go to Desktop >> drag-and-drop the image file on the '''Draw '''page.
|| Go to the folder where the image is saved.

Drag and drop it onto the '''Draw ''' page.
|-
|| Press '''Ctrl + Z''' keys to undo the process.
|| Let’s undo the changes by pressing '''Ctrl''' and '''Z''' keys together.
|-
|| '''Slide''':

'''Assignment'''
|| Pause the tutorial and do this '''assignment'''.

* Create two new '''Draw '''files.
* '''Insert '''an image in one file and save.
* '''Embed '''another image as a link in the other file and save.
* Sample images are provided in the '''Code files''' link.
* Compare''' '''the file sizes.
|-
|| '''Slide''':

'''Assignment'''
||
* Open the file in which you have linked the image.
* In the file, change the size of the image.
* Check if the change in the size of the image changes the file size.
|-
|| Cursor on the Draw page.
|| Next, let’s import the '''WaterCycle ''' diagram directly into this file as an image.
|-
|| Click on the Insert Menu

Click on '''Object''' >> '''OLE Object'''
|| Click on the''' Insert '''menu and go to '''Object'''.

Select '''OLE Object''' option.
|-
|| Click on Insert OLE
|| The '''Insert OLE Object''' dialog box appears.
|-
|| Select '''Create from file '''

Click on the '''Search''' button
|| In the dialog box select '''Create from file '''radio button.

And then click on the '''Search''' button.
|-
|| Select the '''WaterCycle'''.odg file.

Click on the '''Open''' button in the '''Open''' dialog box.
|| Select the '''WaterCycle.odg''' file from the folder where it was saved.

Click on the '''Open''' button in the''' Open '''dialog box.
|-
|| Click the '''OK button.'''.
|| Then click the''' OK '''button in the '''Insert OLE Object''' dialog box.
|-
|| Point to the image.
|| '''WaterCycle''' diagram is inserted on the '''Draw '''page as an image.
|-
|| Right-click on the Pages Pane >> From the Submenu select New Page
|| Next, let’s add a new page to the '''Draw''' file.
|-
|| Only narration
|| We will now learn how to edit images in '''Draw'''.
|-
|| Click to select the image.
|| For this, I will use the image of ''' Dr A P J Abdul Kalam '''.

This image is provided to you in the '''Code files '''link''' '''for practice.
|-
|| Click on the Insert Image icon in the Standard toolbar.
|| Click on the '''Insert Image''' icon in the '''Standard toolbar'''.
|-
|| Select the image in the '''Insert Image '''dialog box and click the '''Open''' button.
|| Select the image in the '''Insert Image '''dialog box and click the '''Open''' button.
|-
|| Point to the image.

Drag the corner handles to resize.
|| The image of '''Dr Kalam''' gets inserted.

I will resize the image proportionally using the corner handles.
|-
|| From '''Format''' >> '''Image''' >> Filter >> Charcoal sketch
|| Go to the '''Format''' menu and select''' Image.'''

From the sub-menu select''' Filter '''and then '''Charcoal Sketch'''.
|-
|| Point to the image.
|| The image changes into a charcoal sketch format.
|-
|| Go to the''' View menu''' and select '''Toolbars.'''

From the submenu select the '''Image''' option.
|| Alternatively, you can also use the '''Image toolbar''' to edit the images.
|-
|| Point to the options in the default dropdown.
|| You can try other options using the '''Image toolbar''' on your own later.
|-
|| Only narration
|| Next, let’s learn to '''export '''files from '''Draw'''.
|-
|| '''Slide''':

'''Export a File'''

||
* In''' Draw '''we can export a file or a page to different file formats.
* Individual objects or a group of selected objects can also be exported
* A '''Draw '''file can be exported to '''PDF''', '''HTML''', '''JPEG '''or any '''bitmap '''file
* '''PDF''' and '''HTML '''file formats always export''' '''the whole '''Draw '''file

|-
|| Point to '''WaterCycle.jpeg''' on the '''Desktop'''
|| Did you wonder how we converted the '''WaterCycle''' diagram to the '''JPG '''format?

Let me demonstrate how it was done.
|-
|| Go to the Desktop folder
|| Go to the folder where the '''WaterCycle'''.'''odg '''file is saved.
|-
|| Open the file '''WaterCycle'''.
|| Open the file '''WaterCycle'''.'''odg file'''.
|-
|| Point towards the '''Export '''icon and click it
|| Click on the '''Export '''icon on the '''Standard '''toolbar.
|-
|| From the '''Main menu''', click '''File '''>> '''Export'''
|| Alternatively, click''' '''on the''' File''' menu and select '''Export'''.
|-
|| '''Export '''dialog box appears.
|| The '''Export '''dialog box appears.
|-
|| '''Name ''' >> Enter the name '''WaterCycle '''diagram
|| Let us enter the name '''WaterCycle-diagram''' in the '''Name '''field.
|-
|| Select '''Desktop''' as save location.
|| Select '''Desktop''' as the location to save the file.
|-
|| In the '''File '''type field select the option '''JPEG'''.

Show other options.
|| In the '''File '''type drop-down, select the '''JPEG '''option.
|-
|| Check the '''Selection '''check box.
|| In the bottom left of the '''Export '''dialog box, click the '''Selection''' check-box.
|-
|| Click on the '''Save '''button.
|| Then click on the '''Save '''button.
|-
|| Point towards the '''JPEG Options''' dialog box

Point to all options in dialog box
|| The '''JPG Options''' dialog box appears.

In your case JPEG '''Options''' dialog box may appear.

It is same as '''JPG'''.

Let’s keep the default options that are selected in this dialog box as they are.
|-
|| Click '''OK'''.
|| Now, click the '''OK''' button in the box.
|-
|| Go to the '''desktop''', point to the saved file.
|| '''WaterCycle''' diagram is saved as a '''JPG file '''on the '''Desktop'''.
|-
|| Double click and open it.

Then close it.
|| Here only one page from the '''Draw '''file is converted to '''JPG '''file.
|-
|| Switch back to the '''Import-Export-images '''file in '''Draw'''
|| Let us export the file '''Import-Export-images '''to '''PDF''' file format.
|-
|| Main menu >> '''File '''>> '''Export as'''>> '''Export as PDF'''
|| From the '''main menu''', select '''File '''and click '''Export As.'''

Then select '''Export as PDF.'''
|-
|| '''PDF options''' dialog box appears.
|| The '''PDF options''' dialog box appears.
|-
|| '''Images ''' >> select “'''JPEG compression'''”
|| In the '''General''' tab under “'''Images'''”, select “'''JPEG compression'''”.

This is the most common format''' '''that is used for compression.
|-
|| In '''PDF options''' dialog box >> Click “'''Security'''” tab.
|| Now, let’s assign a '''password '''to protect the '''PDF '''document.

To do so, click on the “'''Security'''” tab.
|-
|| Click '''Set Passwords'''.
|| Then click on the '''Set passwords''' button.

The '''Set passwords '''dialog box appears.
|-
|| In the field '''Password'''

Type the password “'''protect101'''”.
|| Under '''Set open password '''in the “'''Password'''” field, type a '''password'''.

I will type the '''password''' as '''protect101'''.
|-
|| In the “'''Confirm'''” field, re-enter the password “'''protect101'''”.
|| In the “'''Confirm'''” field, retype the same '''password'''.
|-
|| Only narration
|| Next, let’s set the '''permission password '''to print or modify the document.
|-
|| In the field '''Password'''

Type the password “'''protect101'''”.
|| Under '''Set permission password''' in the '''Password''' field, type a '''password'''.

I will type “'''protect101'''”.
|-
|| In the field “'''Confirm'''”, re-enter the password “'''protect101'''”.

Click '''OK'''.
|| In the “'''Confirm'''” field, retype the '''password'''.

Then click on the '''OK ''' button in the dialog box.
|-
|| Point to the options under''' Printing '''and '''Changes.'''
|| Notice that options under''' Printing '''and''' Changes''' are active.
|-
|| Point to Under '''Printing ''' >> “'''Not Permitted'''”.
|| Under “'''Printing'''”, select the option “'''Not Permitted'''” if not already selected.
|-
|| Only narration
|| This means that the '''PDF '''can be printed only if the correct '''password '''is provided.
|-
|| Point to Under '''Changes ''' >> “'''Not Permitted'''”.
|| Under “'''Changes'''”, select the option “'''Not Permitted'''”.

The '''PDF '''can be edited only if the correct '''password '''is provided.
|-
|| Click “'''Export'''”.
|| Now, click the “'''Export'''” button at the bottom right corner.
|-
|| The''' Export dialog''' box appears.
|| The '''Export '''dialog box opens.
|-
|| From the left panel, Select location as '''Desktop'''.
|| From the left panel, select the location to save the file.

I will choose '''Desktop'''.
|-
|| Under '''File '''type point towards '''PDF - Portable Document Format '''

Click on '''Save'''.
|| In the '''File type''' dropdown, '''PDF - Portable Document Format''' is selected.

Click on the '''Save '''button.
|-
|| Only narration
|| The '''Draw '''file is converted to a '''PDF '''file and saved on the '''Desktop'''.
|-
|| Switch to the '''Desktop'''
|| Let us switch to the '''Desktop '''now.
|-
|| On the '''Desktop''', double-click on the '''Import-Export-images.pdf '''file.
|| On the '''Desktop''', double-click on the '''Import-Export-images.pdf '''file.
|-
|| Point towards the '''Enter password''' dialog box
|| The '''Enter password '''dialog box opens.
|-
|| In the '''Password '''field, type '''protect111'''.

Click on the '''Unlock''' '''Documen'''t button.
|| In the '''Password '''field, let's type the wrong '''password protect111.'''

Click on the '''Unlock''' '''Documen'''t button to unlock the file.
|-
|| Point to the Password field.
|| We notice that the '''Password ''' field is cleared.

We are prompted to enter the '''password ''' once again.
|-
|| In the '''Password '''field, type the password '''protect101'''.
|| In the '''Password '''field, let’s type the correct '''password protect101 '''this time.
|-
|| Click on the '''Unlock''' '''Documen'''t button to unlock''' '''the document.

Cursor on the PDF file.

|| Click on the '''Unlock Document''' button to unlock''' '''the file.

The '''PDF '''file now opens.
|-
|| Scroll and show all the pages.
|| Notice that all the pages in the '''Draw''' file are exported in '''PDF '''format.
|-
|| Click on X icon on the top right.
|| Close the '''PDF file.'''

|-
|| Click on the '''Save''' icon -> Click on the '''‘X’''' icon on top right.
|| Let’s save the file and then close it.
|-
|| Narration only
||This brings us to the end of this tutorial

Let us summarize.
|-
|| '''Slide''':

'''Summary'''

|| In this tutorial, you have learnt to,* '''Import '''images into a '''Draw '''page
* Edit an image
* Export a '''Draw '''file into various '''file formats'''
* Protect''' '''a '''PDF''' file using '''password encryption'''

|-
|| '''Slide''':

'''Assignment'''

|| Here is another '''assignment '''for you.

* '''Export '''only''' '''the''' '''clouds and the mountain from the '''WaterCycle '''file into '''JPEG '''format.

Hint: Check the '''Selection''' check box in the '''Export''' dialog box.
|-
|| '''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'''
|| We conduct 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'''

|| The '''Spoken Tutorial''' project is funded by the Ministry of Education, Govt. of India.
|-
|| '''Slide''':

'''About the Contributor'''
|| This tutorial was originally contributed by DesiCrew Solutions Pvt. Ltd in 2011.

This tutorial is contributed by Madhuri Ganapathi and Nikita Misal from IIT Bombay. Thank you for watching.
|-
|}

@@ Line 69: / Line 69: @@
 |-
 || Point to '''Open '''but don’t click.
-|| If we click the '''Open''' button, the image will get embedded into the''' Draw '''page.
+|| If we click the '''Open''' button, the image will get '''embedded''' into the''' Draw '''page.
 But we will not do so.
@@ Line 89: / Line 89: @@
 || A confirmation box pops up asking us to choose '''Embed Graphic''' or '''Keep Link'''.
 |-
-|| In the box, Click '''Keep Link'''
+|| In the box, click '''Keep Link'''
 || We will click on the '''Keep Link '''button.
 |-
@@ Line 104: / Line 104: @@
 || The''' Edit Links''' dialog box opens up.
-This '''dialog '''box lists all the '''links''' in this '''Draw '''file.
+This dialog box lists all the '''links''' in this '''Draw '''file.
 |-
 || Select the link of the picture '''WaterCycle'''
-|| Click on the link for the ''' WaterCycle '''image.
+|| Click on the '''link''' for the ''' WaterCycle '''image.
 |-
 || Click '''Break Link'''.
-|| At the bottom of the Edit links dialog box, click on '''Break Link '''button.
+|| At the bottom of the '''Edit links''' dialog box, click on '''Break Link '''button.
 |-
 || In the '''confirmation '''message
@@ Line 159: / Line 159: @@
 * Create two new '''Draw '''files.
 * '''Insert '''an image in one file and save.
-* '''Embed '''another image as a link in the other file and save.
+* '''Embed '''another image as a '''link''' in the other file and save.
 * Sample images are provided in the '''Code files''' link.
-* Compare''' '''the file sizes.
+* Compare the file sizes.
 |-
 || '''Slide''':
@@ Line 167: / Line 167: @@
 '''Assignment'''
 ||
-* Open the file in which you have linked the image.
+* Open the file in which you have '''linked''' the image.
 * In the file, change the size of the image.
 * Check if the change in the size of the image changes the file size.
@@ Line 211: / Line 211: @@
 |-
 || Click to select the image.
-|| For this, I will use the image of ''' Dr A P J Abdul Kalam '''.
+|| For this, I will use the image of ''' Dr A P J Abdul Kalam'''.
 This image is provided to you in the '''Code files '''link''' '''for practice.
@@ Line 270: / Line 270: @@
 |-
 || Point towards the '''Export '''icon and click it
-|| Click on the '''Export '''icon on the '''Standard '''toolbar.
+|| Click on the '''Export '''icon on the '''Standard toolbar'''.
 |-
 || From the '''Main menu''', click '''File '''>> '''Export'''
@@ Line 300: / Line 300: @@
 || The '''JPG Options''' dialog box appears.
-In your case JPEG '''Options''' dialog box may appear.
+In your case '''JPEG Options''' dialog box may appear.
 It is same as '''JPG'''.
@@ Line 331: / Line 331: @@
 || In the '''General''' tab under “'''Images'''”, select “'''JPEG compression'''”.
-This is the most common format''' '''that is used for compression.
+This is the most common format that is used for compression.
 |-
 ||  In '''PDF options''' dialog box >> Click “'''Security'''” tab.
@@ Line 456: / Line 456: @@
 '''Summary'''
-|| In this tutorial, you have learnt to,* '''Import '''images into a '''Draw '''page
+|| In this tutorial, you have learnt to,
 * Edit an image
 * Export a '''Draw '''file into various '''file formats'''
-* Protect''' '''a '''PDF''' file using '''password encryption'''
+* Protect a '''PDF''' file using '''password encryption'''
 |-
@@ Line 468: / Line 469: @@
 || Here is another '''assignment '''for you.
-* '''Export '''only''' '''the''' '''clouds and the mountain from the '''WaterCycle '''file into '''JPEG '''format.
+* '''Export '''only the clouds and the mountain from the '''WaterCycle '''file into '''JPEG '''format.
 Hint: Check the '''Selection''' check box in the '''Export''' dialog box.