Difference between revisions of "LibreOffice-Suite-Draw-6.3/C2/Inserting-Text-in-Objects/English"

From Script | Spoken-Tutorial
Jump to: navigation, search
(Created page with " {|border=1 || '''Visual Cue''' || '''Narration''' |- || Title Slide''' ||Welcome to the''' Spoken Tutorial''' on''' Inserting Text in Objects''' in '''LibreOffice''' '''Draw...")
 
 
Line 6: Line 6:
 
|-
 
|-
 
|| Title Slide'''
 
|| Title Slide'''
||Welcome to the''' Spoken Tutorial''' on''' Inserting Text in Objects''' in '''LibreOffice''' '''Draw'''.
+
||Welcome to the''' Spoken Tutorial''' on''' Inserting Text in Objects''' in '''LibreOffice Draw'''.
 
|-
 
|-
 
||'''Slide''': '''Learning Objectives'''
 
||'''Slide''': '''Learning Objectives'''
Line 12: Line 12:
  
 
*  Insert text in '''objects'''
 
*  Insert text in '''objects'''
* '''Format '''the''' '''text
+
* Format the text
 
* Work with '''text boxes'''
 
* Work with '''text boxes'''
 
* Set '''indents'''
 
* Set '''indents'''
Line 18: Line 18:
 
* Add text to '''Lines '''and '''Arrows''' and
 
* Add text to '''Lines '''and '''Arrows''' and
 
* Insert text within '''Callouts'''.
 
* Insert text within '''Callouts'''.
 
  
 
|-
 
|-
 
||'''Slide''': '''Insert Text'''
 
||'''Slide''': '''Insert Text'''
||'''Text''' can be added in two ways:
+
||Text can be added in two ways:
 
