Difference between revisions of "LibreOffice-Suite-Draw-6.3/C3/Import-and-Export-Images/English"

From Script | Spoken-Tutorial
Jump to: navigation, search
 
Line 41: Line 41:
 
Rename it as '''Import-Export-images '''and save it on '''Desktop.'''
 
Rename it as '''Import-Export-images '''and save it on '''Desktop.'''
  
−
||I have opened a new''' Draw''' file.
+
||I have opened a new ''' Draw''' file.
  
 
We will name the file as '''Import-Export-Images '''and save it on the '''Desktop'''.
 
We will name the file as '''Import-Export-Images '''and save it on the '''Desktop'''.
Line 49: Line 49:
 
|| In '''Draw''' we can import and export both '''vector''' and '''bitmap''' images.
 
|| 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.
+
|| 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.
 
|| For this tutorial, I have created a '''JPG '''file of the '''WaterCycle '''drawing.
  
Line 63: Line 63:
 
|-  
 
|-  
 
|| '''Insert Picture '''dialog box appears
 
|| '''Insert Picture '''dialog box appears
−
|| The''' Insert Image '''dialog box appears.
+
|| The ''' Insert Image ''' dialog box appears.
 
|-  
 
|-  
 
|| Select''' WaterCycle.jpeg'''
 
|| Select''' WaterCycle.jpeg'''
Line 69: Line 69:
 
|-  
 
|-  
 
|| Point to '''Open '''but don’t click.
 
|| 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.
 
But we will not do so.
Line 76: Line 76:
  
 
Show the screenshot.
 
Show the screenshot.
−
|| Instead, we will click on the''' Insert as Link''' check-box.
+
|| Instead, we’ll click on the ''' Insert as Link''' check-box.
  
 
On the '''Windows 10''' interface, you will see it as '''Link '''check box.
 
On the '''Windows 10''' interface, you will see it as '''Link '''check box.
Line 89: Line 89:
 
|| A confirmation box pops up asking us to choose '''Embed Graphic''' or '''Keep Link'''.
 
|| 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.
 
|| We will click on the '''Keep Link '''button.
 
|-  
 
|-  
Line 104: Line 104:
 
|| The''' Edit Links''' dialog box opens up.
 
|| 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'''
 
|| 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'''.
 
|| 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  
 
|| In the '''confirmation '''message  
Line 124: Line 124:
 
|| The '''link '''is removed.
 
|| The '''link '''is removed.
  
−
Now, click on the '''Close ''' button to close the dialog box.
+
Now, click on the '''Close '''button to close the dialog box.
 
|-  
 
|-  
 
|| Point to the image.
 
|| Point to the image.
Line 146: Line 146:
 
|| Go to the folder where the image is saved.
 
|| Go to the folder where the image is saved.
  
−
Drag and drop it onto the '''Draw ''' page.
+
Drag and drop it onto the '''Draw '''page.
 
|-  
 
|-  
 
|| Press '''Ctrl + Z''' keys to undo the process.
 
|| Press '''Ctrl + Z''' keys to undo the process.
Line 158: Line 158:
  
 
* Create two new '''Draw '''files.
 
* Create two new '''Draw '''files.
−
* '''Insert '''an image in one file and save.  
+
* '''Insert '''an image in one file and save it.  
−
* '''Embed '''another image as a '''link''' in the other file and save.
+
* '''Embed '''another image as a link in the other file and save it.
 
* Sample images are provided in the '''Code files''' link.
 
* Sample images are provided in the '''Code files''' link.
−
* Compare the file sizes.
+
* Compare''' '''the file sizes of the '''Draw''' files.
 
|-  
 
|-  
 
|| '''Slide''':  
 
|| '''Slide''':  
Line 167: Line 167:
 
'''Assignment'''
 
'''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.
 
* In the file, change the size of the image.
−
* Check if the change in the size of the image changes the file size.
+
* Check if the change in the size of the image affects the '''Draw''' file size.
 
|-  
 
|-  
 
|| Cursor on the Draw page.
 
|| Cursor on the Draw page.
−
|| Next, let’s import the '''WaterCycle ''' diagram directly into this file as an image.
+
|| Next, let’s import the '''WaterCycle '''diagram directly into this file as an image.
 
|-  
 
|-  
 
|| Click on the Insert Menu  
 
|| Click on the Insert Menu  
Line 211: Line 211:
 
|-  
 
|-  
 
|| Click to select the image.
 
|| 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.
 
This image is provided to you in the '''Code files '''link''' '''for practice.
Line 228: Line 228:
 
I will resize the image proportionally using the corner handles.
 
I will resize the image proportionally using the corner handles.
 
|-  
 
|-  
−
|| From '''Format''' >> '''Image''' >> Filter >> Charcoal sketch
+
|| From '''Format''' >> Image >> Filter>>Charcoal sketch
 
|| Go to the '''Format''' menu and select''' Image.'''  
 
|| Go to the '''Format''' menu and select''' Image.'''  
  
Line 234: Line 234:
 
|-  
 
|-  
 
|| Point to the image.
 
|| Point to the image.
−
|| The image changes into a charcoal sketch format.
+
|| The image changes into a '''charcoal sketch ''' format.
 
|-  
 
|-  
 
|| Go to the''' View menu''' and select '''Toolbars.'''
 
|| Go to the''' View menu''' and select '''Toolbars.'''
  
−
From the submenu select the '''Image''' option.
+
From the submenu select the '''Image''' option
 
|| Alternatively, you can also use the '''Image toolbar''' to edit the images.
 
|| Alternatively, you can also use the '''Image toolbar''' to edit the images.
 
|-  
 
|-  
Line 270: Line 270:
 
|-  
 
|-  
 
|| Point towards the '''Export '''icon and click it
 
|| 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'''
 
