View source for LibreOffice-Suite-Draw/C2/Insert-text-in-drawings/English

__TOC__
=Resources for recording=
[[Media:InsertingTextinDrawing.zip |Inserting Text in Drawing]]


   


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

|-
|| Show Slide 1
Welcome to the Spoken Tutorial on  Insert text in Drawings in LibreOffice Draw.
|| Welcome to the Spoken Tutorial on Inserting Text in Drawings in LibreOffice Draw.


|-
|| Show Slide 2
Learning Objectives
In this tutorial, we will learn how to:
Work with text in drawings
Format text in drawings
Work with text boxes        
|| 
In this tutorial, we will learn how to:
Work with text in drawings
Format text in drawings and
Work with text boxes      

|-
|| Show Slide 3
Learning Objectives
We will also learn to:
Set indents, space and align text
Add text to Lines and Arrows
Place  text within Callouts.  
|| 

We will also learn to:
Set indents, space and align text
Add text to Lines and Arrows
Place  text within Callouts.  

|-
|| Show Slide 4
Insert Text
Text can be added in two ways:
It can be directly inserted into a drawn object, including on lines and arrows.
It can be inserted into a text box as an independent Draw object.
|| 

Text can be added in two ways:
It can be directly inserted into a drawn object, including on lines and arrows.
It can be inserted into a text box as an independent Draw object.

|-
||  Show Slide 5
OS and Versions
Here we are using Ubuntu Linux version 10.04 and LibreOffice Suite version 3.3.4.
|| 
Here we are using Ubuntu Linux version 10.04 and LibreOffice Suite version 3.3.4.


|-
|| Open the draw file “WaterCycle”.
|| Let us open the Draw file “Water Cycle” and add some text to it.

|-
|| 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 top cloud.

Select the Text(F2) tool from the Drawing toolbar.
|| Let us select the top cloud.

Now let’s select the Text tool from the Drawing toolbar.

|-
|| Point to the cursor.


|| Can you see the cursor has transformed into a small vertical blinking line?
This is the text cursor.

|-
|| Type the words “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 enter 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. 


|-
|| 
|| Entering text in objects cannot get simpler than this!

|-
|| Select the gray cloud group >> double-click 
|| Next, 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.
So let us change the color of the text to white.

|-
|| Select the text in one grey cloud >> right-click for the context menu >> select Character 
||  Select the text and right-click for the context menu and select “Character”. 

|-
|| In the Character dialog box  >> Click the tab Font Effects 
|| The “Character” dialog box is displayed.
Click on the “Font Effects” tab.

|-
|| In Font color field, scroll down and select “white”.
Click OK.
|| In “Font color” field, scroll down and select “White”.
Click OK. 
The font color changes to white.

|-
|| Change the color for the second cloud.
|| In the same manner, let’s change the text color of the second cloud.

Select the text and right-click then select “Character”.  In “Font color” choose “White”.

|-
|| Double-click anywhere on the page to exit.
|| Double-click anywhere on the page to exit group.

|-
|| Select the Mountain >> double-click on it>> type “Mountain”. 
<<Please Refer Figure one for the complete picture.>>
|| Similarly, let’s type the word “Mountain” in the triangle that depicts the mountain. <Pause>

|-
|| Show Slide 6
Character - that is change font styles and give special effects to fonts.
Paragraph – that is align text, set indents or spacing and set tab positions.
You can access these dialog boxes either 
from the Context menu or 
from the Main menu. 
|| You can format text for 
Character, that is change font styles and give special effects to fonts. 
You can also format text for Paragraph, that is align text, set indents or spacing and set tab positions.
You can access these dialog boxes either from the Context menu or from the Main menu. 

|-
|| Go to Main menu >> click Format >> point to Character.
Please do not click.  
|| To access the Character dialog box from the Main menu, select Format and select Character.

|-
|| Now point to Paragraph.
Please do not click.  
|| To access the Paragraph dialog box from the Main menu, select Format and select Paragraph. <Pause>

|-
|| 
|| In the rectangle, let’s draw a thick black line to show where the ground water accumulates.

|-
|| Go to  the Drawing tool bar >>  select Line.
Move the cursor to the Draw page, press the left-mouse button and drag from left to right.
<<Draw a horizontal line to divide the rectangle into two equal halves. Refer figure one.>>
|| From the Drawing tool bar, select “Line”.
Move the cursor to the page, press the left-mouse button and drag from left to right.
Draw a horizontal line that will divide the rectangle into two equal halves.

The ground is divided into two!

|-
|| 
Select the line >> right-click to view  the context menu >> Click Line >> the  Line dialog box appears
|| Now, let’s make the line wider. 
Select the line and right-click for the context menu.
Click on “Line”. The “Line” dialog box appears. 

|-
|| In the Style field, click the drop down box >> Select “Ultrafine 2 dots 3 dashes”.
In the Width field, enter the value .70.
Click Ok.
|| In the “Style” field, click the drop down box. 
Select “Ultrafine 2 dots 3 dashes”.
In the Width field, enter the value point  .70.
Click OK. 