+
* It can be directly inserted into an '''object''', including on lines and arrows.
* 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'''.
* It can be inserted''' '''into a '''text box''' as an independent '''Draw object'''.
+
 
+
  
 
|-
 
|-
 
||'''Slide''': '''System Requirements'''
 
||'''Slide''': '''System Requirements'''
 
|| This tutorial is recorded using  
 
|| This tutorial is recorded using  
 
 
* '''Ubuntu Linux''' OS version 18.04 and  
 
* '''Ubuntu Linux''' OS version 18.04 and  
 
* '''LibreOffice Suite''' version 6.3.5
 
* '''LibreOffice Suite''' version 6.3.5
Line 47: Line 43:
 
|-
 
|-
 
||Text on screen “Press '''Ctrl + S ''' to save the file”
 
||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.
+
||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'''.
+
||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.
+
||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 '''
+
|| Select the white cloud '''group '''next to the sun  
  
 
Double-click on it
 
Double-click on it
 
|| Select the white cloud '''group'''.
 
|| Select the white cloud '''group'''.
  
Double-click on it in order to enter the '''group'''.
+
Double-click on it in order to '''enter''' the '''group'''.
 
|-
 
|-
 
|| Select the '''Insert Text box '''tool from the '''Standard Toolbar'''
 
|| Select the '''Insert Text box '''tool from the '''Standard Toolbar'''
Line 64: Line 60:
 
||On the '''Standard toolbar''', click on the icon named ‘'''Insert Text box’.'''
 
||On the '''Standard toolbar''', click on the icon named ‘'''Insert Text box’.'''
  
Or you can press the''' F2 key '''on the''' keyboard.'''
+
Or you can press the''' F2 key '''on the keyboard.
 
|-
 
|-
|| Move the '''cursor '''to the draw '''page'''
+
|| Move the '''cursor '''to the '''Draw page'''
  
Click and drag the left '''mouse '''button
+
Click and drag the left mouse button
  
Release the '''mouse '''button  
+
Release the mouse button  
|| Now, move the '''cursor '''to the top white cloud on the '''Draw''' '''page.'''
+
|| Now, move the cursor to the top white cloud on the '''Draw page.'''
  
Click the left '''mouse '''button and drag as shown.
+
Press the left-'''mouse''' button and drag as shown.
  
Release the '''mouse '''button to see the '''text-box.'''
+
Release the '''mouse''' button to see the '''text-box.'''
 
|-
 
|-
||Point to the '''cursor'''.
+
||Point to the cursor.
|| Can you see the '''cursor '''has transformed into a small vertical '''blinking '''line?
+
|| Can you see the '''cursor''' has transformed into a small vertical '''blinking '''line?
  
 
This is the '''text cursor.'''
 
This is the '''text cursor.'''
 
|-
 
|-
 
||Type '''Cloud Formation'''
 
||Type '''Cloud Formation'''
||Let us type the '''text “Cloud Formation”.'''
+
||Let us type the text '''“Cloud Formation”.'''
 
|-
 
|-
 
||Click anywhere on the '''page'''.
 
||Click anywhere on the '''page'''.
Line 89: Line 85:
 
|-
 
|-
 
||Select the other '''cloud '''>> type the text '''Cloud Formation'''
 
||Select the other '''cloud '''>> type the text '''Cloud Formation'''
||Let us type the same '''text '''for the other white cloud, too.
+
||Let us type the same text for the other white cloud, too.
 
|-
 
|-
||Double-click anywhere on the '''page '''to '''exit'''.
+
||Double-click anywhere on the '''page '''to exit.
 
||To '''exit '''the '''group''', double-click anywhere on the '''page'''.
 
||To '''exit '''the '''group''', double-click anywhere on the '''page'''.
 
|-
 
|-
 
||Select the '''sun '''>> double-click >> type the words '''Sun '''in '''capitals'''.
 
||Select the '''sun '''>> double-click >> type the words '''Sun '''in '''capitals'''.
||Let us now name the sun''' '''in the same way.
+
||Let us now name the sun in the same way.
 
|-
 
|-
 
||Cursor near the text.
 
||Cursor near the text.
||Typing text''' '''inside '''objects''' cannot get simpler than this!
+
||Typing text inside '''objects''' cannot get simpler than this!
 
|-
 
|-
 
||Press '''Ctrl + S '''to save the file
 
||Press '''Ctrl + S '''to save the file
Line 111: Line 107:
 
As before, double-click on it to '''enter '''the '''group'''.
 
As before, double-click on it to '''enter '''the '''group'''.
 
|-
 
|-
|| Select one '''cloud '''>> Type the text '''Rain Cloud'''  
+
|| Select one cloud >> Type the text '''Rain Cloud'''  
  
Select the other '''cloud '''and enter '''Rain Cloud'''
+
Select the other cloud and enter '''Rain Cloud'''
 
||Type''' “Rain Cloud”''' in each cloud.
 
||Type''' “Rain Cloud”''' in each cloud.
 
|-
 
|-
 
||Point to the '''text '''in the gray clouds.
 
||Point to the '''text '''in the gray clouds.
|| As the text in the gray clouds is black''' '''in color, it is not visible clearly.
+
|| As the text in the gray clouds is black in colour, it is not visible clearly.
  
So let us change the color''' '''of the text to white.
+
Let us change the colour of the text to white.
 
|-
 
|-
 
|| Click on '''Properties icon.'''
 
|| Click on '''Properties icon.'''
Line 129: Line 125:
 
Click on the drop-down beside the '''Font color '''icon and then select white colour.
 
Click on the drop-down beside the '''Font color '''icon and then select white colour.
 
|-
 
|-
||Change the '''text color '''for the second '''cloud'''.
+
||Change the '''text color '''for the second cloud.
 
||In the same manner, let’s change the text color of 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.
 
||Double-click anywhere on the '''page '''to '''exit '''the '''group'''.
 
||Double-click anywhere on the '''page '''to '''exit '''the '''group'''.
 
|-
 
|-
Line 139: Line 135:
 
|-
 
|-
 
||Select the '''triangle '''>> double-click on it>> type '''Mountain'''
 
||Select the '''triangle '''>> double-click on it>> type '''Mountain'''
||Likewise, type the word '''Mountain '''inside the triangle''' '''that depicts the mountain.
+
||Likewise, type the word '''Mountain '''inside the triangle that depicts the mountain.
 
|-
 
|-
 
||Press '''Ctrl + S''' to save the file.
 
||Press '''Ctrl + S''' to save the file.
Line 147: Line 143:
 
|| We can '''format '''the text for:
 
|| We can '''format '''the text for:
  
* '''Character''', that is change '''font styles''' and give special effects to '''fonts'''.
+
* '''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'''.
 
* '''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.'''
 
+
 
+
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'''.
 
