Nancyvarkey at 12:41, 3 March 2021

2021-03-03T12:41:19Z

Madhurig: Created page with " {|border=1 || '''Visual Cue''' || '''Narration''' |- || Title Slide''' ||Welcome to the''' Spoken Tutorial''' on''' Inserting Text in Objects''' in '''LibreOffice''' '''Draw..."

2021-02-04T07:31:11Z

Created page with " {|border=1 || '''Visual Cue''' || '''Narration''' |- || Title Slide''' ||Welcome to the''' Spoken Tutorial''' on''' Inserting Text in Objects''' in '''LibreOffice''' '''Draw..."

New page

{|border=1
|| '''Visual Cue'''
|| '''Narration'''
|-
|| Title Slide'''
||Welcome to the''' Spoken Tutorial''' on''' Inserting Text in Objects''' in '''LibreOffice''' '''Draw'''.
|-
||'''Slide''': '''Learning Objectives'''
|| In this tutorial, we will learn to:

* Insert text in '''objects'''
* '''Format '''the''' '''text
* Work with '''text boxes'''
* Set '''indents'''
* '''Space '''and '''align '''the text
* Add text to '''Lines '''and '''Arrows''' and
* Insert text within '''Callouts'''.

|-
||'''Slide''': '''Insert Text'''
||'''Text''' can be added in two ways:

* It can be directly inserted''' '''into an '''object''', including on lines and arrows.
* It can be inserted''' '''into a '''text box''' as an independent '''Draw object'''.

|-
||'''Slide''': '''System Requirements'''
|| This tutorial is recorded using

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

|-
||Switch to '''Water-Cycle'''.odg
||Let’s open our '''Water hyphen Cycle dot odg''' file which we created earlier in this series.
|-
|| '''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.

|-
||Text on screen “Press '''Ctrl + S ''' to save the file”
||As we work on this '''file''', remember to press '''Ctrl + S''' to save the file frequently.
|-
||Point to the two '''White clouds '''next to the '''sun'''.
||We shall add the '''text “Cloud Formation”''' to the two white clouds''' '''next to the sun.
|-
|| Select the white '''cloud group '''next to the '''sun '''

Double-click on it
|| Select the white cloud '''group'''.

Double-click on it in order to enter the '''group'''.
|-
|| Select the '''Insert Text box '''tool from the '''Standard Toolbar'''

Press''' F2'''
||On the '''Standard toolbar''', click on the icon named ‘'''Insert Text box’.'''

Or you can press the''' F2 key '''on the''' keyboard.'''
|-
|| Move the '''cursor '''to the draw '''page'''

Click and drag the left '''mouse '''button

Release the '''mouse '''button
|| Now, move the '''cursor '''to the top white cloud on the '''Draw''' '''page.'''

Click the left '''mouse '''button and drag as shown.

Release the '''mouse '''button to see the '''text-box.'''
|-
||Point to the '''cursor'''.
|| Can you see the '''cursor '''has transformed into a small vertical '''blinking '''line?

This is the '''text cursor.'''
|-
||Type '''Cloud Formation'''
||Let us type the '''text “Cloud Formation”.'''
|-
||Click anywhere on the '''page'''.
||Now click anywhere on the '''page.'''
|-
||Select the other '''cloud '''>> type the text '''Cloud Formation'''
||Let us type the same '''text '''for the other white cloud, too.
|-
||Double-click anywhere on the '''page '''to '''exit'''.
||To '''exit '''the '''group''', double-click anywhere on the '''page'''.
|-
||Select the '''sun '''>> double-click >> type the words '''Sun '''in '''capitals'''.
||Let us now name the sun''' '''in the same way.
|-
||Cursor near the text.
||Typing text''' '''inside '''objects''' cannot get simpler than this!
|-
||Press '''Ctrl + S '''to save the file
||Press''' Ctrl + S '''to save the file.
|-
|| Select the '''gray cloud group'''

Double-click
|| Now, let us select the gray cloud''' group.'''

As before, double-click on it to '''enter '''the '''group'''.
|-
|| Select one '''cloud '''>> Type the text '''Rain Cloud'''

Select the other '''cloud '''and enter '''Rain Cloud'''
||Type''' “Rain Cloud”''' in each cloud.
|-
||Point to the '''text '''in the gray clouds.
|| As the text in the gray clouds is black''' '''in color, it is not visible clearly.

So let us change the color''' '''of the text to white.
|-
|| Click on '''Properties icon.'''

Click on '''Font color '''icon.
|| To do so, first select the text and then click on the '''Properties''' icon in the '''Sidebar.'''

Click on the drop-down beside the '''Font color '''icon and then select white colour.
|-
||Change the '''text color '''for the second '''cloud'''.
||In the same manner, let’s change the text color of the second cloud.
|-
||Double-click anywhere on the '''page '''to '''exit'''.
||Double-click anywhere on the '''page '''to '''exit '''the '''group'''.
|-
||Click on the '''X''' icon in the Properties pane
||Close the '''Properties''' pane
|-
||Select the '''triangle '''>> double-click on it>> type '''Mountain'''
||Likewise, type the word “'''Mountain '''inside the triangle''' '''that depicts the mountain.
|-
||Press '''Ctrl + S''' to save the file.
||Save the file.
|-
||'''Slide''': You can format text for:
|| We can '''format '''the text for:

* '''Character''', that is change '''font styles''' and give special effects to '''fonts'''.
* '''Paragraph''', that is '''align '''the text, set '''indents '''or '''spacing '''and '''set tab positions'''.

We can access these '''dialog boxes '''either from the '''Context menu''' or from the '''Main menu.'''
|-
||Go to the Main''' menu '''>> click '''Format '''>> point to '''Character'''.
|| In the '''Main Menu''' go to '''Format''', then select '''Character''' to open the '''Character dialog box'''.

Let us close this '''dialog box.'''
|-
|| Now point to '''Paragraph'''.
|| Go to the '''Format menu '''again,

Then select '''Paragraph''', to open the '''Paragraph dialog box'''.

Close the '''Paragraph''' dialog box.
|-
||Cursor on the page.
||Let’s continue with our drawing.
|-
||Point to the rectangle >> Draw an imaginary line as per narration
||In the rectangle, let’s draw a thick black''' '''line to show groundwater accumulation.
|-
|| Draw a horizontal line to divide the '''rectangle '''into two equal halves.

Go to the '''Drawing toolbar''' >> select '''Line'''.

Move the '''cursor '''to the Draw '''page''', press the left-'''mouse '''button and drag from left to right.

|| Let us draw a horizontal line that will divide the rectangle''' '''into two equal halves.

From the '''Drawing toolbar,''' select '''Insert Line'''.

Move the '''cursor '''to the '''page''', press the left-'''mouse '''button and drag from left to right.

The rectangle is now divided into two parts!
|-
|| Point to the line.

Select the '''line '''>> right-click to view the '''context menu '''

Click Line >> The '''Line '''dialog box appears
|| Now, let’s make the line''' '''thicker.

Select the line''' '''and right-click for the '''Context menu. '''

Click on the '''Line '''option''' '''to open the '''Line '''dialog box.
|-
||Point to the '''Line '''tab.

In the '''Style '''field, click the drop-down box

Select '''2 Dots 3 Dashes'''

|| By default the '''Line '''tab is open.

Under '''properties''', in the '''Style '''field, click the drop-down box.

Select '''2 Dots 3 Dashes.'''

|-
|| Click on '''Color '''drop-down >> select black.

In the '''Width '''field, enter the value''' 0.70''' '''cm >> '''click '''Ok'''.
|| In the '''Color '''drop-down change the color to black.

In the '''Width '''field, enter the value point '''0.70''' '''cm '''and click '''OK'''.

|-
||Point to the line
||The line is now thicker.
|-
||Press '''Ctrl + S''' to save the file
||Press '''Ctrl + S '''to save the file.
|-
||Cursor inside the rectangle.
||Next, let’s insert''' '''the text '''“Groundwater table” '''inside the rectangle.
|-
|| In the '''Standard Toolbar''' >> Select the '''Insert textbox Text tool'''

Move to the draw '''page'''.
|| Select the '''Insert text box tool''' on the '''Standard toolbar.'''

Move to the '''Draw page.'''
|-
|| Click on the '''rectangle'''

The text box appears >> Type the '''text “Groundwater table”''' in it.
|| Hold the left '''mouse '''button and drag as shown Inside the bottom half of the rectangle.
A text box appears. Here, type “'''Groundwater table”.'''
|-
|| Place the '''cursor '''inside the '''text box'''

Click on the''' '''double arrow icon on the '''standard toolbar.'''

From the list, Select the '''Align Cente'''r icon
|| To '''align '''the text to the centre''' '''of the '''text-box,''' place the '''cursor '''inside the text box.

Click on the double arrow icon on the standard toolbar.

A list of text formatting tools is seen.

Select the '''Align Cente'''r icon from the tools.
|-
|| Add “'''Rain water flows from land into rivers and sea”''' in the triangle.
|| Following the same steps, let us add '''text''' inside the triangle also.

'''“Rain water flows from land into rivers and sea”'''.
|-
|| Point to the 3 arrows and then to the mountain, trees and water objects.
|| Now let’s arrange all the arrows in the diagram.

These indicate evaporation of water from land, vegetation and water bodies to the clouds.
|-
||Adjust the first arrow from land to the white clouds.
|| Select the left-most arrow'''.'''

Drag and adjust the arrow from land to clouds .
|-
||Adjust the second arrow from vegetation to the white clouds
|| Let’s select the middle arrow now.

Drag and place the arrow from trees towards clouds.
|-
||Point to the third '''arrow '''from water to the white clouds.
||Drag the third arrow''' '''towards the clouds to''' '''show evaporation from water bodies.
|-
||Press '''Ctrl + S '''to save the file.
||Press '''Ctrl + S '''to save the file.
|-
||Draw a '''curve arrow'''
||Next, let’s use the '''Curve '''option to draw a line''' '''that shows water running down the mountains.
|-
||From the '''Drawing toolbar''' >> click '''Curve '''>> select '''Freeform Line'''
||From the '''Drawing toolbar''' click on the drop down besides '''Curve icon '''and select '''Freeform Line.'''
|-
|| Place the '''cursor '''next to the '''Mountain'''.

Press the left '''mouse '''button and drag to draw a '''line'''

Point to the curved line.
|| On the '''Draw page''', place the '''cursor '''next to the mountain.

Press the left mouse''' '''button and drag down.

This is how a curved line is drawn.
|-
||Point to the arrows.
||Now let’s add descriptions to each of these arrows.
|-
|| Select the first '''arrow '''to the right and type '''Evaporation from rivers and seas'''

Click the '''cursor '''anywhere on the page.

Point to the text on the line.
|| Select the first arrow''' '''to the right and type “'''Evaporation from rivers and seas”.'''

Click anywhere on the '''page'''.

The text appears on the line.
|-
||Point to the '''text'''.
||Notice that the text is placed exactly on the line''' '''and hence it is not readable.
|-
|| Click on the '''line'''.

The '''text '''is placed horizontally.
|| To move the text above the line, click on the line.

We see that the text is placed horizontally.
|-
|| Place the '''cursor '''at the end of the text and press the '''Enter key'''

Click on the '''page'''.
|| Place the '''cursor '''at the end of the '''text''' and press the '''Enter key''' on the '''keyboard'''.

Click anywhere on the '''page'''.

The text gets aligned!
|-
||Cursor on the line.
||'''Text''' typed on lines and arrows can be formatted using options from the '''Standard Toolbar.'''
|-
||Cursor on the Draw page.
||Let’s format the''' font size''' using the '''Standard Toolbar.'''
|-
|| Click on '''View menu''' in the '''Main Menu bar'''

Go to the '''Toolbars''' option and

select '''Text Formatting'''

Point to''' font size''', '''style''', '''font''' '''color '''on the '''Standard Toolbar'''
|| Click on '''View menu''' in the '''Main menu bar.'''

Go to the '''Toolbars '''option and select '''Text Formatting.'''

This enables the '''text formatting''' options like''' Font Name, Font Size''', '''Style''', '''Font Color '''on the '''Standard Toolbar.'''
|-
|| Select the '''text ''' >>

'''Font Size''' in the '''Standard Toolbar''' >> type size '''12'''.

Point the '''font size''' has changed.
|| Let’s select the text, written besides the arrow.

Then go to '''Font Size''' in the '''Standard Toolbar''' and change size to '''14'''.

The '''size '''of the '''font '''has changed!
|-
||Point to the truncated text.
|| Observe that the text is truncated here.

We will bring the text to front to see it clearly.

|-
|| Select the arrow.

From the '''Arrange '''menu, select '''Bring to Front''' option.

Point to the text.
|| Select the arrow.

From the '''Arrange '''menu, select '''Bring to Front''' option.

Now the text is clearly seen.
|-
|| Type

'''“Evaporation from soil”. '''

'''“Evaporation from vegetation”.'''

'''“Run off water from the mountains”.'''
|| Now, let’s type text for all the other arrows one by one, as shown.

'''“Evaporation from soil”. '''

'''“Evaporation from vegetation”.'''

'''“Run off water from the mountains”.'''
|-
||Point to the text on two arrows.
|| Observe that the text on the arrows is in the reverse direction.

This is because we have drawn the arrows from top to bottom.
|-
|| Point to the arrows.

Select the arrows >> Press '''Delete''' key on the keyboard.
|| Let us delete the arrows.

Select the arrows and press the '''Delete''' key on the keyboard.
|-
|| Go to the '''Drawing toolbar'''.

Click on Lines and Arrows drop down and select '''Line Ends with Arrow'''.
|| Now to add the arrows go to the '''Drawing Toolbar.'''

Click on '''Lines and Arrows''' drop down and select '''Line Ends with Arrow'''.

Place the cursor on the Draw page and drag to drag to draw an arrow.

Similarly drag the second arrow.
|-
||Type the text on the arrows.
||Now type the text on the arrows as before.
|-
|| Point to Standard Toolbar

Change size to 14.
||Then reduce the font size to 14 from the Standard toolbar for all the arrows.
|-
||Press Ctrl + S keys to save
||Press '''Ctrl + S''' keys to save the file.
|-
||Only narration
||Next, let’s show rain falling from the gray clouds.
|-
|| Point to the '''gray clouds.'''

'''Drawing toolbar''' >> select '''Line Ends with Arrow.'''
|| We will draw dotted arrows which point downward to show rain from the clouds.

From the '''Drawing toolbar''', click on the drop-down next to '''Lines and Arrows.'''

Then select '''Line Ends with Arrow.'''
|-
|| Place the '''cursor '''on the first '''gray cloud''' to the left

Press the left '''mouse '''button and drag down.
|| Now place the '''cursor '''on the first''' '''gray cloud''' '''to the left.

Press the left '''mouse '''button and drag it down.
|-
|| Right-click for the '''context menu''' >> click '''Line '''

The''' Line''' dialog box appears
|| Right-click for the '''Context menu '''and click on '''Line.'''

The '''Line '''dialog box appears.
|-
|| Click on the '''Style '''drop-down list >> select '''2 Dots 1 Dash'''

Click '''OK '''button.
|| Under '''Line properties, '''click on the '''Style '''drop-down list and select '''2 Dots 1 Dash.'''

Then click on '''OK '''button.

A dotted arrow is seen.
|-
|| '''Copy '''and '''paste''' one''' '''more arrow for this '''gray cloud'''.
||Let’s copy and paste one more arrow for this cloud.
|-
||'''Copy '''two '''arrows '''to the other '''gray cloud'''.
||Let’s now copy and paste two such arrows for the other cloud.
|-
||Add the text '''Rain '''to the right-most '''arrow'''.
||Then let’s add the text''' “Rain” '''to the dotted arrows.
|-
||Press '''Ctrl + S''' keys to save
||Press '''Ctrl + S''' to save the file.
|-
|| In the''' Standard toolbar''' >> '''Insert Text box >> '''draw a '''text box'''

Type the text '''Evaporation to form the clouds''' inside it.
|| Next, we’ll type an appropriate text in the '''text box''' just above the water''' object.'''

From the '''Standard toolbar''', select the Insert '''Text box''' tool and draw a '''text box''' as shown.

Type''' “Evaporation to form the clouds”''' inside it.
|-
|| In the '''Standard toolbar '''>>''' Insert Text box >> '''draw a '''text box'''

Type the text '''Condensation to form rain''' inside it.
|| Once again, from the '''Standard toolbar''', select the '''Insert Text box''' tool.

Draw a '''text box''' next to the gray clouds.

Type “'''Condensation to form rain” '''inside it.
|-
|| Move the''' text box''' by first clicking on the border of the''' text box '''

Drag and drop it near the '''gray cloud'''.
|| Move the '''text box''' by first clicking on the border of the '''text box.'''

Now drag and drop it in the desired location.
|-
|| Enter the text '''WaterCycle Diagram '''

Make it '''bold'''.
|| Following the previous steps, let’s give the title “'''Water Cycle Diagram” '''using a '''text box'''.

And '''format '''the text to be '''Bold'''.
|-
||Only narration
||We have successfully completed drawing the '''WaterCycle '''diagram!
|-
||Press '''Ctrl + S '''keys to save
||Press '''Ctrl + S''' keys to save the file.
|-
||'''Slide''': '''Callouts'''
|| Now, let’s briefly learn about '''Callouts.'''

'''Callouts''' are,
* Special '''text boxes''' that call our attention to or point to an '''object''' or location''' '''in the '''Draw page'''.
* Most comic books, for example, have text placed inside '''Callouts'''.
|-
|| Right click on the '''page.'''

Select''' Page '''>> '''New Page'''
|| For this part of the demo, let’s add a new '''page '''to our '''Draw '''file first.

So, right-click on the '''page''' for the '''Context menu.'''

Go to '''Page '''option and click on''' New Page.'''

A new '''page '''is inserted.
|-
|| Go to the '''Drawing toolbar '''

Click the dropdown next to the '''callout '''icon

Click '''Rectangular Callout'''.
|| To draw a '''Callout''', go to the '''Drawing toolbar'''.

Click the drop-down next to the '''Callout '''icon.

Various '''Callouts '''are displayed.

Let us click on '''Rectangular Callout'''.
|-
|| Move the '''cursor '''to the page; hold the left-'''mouse''' button and drag.

Point to the '''Callout''' on the page.
|| Move the '''cursor '''to the '''page''', hold the left-'''mouse''' button and drag.

That’s how we draw a '''Callout'''!
|-
|| Type '''This is an example''' inside the '''callout'''.
|| We can enter text inside the '''Callout '''just as we did for the other '''objects.'''

Double-click and type the '''text “This is an example”''' inside the '''Callout'''.
|-
|| Only Narration

Press Ctrl + S to save the file
|| Likewise, we can insert any '''text''' or '''callout''' in our '''drawing, '''as per our requirements.

Save all the changes and close the file.
|-
||Only narration
|| This brings us to the end of this tutorial.

Let us summarize.
|-
||'''Slide''': '''Summary'''
|| In this tutorial, we have learnt to:

* Insert text in '''objects'''
* '''Format '''the''' '''text
* Work with '''text boxes'''
* Set '''indents'''
* '''Space '''and '''align '''the text
* Add text to '''Lines '''and '''Arrows''' and
* '''Insert '''text '''within Callouts.'''

|-
||'''Slide''': '''Assignment'''
|| Try out this '''assignment '''by yourself.

* Open '''MyPractice.odg''' file
* Add a new '''page'''
* Create a '''notebook label '''and an '''invitation''' as shown in this slide.
|-
||'''Slide''': '''Assignment'''
|| Here's another assignment for you

* In '''MyPractice.odg''' file, add another new '''page''' and draw a '''square'''.
* Insert''' '''the following '''text'''

'''“A square has four equal sides and four equal angles. Each angle in a square is ninety degrees. The square is a quadrilateral.”'''* '''Format '''this '''text '''using the options in the '''Text dialog box.'''
* Apply the '''font''', '''size''', '''style '''and '''alignment ''' options to the '''text'''.

|-
||'''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'''
||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

The script for this tutorial was written by Nikita Misal from IIT Bombay.

And this is Madhuri Ganapathi along with the Spoken Tutorial team signing off. Thank you for watching.
|-
|}

LibreOffice-Suite-Draw-6.3/C2/Inserting-Text-in-Objects/English - Revision history

Nancyvarkey at 12:41, 3 March 2021

Madhurig: Created page with " {|border=1 || '''Visual Cue''' || '''Narration''' |- || Title Slide''' ||Welcome to the''' Spoken Tutorial''' on''' Inserting Text in Objects''' in '''LibreOffice''' '''Draw..."