We have widened the line!

|-
|| 
|| Lets insert the text “Ground water table” inside the rectangle.

|-
|| 
In the Drawing toolbar  >> Click on the “T” tool. 
Move to the draw page.
|| First, let’s select the Text tool.
This is the capital “T” option on the Drawing toolbar.
Move to the draw page.
Now the cursor has been transformed into a  Plus sign with a small capital I beneath it.

|-
|| Click on the rectangle. The text box appears.
Type the text “Ground water table” in it.
<<Please refer Figure one for placement and alignment of text. >>
|| Click inside the rectangle. 
Observe that a text box appears.
Here, let's type “Ground water table”.

|-
|| Place the cursor inside the text box >> right-click for the context menu >> click Centered icon in the Standard toolbar at the top.
|| To  align the text to the centre of the text-box, place the cursor inside the text box.
Click on “Centered” icon in the Standard toolbar at the top.

|-
|| In the Drawing toolbar >> click on the “T”. 
Move to the draw page >> click on the triangle >> the text box appears >> type the text “Rain water flows from land into rivers and sea” inside the triangle.
<<Please refer Figure one for placement and alignment of text.>>
|| In a similar manner, let’s add the text 
“Rain water flows from land into rivers and sea” in the triangle.

 <Pause>

|-
|| Show Slide 6
Assignment
Draw a square.
Insert the text “This is a square. 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.
|| Pause this tutorial for the assignment.
Draw a square.
Insert the text “This is a square. 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.

|-
|| 
Point to the 3 arrows and then to mountain, trees and water objects.


|| Now let’s arrange the arrows in the diagram.
These arrows show evaporation of water from land, vegetation and water bodies to the clouds. 

|-
|| << Please refer Figure one for placement of  the arrows. This figure shows 4 arrows.  There should only be 3 as per the drawing in b.4.0 >>.

Adjust the first arrow from land to the white clouds.
|| Let’s select the left-most arrow.  

Now click and drag towards the mountain.

|-
|| Adjust the second arrow from vegetation to the white cloud.

|| Let’s select the middle arrow.  

Now click and drag towards the trees.

|-
|| Point to the third arrow from water to the white clouds.
|| The third arrow  shows evaporation of water from water to the clouds.

|-
|| Draw a curve arrow as shown in the Figure one in the last page.
|| Let’s use the option Curve 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  “Curve” and select “Freeform Line”.

|-
|| On the draw page place the cursor next to the Mountain.
Press the left mouse button and drag to draw a line as shown in Figure one.
|| On the draw page place the cursor next to the Mountain.
Press the left mouse button and drag down.
You have drawn a curved line!

|-
||   
|| 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.
|| Select the first arrow to the right and simply type “Evaporation from rivers and seas”. <Pause>
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 clear.

|-
|| Click on the line. The text is placed horizontally. 

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


|-
|| Place the cursor at the end of the text and press the Enter key in the keyboard.
Click on the page.
|| Place the cursor at the end of the text and press the “Enter” key. 
Click on the page. 
The text gets aligned.

|-
||  
|| Text typed on lines and arrows can also be formatted using options from the context menu.

|-
|| 
|| Let’s format the font size using the context menu.

|-
|| Click on the text “Evaporation from rivers and seas”.

|| Click on the text 
“Evaporation from rivers and seas”.
The text is now horizontal.

|-
|| Select the text >> right-click for the context menu >> Select Size and click 22.
Point the font size has changed.
|| Let’s select the text and right-click to view the context menu.
Select Size and click 22.
The size of the font has changed.

|-
|| <<Refer to Figure two and type the text as shown in it for the other two arrows and the curve.>>
Evaporation from soil
Evaporation from vegetation
Run off water from the mountains 
|| Now, let’s type the following text for all the other arrows.

Evaporation from soil <Pause>
Evaporation from vegetation <Pause>
Run off water from the mountains <Pause>

|-
|| 
|| Let’s show rain falling from the grey clouds.

|-
|| Point to the gray clouds.
Draw dotted arrows as shown in the picture.
Drawing toolbar >> select Line Ends with Arrow.
|| To show rain, let’s draw dotted arrows, which point downward from the cloud.
From the Drawing toolbar, select “Line Ends with Arrow”.

|-
|| Place the cursor on the first grey cloud to the left.
Press the left mouse button and drag down.
|| Then place the cursor on the first grey 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 “Line”.
The “Line” dialog box appears.

|-
|| Click on the Style drop-down list >> select 2 dots 1 dash.
Click OK.

|| Click on the “Style” drop-down list and select 
2 dots 1 dash.
Click OK.
We have drawn a dotted arrow. <Pause>

|-
|| Copy and paste two more arrows for this  grey cloud.
|| Let’s copy and paste two more arrows for this cloud. <Pause till this is done>