||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'''.
+
|| In the '''Main Menu''' go to '''Format'''.
 +
 
 +
Then select '''Character''' to open the '''Character dialog box'''.
  
  
Line 163: Line 158:
 
|-
 
|-
 
|| Now point to '''Paragraph'''.
 
|| Now point to '''Paragraph'''.
|| Go to the '''Format menu '''again,
+
|| Go to the '''Format menu '''again.
  
 
Then select '''Paragraph''', to open the '''Paragraph dialog box'''.
 
Then select '''Paragraph''', to open the '''Paragraph dialog box'''.
Line 173: Line 168:
 
|-
 
|-
 
||Point to the rectangle >> Draw an imaginary line as per narration
 
||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.
+
||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.
+
||  
 +
||Let us draw a horizontal line that will divide the rectangle into two equal halves.
  
 +
|-
 +
||Go to the '''Drawing toolbar''' >> select '''Insert Line'''.
 +
|| From the '''Drawing toolbar,''' select '''Insert Line'''.
 +
|-
 +
||Move the '''cursor '''to the Draw '''page'''>> press the left-'''mouse '''button >> drag from left to right.
  
Go to the '''Drawing toolbar''' >> select '''Line'''.
+
||Move the '''cursor '''to the '''page'''.
  
Move the '''cursor '''to the Draw '''page''', press the left-'''mouse '''button and drag from left to right.
+
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.
+
  
  
Line 193: Line 187:
 
|-
 
|-
 
|| Point to the line.
 
|| Point to the line.
 +
|| Now, let’s make the line thicker.
 +
|-
 +
||Select the line >> right-click to view the '''context menu '''
  
  
Select the '''line '''>> right-click to view the '''context menu '''
+
Click '''Line''' >> The '''Line '''dialog box appears
 
+
||Select the line and right-click for 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.
+
Click on the '''Line '''option to open the '''Line dialog box'''.
 
|-
 
|-
 
||Point to the '''Line '''tab.
 
||Point to the '''Line '''tab.
Line 214: Line 205:
  
 
Select '''2 Dots 3 Dashes'''
 
Select '''2 Dots 3 Dashes'''
 +
|| By default, the '''Line '''tab is open.
  
  
|| By default the '''Line '''tab is open.
+
Under '''Line properties''', in the '''Style '''field, click the drop-down box.
 
+
 
+
Under '''properties''', in the '''Style '''field, click the drop-down box.
+
  
  
Line 228: Line 217:
  
  
In the '''Width '''field, enter the value''' 0.70''' '''cm >> '''click '''Ok'''.
+
In the '''Width '''field, enter the value''' 0.70 cm >> '''click '''Ok'''.
|| In the '''Color '''drop-down change the color to black.
+
|| In the '''Color '''drop-down change the colour to black.
  
  
In the '''Width '''field, enter the value point '''0.70''' '''cm '''and click '''OK'''.
+
In the '''Width '''field, enter the value point '''0.70 cm '''and click '''OK'''.
  
 
|-
 
|-
Line 242: Line 231:
 
|-
 
|-
 
||Cursor inside the rectangle.
 
||Cursor inside the rectangle.
||Next, let’s insert''' '''the text '''“Groundwater table” '''inside the rectangle.
+
||Next, let’s insert the text '''“Groundwater table” '''inside the rectangle.
 
|-
 
|-
 
|| In the '''Standard Toolbar''' >> Select the '''Insert textbox Text tool'''
 
|| In the '''Standard Toolbar''' >> Select the '''Insert textbox Text tool'''
Line 253: Line 242:
 
Move to the '''Draw page.'''
 
Move to the '''Draw page.'''
 
|-
 
|-
|| Click on the '''rectangle'''
+
|| Press the left-mouse button and drag
  
  
 
The text box appears >> Type the '''text “Groundwater table”''' in it.
 
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.
+
|| Press the left '''mouse '''button.
A text box appears. Here, type '''Groundwater table”.'''
+
 
 +
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'''
 