|| From the '''Main menu''', click '''File '''>> '''Export'''
Line 278: Line 278:
 
|| The '''Export '''dialog box appears.
 
|| The '''Export '''dialog box appears.
 
|-  
 
|-  
−
|| '''Name ''' >> Enter the name '''WaterCycle '''diagram  
+
|| '''Name '''>> Enter the name '''WaterCycle '''diagram  
 
|| Let us enter the name '''WaterCycle-diagram''' in the '''Name '''field.
 
|| Let us enter the name '''WaterCycle-diagram''' in the '''Name '''field.
 
|-  
 
|-  
Line 300: Line 300:
 
|| The '''JPG Options''' dialog box appears.
 
|| 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'''.
 
It is same as '''JPG'''.
Line 331: Line 331:
 
|| In the '''General''' tab under “'''Images'''”, select “'''JPEG compression'''”.
 
|| 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.
 
||  In '''PDF options''' dialog box >> Click “'''Security'''” tab.
Line 368: Line 368:
 
|| In the “'''Confirm'''” field, retype the '''password'''.
 
|| In the “'''Confirm'''” field, retype the '''password'''.
  
−
Then click on the '''OK ''' button in the dialog box.
+
Then click on the '''OK '''button in the dialog box.
 
|-  
 
|-  
 
|| Point to the options under''' Printing '''and '''Changes.'''
 
|| Point to the options under''' Printing '''and '''Changes.'''
 
|| Notice that options under''' Printing '''and''' Changes''' are active.
 
|| Notice that options under''' Printing '''and''' Changes''' are active.
 
|-  
 
|-  
−
|| Point to Under '''Printing ''' >> “'''Not Permitted'''”.
+
|| Point to Under '''Printing '''>> “'''Not Permitted'''”.
 
|| Under “'''Printing'''”, select the option “'''Not Permitted'''” if not already selected.
 
|| Under “'''Printing'''”, select the option “'''Not Permitted'''” if not already selected.
 
|-  
 
|-  
Line 379: Line 379:
 
|| This means that the '''PDF '''can be printed only if the correct '''password '''is provided.
 
|| This means that the '''PDF '''can be printed only if the correct '''password '''is provided.
 
|-  
 
|-  
−
|| Point to Under '''Changes ''' >> “'''Not Permitted'''”.  
+
|| Point to Under '''Changes '''>> “'''Not Permitted'''”.  
 
|| Under “'''Changes'''”, select the option “'''Not Permitted'''”.
 
|| Under “'''Changes'''”, select the option “'''Not Permitted'''”.
  
Line 419: Line 419:
 
|| In the '''Password '''field, let's type the wrong '''password protect111.'''
 
|| In the '''Password '''field, let's type the wrong '''password protect111.'''
  
−
Click on the '''Unlock''' '''Documen'''t button to unlock the file.
+
Click on the '''Unlock''' '''Document''' button to unlock the file.
 
|-  
 
|-  
 
|| Point to the Password field.
 
|| Point to the Password field.
−
|| We notice that the '''Password ''' field is cleared.
+
|| We notic e that the '''Password '''field is cleared.
  
−
We are prompted to enter the '''password ''' once again.
+
We are prompted to enter the '''password '''once again.
 
|-  
 
|-  
 
|| In the '''Password '''field, type the password '''protect101'''.
 
|| In the '''Password '''field, type the password '''protect101'''.
−
|| In the '''Password '''field, let’s type the correct '''password protect101 '''this time.
+
|| In the '''Password '''field, let’s type the correct '''password protect101 ''' this time.
 
|-  
 
|-  
 
|| Click on the '''Unlock''' '''Documen'''t button to unlock''' '''the document.
 
|| Click on the '''Unlock''' '''Documen'''t button to unlock''' '''the document.
Line 460: Line 460:
 
* Edit an image
 
* Edit an image
 
* Export a '''Draw '''file into various '''file formats'''
 
* Export a '''Draw '''file into various '''file formats'''
−
* Protect a '''PDF''' file using '''password encryption'''
+
* Protect''' '''a '''PDF''' file using '''password encryption'''
  
 
|-  
 
|-  
Line 469: Line 469:
 
|| Here is another '''assignment '''for you.
 
|| 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.
 
Hint: Check the '''Selection''' check box in the '''Export''' dialog box.

Latest revision as of 17:19, 17 August 2021

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’ll 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 it.
  • Embed another image as a link in the other file and save it.
  • Sample images are provided in the Code files link.
  • Compare the file sizes of the Draw files.
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 affects the Draw 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 Document button.

In the Password field, let's type the wrong password protect111.

Click on the Unlock Document button to unlock the file.

Point to the Password field. We notic e 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 Document 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.

Contributors and Content Editors

Madhurig, Nancyvarkey

Retrieved from "https://script.spoken-tutorial.org/index.php?title=LibreOffice-Suite-Draw-6.3/C3/Import-and-Export-Images/English&oldid=55471"