|-
|| Copy two arrows to the other grey cloud.

<<Please ensure that there are a total of five such arrows for the two clouds. 
Refer Figure Two.>>
|| Let’s now copy and paste two arrows to the other cloud. <Pause>

|-
|| Add the text “Rain” to the right-most arrow.
|| Now let’s add the text “Rain” to the dotted arrows.

|-
|| In the Drawing toolbar >> click on the “T”. 
Move to the Draw page >> click just above the water object >> drag diagonally to draw a rectangular text box >> type the text “Evaporation to form the clouds” inside it.
|| Let’s type the text “Evaporation to form the clouds” in a text box just above the Water object.
From the Drawing toolbar, select the Text tool and draw a text box as shown.
Type “Evaporation to form the clouds” inside it. 

|-
|| In the Drawing toolbar >> click on the “T”. 
Move to draw page >> click next to the grey clouds >> drag diagonally to draw a rectangular text box  >> type the text “Condensation to form rain” inside it.
|| From the Drawing toolbar, select the Text tool                                                               and draw a text box next to the grey 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.

|-
|| <<The picture should look like Figure two.>>
Go to the drawing tool bar and select the text tool.
Draw a text box on the top of the page.
Enter the text “WaterCycle Diagram”. 
Make it bold.
|| Following the previous steps, let’s give the Title “WaterCycle Diagram” using a text box and format the text in Bold.


|-
|| 
|| We have completed drawing the Water Cycle diagram!

|-
|| Show Slide 7
Callouts
What are Callouts?
They are special boxes that call your attention to or point to an object or a location in the draw page.
Most comic books, for example, have text placed inside Callouts.
|| Now, let’s learn about Callouts.
What are Callouts?
They are special text boxes that call your attention to or point to an object or a location in the Draw page.

Most comic books, for example, have text placed inside Callouts.

|-
|| Let us add a new page to the draw file from the Main menu >> select Insert >> click Slide.
|| Let’s add a new page to the Draw file.
From Main menu, select Insert and click on Slide.
A new page is inserted.

|-
|| Go to the Drawing tool bar >> Click the small black triangle next to the callout icon >> Click Rectangular Callout.

 
|| To draw a Callout, go to the Drawing toolbar. Click the small black triangle next to the Callout icon.
Various Callouts are displayed.
Let’s click on Rectangular Callout.

|-
|| 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.
You have drawn a Callout. 

|-
|| 


Type “This is an example” inside the callout.
|| You can enter text inside the Callout just as you did for the other objects.

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

|-
|| Show Slide 8

In this tutorial, you have learnt how to:
Work with text in drawings
Format text in drawings
Work with text boxes
Indenting, spacing and aligning text
Adding text to Lines and Arrows
Placing text within Callouts
|| This brings us to the end of this tutorial on LibreOffice Draw.
In this tutorial, you have learnt how to:
Work with text in drawings
Format text in drawings
Work with text boxes
Indenting, spacing and aligning text
Adding text to Lines and Arrows
Placing text within Callouts

|-
|| Show Slide 9
Assignment
Create a note book label and an invitation as shown in this slide.
<<Show Figure Three and Figure Four>>
|| Try out this assignment by yourself. 
Create a note book label and an invitation as shown in this slide.


|-

|| Show About Slide

About the Spoken Tutorial Project

*Watch the video available at http://spoken-tutorial.org/What_is_a_Spoken_Tutorial

*It summarises the Spoken Tutorial project

*If you do not have good bandwidth, you can download and watch it

||

*Watch the video available at the following link 

*It summarises the Spoken Tutorial project

*If you do not have good bandwidth, you can download and watch it

|-

|| Show About Slide

Spoken Tutorial Workshops

The Spoken Tutorial Project Team

*Conducts workshops using spoken tutorials

*Gives certificates for those who pass an online test

*For more details, please write to contact@spoken-tutorial.org

||


The Spoken Tutorial Project Team

*Conducts workshops using spoken tutorials

*Gives certificates for those who pass an online test

*For more details, please write to contact at spoken hyphen tutorial dot org

 

|-

|| Show Acknowledgement Slide

Acknowledgements 

*Spoken Tutorial Project is a part of the Talk to a Teacher project

*It is supported by the National Mission on Education through ICT, MHRD, Government of India

*More information on this Mission is available at

*http://spoken-tutorial.org/NMEICT-Intro

||

*Spoken Tutorial Project is a part of the Talk to a Teacher project

*It is supported by the National Mission on Education through ICT, MHRD, Government of India

*More information on this Mission is available at

*spoken hyphen tutorial dot org slash NMEICT hyphen Intro

|-

|| Show About the contributor Slide

About the contributor

*This tutorial has been contributed by DesiCrew Solutions Pvt. Ltd.

*www.desicrew.in

*Thanks for joining

||

*This tutorial has been contributed by DesiCrew Solutions Pvt. Ltd.

*Thanks for joining.

|-
|}