|| Place the '''cursor '''inside the '''text box'''
  
  
Click on the''' '''double arrow icon on the '''standard toolbar.'''
+
Click on the double arrow icon on the '''Standard toolbar.'''
  
  
From the list, Select the '''Align Cente'''r icon  
+
From the list, select the '''Align Center''' icon  
|| To '''align '''the text to the centre''' '''of the '''text-box,''' place the '''cursor '''inside the text box.
+
|| 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.
+
Click on the double arrow icon on the '''Standard toolbar'''.
  
A list of text formatting tools is seen.
+
A list of '''text formatting''' tools is seen.
  
Select the '''Align Cente'''r icon from the tools.
+
Select the '''Align Center''' icon from the tools.
 
|-
 
|-
 
|| Add “'''Rain water flows from land into rivers and sea”''' in the triangle.
 
|| 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.
+
|| Following the same steps, let us add text inside the triangle also.
  
  
Line 291: Line 284:
 
|| Select the left-most arrow'''.'''
 
|| Select the left-most arrow'''.'''
  
Drag and adjust the arrow from land to clouds .
+
Drag and adjust the arrow from land to clouds.
 
|-
 
|-
 
||Adjust the second arrow from vegetation to the white clouds
 
||Adjust the second arrow from vegetation to the white clouds
Line 299: Line 292:
 
|-
 
|-
 
||Point to the third '''arrow '''from water to the white 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.
+
||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.
Line 305: Line 298:
 
|-
 
|-
 
||Draw a '''curve arrow'''
 
||Draw a '''curve arrow'''
||Next, let’s use the '''Curve '''option to draw a line''' '''that shows water running down the mountains.
+
||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 '''Curve '''>> select '''Freeform Line'''
Line 311: Line 304:
 
|-
 
|-
 
|| Place the '''cursor '''next to the '''Mountain'''.
 
|| Place the '''cursor '''next to the '''Mountain'''.
 
+
|| On the '''Draw page''', place the '''cursor '''next to the mountain.
 
+
|-
Press the left '''mouse '''button and drag to draw a '''line'''
+
||Press the left '''mouse '''button and drag to draw a '''line'''
  
  
 
Point to the curved 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.  
 
+
 
+
Press the left mouse''' '''button and drag down.  
+
  
  
Line 326: Line 316:
 
|-
 
|-
 
||Point to the arrows.
 
||Point to the arrows.
||Now let’s add descriptions to each of these arrows.
+
||Now let’s add descriptions to these arrows.
 
|-
 
|-
|| Select the first '''arrow '''to the right and type '''Evaporation from rivers and seas'''
+
|| Select the first arrow to the right and type '''Evaporation from rivers and seas'''
 +
|| Select the first arrow to the right and type '''Evaporation from rivers and seas”.'''
  
Click the '''cursor '''anywhere on the page.
+
|-
 +
||Click the '''cursor''' anywhere on the page.
  
  
 
Point to the text on the line.
 
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'''.
 
+
 
+
Click anywhere on the '''page'''.
+
  
  
Line 343: Line 332:
 
|-
 
|-
 
||Point to the '''text'''.
 
||Point to the '''text'''.
||Notice that the text is placed exactly on the line''' '''and hence it is not readable.
+
||Notice that the text is placed exactly on the line and hence is not readable.
 
|-
 
|-
|| Click on the '''line'''.  
+
|| Click on the line.  
  
  
The '''text '''is placed horizontally.
+
The text is placed horizontally.
 
|| To move the text above the line, click on the line.
 
|| To move the text above the line, click on the line.
  
Line 358: Line 347:
  
 
Click on the '''page'''.
 
Click on the '''page'''.
|| Place the '''cursor '''at the end of the '''text''' and press the '''Enter key''' on the '''keyboard'''.
+
|| Place the '''cursor '''at the end of the text and press the '''Enter key''' on the '''keyboard'''.
  
  
Line 367: Line 356:
 
|-
 
|-
 
||Cursor on the line.
 
||Cursor on the line.
||'''Text''' typed on lines and arrows can be formatted using options from the '''Standard Toolbar.'''
+
||The text typed on lines and arrows can be formatted using options from the '''Standard Toolbar.'''
 
|-
 
|-
 
||Cursor on the Draw page.
 
||Cursor on the Draw page.
 
||Let’s format the''' font size''' using the '''Standard Toolbar.'''
 
||Let’s format the''' font size''' using the '''Standard Toolbar.'''
 
|-
 
|-
|| Click on '''View menu''' in the '''Main Menu bar'''
+
|| Click on '''View menu''' on the '''Main Menu'''
 +
|| Click on the '''View menu''' on the '''Main menu.'''
  
 +
|-
 +
||Go to the '''Toolbars''' option and select '''Text Formatting'''
  
Go to the '''Toolbars''' option and
 
  
select '''Text Formatting'''
+
Point to''' font name, font size, style, font color '''on the '''Standard Toolbar'''
 +
||Go to the '''Toolbars '''option and select '''Text Formatting.'''
  
  
Point to''' font size''', '''style''', '''font''' '''color '''on the '''Standard Toolbar'''
+
This enables the '''Text formatting''' options like, '''Font name, 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 ''' >>
 
|| Select the '''text ''' >>
Line 407: Line 392:
  
 
We will bring the text to front to see it clearly.
 
We will bring the text to front to see it clearly.
 
  
 
|-  
 
|-  
Line 417: Line 401:
 
Point to the text.
 
Point to the text.
 
|| Select the arrow.  
 
|| Select the arrow.  
 +
  
 
From the '''Arrange '''menu, select '''Bring to Front''' option.
 
From the '''Arrange '''menu, select '''Bring to Front''' option.
  
Now the text is clearly seen.
+
 
 +
Now the text is clearly seen!
 
|-
 
|-
 
|| Type
 
|| Type
Line 462: Line 448:
  
  
Click on '''Lines and Arrows''' drop down and select '''Line Ends with Arrow'''.
+
Click on '''Lines and Arrows''' and select '''Line Ends with Arrow'''.
  
  
Place the cursor on the Draw page and drag to drag to draw an arrow.
+
Place the cursor on the '''Draw page''' and drag to draw an arrow.
  
  
Similarly drag the second arrow.
+
Similarly draw the second arrow.
 
|-
 
|-
 
||Type the text on the arrows.
 
||Type the text on the arrows.
Line 476: Line 462:
  
 
Change size to 14.
 
Change size to 14.
||Then reduce the font size to 14 from the Standard toolbar for all the arrows.
+
||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
Line 499: Line 485:
  
 
Press the left '''mouse '''button and drag down.
 
Press the left '''mouse '''button and drag down.
|| Now place the '''cursor '''on the first''' '''gray cloud''' '''to the left.
+
|| Now place the '''cursor '''on the first gray cloud to the left.
  
  
Line 511: Line 497:
  
  
The '''Line '''dialog box appears.
+
The '''Line dialog box''' appears.
 
|-
 
|-
 
|| Click on the '''Style '''drop-down list >> select '''2 Dots 1 Dash'''
 
|| Click on the '''Style '''drop-down list >> select '''2 Dots 1 Dash'''
Line 525: Line 511:
 
A dotted arrow is seen.
 
A dotted arrow is seen.
 
|-
 
|-
|| '''Copy '''and '''paste''' one''' '''more arrow for this '''gray cloud'''.
+
|| '''Copy '''and '''paste''' one more arrow for this '''gray cloud'''.
 
||Let’s copy and paste one more arrow for this cloud.
 
||Let’s copy and paste one more arrow for this cloud.
 
|-
 
|-
Line 536: Line 522:
 
||Press '''Ctrl + S''' keys to save
 
||Press '''Ctrl + S''' keys to save
 
||Press '''Ctrl + S''' to save the file.
 
||Press '''Ctrl + S''' to save the file.
 +
|-
 +
||
 +
||Next, we’ll type an appropriate text in the '''text box''' just above the water''' object.'''
 
|-
 
|-
 
|| In the''' Standard toolbar''' >> '''Insert Text box >> '''draw a '''text box'''
 
|| In the''' Standard toolbar''' >> '''Insert Text box >> '''draw a '''text box'''
 
  
 
Type the text '''Evaporation to form the clouds''' inside it.
 
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.
 
+
 
+
From the '''Standard toolbar''', select the Insert '''Text box''' tool and draw a '''text box''' as shown.
+
  
  
Line 587: Line 572:
  
 
'''Callouts''' are,
 
'''Callouts''' are,
* Special '''text boxes''' that call our attention to or point to an '''object''' or location''' '''in the '''Draw page'''.
+
* 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'''.
 
* Most comic books, for example, have text placed inside '''Callouts'''.
 
|-
 
|-
Line 617: Line 602:
  
 
Point to the '''Callout''' on the page.
 
Point to the '''Callout''' on the page.
|| Move the '''cursor '''to the '''page''', hold the left-'''mouse''' button and drag.
+
|| Move the '''cursor '''to the '''page''', press the left-'''mouse''' button and drag.
  
  
Line 630: Line 615:
  
 
Press Ctrl + S to save the file
 
Press Ctrl + S to save the file
|| Likewise, we can insert any '''text''' or '''callout''' in our '''drawing, '''as per our requirements.
+
|| Likewise, we can insert any text or '''callout''' in our drawing, as per our requirements.
  
 
Save all the changes and close the file.
 
Save all the changes and close the file.
Line 643: Line 628:
  
 
* Insert text in '''objects'''
 
* Insert text in '''objects'''
* '''Format '''the''' '''text
+
* '''Format '''the text
 
* Work with '''text boxes'''
 
* Work with '''text boxes'''
 
* Set '''indents'''
 
* Set '''indents'''
 
* '''Space '''and '''align '''the text
 
* '''Space '''and '''align '''the text
 
* Add text to '''Lines '''and '''Arrows''' and
 
* Add text to '''Lines '''and '''Arrows''' and
* '''Insert '''text '''within Callouts.'''
+
* Insert text within '''Callouts.'''
  
 
|-
 
|-
Line 662: Line 647:
  
 
* In '''MyPractice.odg''' file, add another new '''page''' and draw a '''square'''.
 
* In '''MyPractice.odg''' file, add another new '''page''' and draw a '''square'''.
* Insert''' '''the following '''text'''  
+
* 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.'''
+
:'''“A square has four equal sides and four equal angles. Each angle in a square is ninety degrees. The square is a quadrilateral.”'''
* Apply the '''font''', '''size''', '''style '''and '''alignment ''' options to the '''text'''.
+
* 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'''
 
||'''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
  

Latest revision as of 18:11, 3 March 2021


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.

Press 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 colour, it is not visible clearly.

Let us change the colour 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.
Let us draw a horizontal line that will divide the rectangle into two equal halves.
Go to the Drawing toolbar >> select Insert Line. From the Drawing toolbar, select Insert Line.
Move the cursor to the Draw page>> press the left-mouse button >> drag from left to right. 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. Now, let’s make the line thicker.
Select the line >> right-click to view the context menu


Click Line >> The Line dialog box appears

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 Line 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 colour 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.

Press the left-mouse button and drag


The text box appears >> Type the text “Groundwater table” in it.

Press 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 Center 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 Center 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. On the Draw page, place the cursor next to the mountain.
Press the left mouse button and drag to draw a line


Point to the curved line.

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 these arrows.
Select the first arrow to the right and type Evaporation from rivers and seas 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.

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 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. The 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 on the Main Menu Click on the View menu on the Main menu.
Go to the Toolbars option and select Text Formatting


Point to font name, font size, style, font color on the Standard Toolbar

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 and select Line Ends with Arrow.


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


Similarly draw 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.
Next, we’ll type an appropriate text in the text box just above the water object.
In the Standard toolbar >> Insert Text box >> draw a text box

Type the text Evaporation to form the clouds inside it.

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, press 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.

Contributors and Content Editors

Madhurig, Nancyvarkey