Difference between revisions of "LibreOffice-Suite-Draw/C2/Insert-text-in-drawings/English-timed"

{| border=1

{| border=1

|-

|-

|| Welcome to the Spoken Tutorial on '''Inserting Text in Drawings''' in LibreOffice Draw.

|| Welcome to the Spoken Tutorial on '''Inserting Text in Drawings''' in LibreOffice Draw.

|-

|-

||In this tutorial, we will learn how to:  

||In this tutorial, we will learn how to:  

|-

|-

|| Work with text in drawings

|| Work with text in drawings

|-

|-

|| Format text in drawings and

|| Format text in drawings and

|-

|-

||Work with text boxes       

||Work with text boxes       

|-

|-

|| We will also learn to:

|| We will also learn to:

|-

|-

||Set indents, space and align text

||Set indents, space and align text

|-

|-

|| Add text to Lines and Arrows

|| Add text to Lines and Arrows

|-

|-

|| Place  text within '''Callouts.  '''

|| Place  text within '''Callouts.  '''

|-

|-

||Text can be added in two ways:

||Text can be added in two ways:

|-

|-

|| It can be directly inserted into a drawn object,

|| It can be directly inserted into a drawn object,

|-

|-

||Including on lines and arrows.

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

|-

|-

||Here we are using  

||Here we are using  

|-

|-

||Ubuntu Linux version 10.04 and LibreOffice Suite version 3.3.4.

||Ubuntu Linux version 10.04 and LibreOffice Suite version 3.3.4.

   

   

|-

|-

|| Let us open the Draw file “'''Water Cycle'''” and add some text to it.

|| Let us open the Draw file “'''Water Cycle'''” and add some text to it.

|-

|-

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

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

|-

|-

|| Let us select the top cloud.

|| Let us select the top cloud.

|-

|-

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

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

|-

|-

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

|-

|-

|| Let us type the text “'''Cloud Formation'''”.

|| Let us type the text “'''Cloud Formation'''”.

|-

|-

|| Now click anywhere on the page

|| Now click anywhere on the page

|-

|-

|| Let us enter the same text for the other white cloud, too.

|| Let us enter the same text for the other white cloud, too.

|-

|-

|| To exit the group, double-click anywhere on the page.

|| To exit the group, double-click anywhere on the page.

|-

|-

|| Let us now name the sun in the same way.  

|| Let us now name the sun in the same way.  

|-

|-

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

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

|-

|-

|| Next, let us select the gray cloud group.  

|| Next, let us select the gray cloud group.  

|-

|-

||As before, double-click on it to enter the group.

||As before, double-click on it to enter the group.

|-

|-

|| Type “'''Rain Cloud'''” in each cloud.  

|| Type “'''Rain Cloud'''” in each cloud.  

|-

|-

|| As the text in the gray clouds is black in color, it is not visible.

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

||So let us change the color of the text to white.

|-

|-

||  Select the text and right-click for the context menu and select “'''Character'''”.  

||  Select the text and right-click for the context menu and select “'''Character'''”.  

|-

|-

|| The “'''Character'''” dialog box is displayed.

|| The “'''Character'''” dialog box is displayed.

|-

|-

||Click on the “'''Font''' '''Effects'''” tab.

||Click on the “'''Font''' '''Effects'''” tab.

|-

|-

|| In “'''Font''' '''color'''” field, scroll down and select “'''White'''”.

|| In “'''Font''' '''color'''” field, scroll down and select “'''White'''”.

|-

|-

||Click '''OK'''.  

||Click '''OK'''.  

|-

|-

||The font color changes to white.

||The font color changes to white.

|-

|-

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

|-

|-

||Select the text and right-click then select “'''Character'''”.  

||Select the text and right-click then select “'''Character'''”.  

|-

|-

|| In '''“Font color”''' choose '''“White”.'''

|| In '''“Font color”''' choose '''“White”.'''

|-

|-

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

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

|-

|-

|| Similarly, let’s type the word “'''Mountain'''” in the triangle that depicts the mountain.  

|| Similarly, let’s type the word “'''Mountain'''” in the triangle that depicts the mountain.  

|-

|-

|| You can format text for  

|| You can format 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.   

|-

|-

|| You can also format text for Paragraph, that is align text, set indents or spacing and set tab positions.

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

|| You can access these dialog boxes either

   

   

|-

|-

||from the '''Context '''menu or

||from the '''Context '''menu or

|-

|-

||from the '''Main menu'''.  

||from the '''Main menu'''.  

|-

|-

|| To access the '''Character '''dialog box from the '''Main '''menu, select '''Format '''and select '''Character'''.

|| To access the '''Character '''dialog box from the '''Main '''menu, select '''Format '''and select '''Character'''.

|-

|-

|| To access the '''Paragraph '''dialog box from the '''Main '''menu, select '''Format '''and select '''Paragraph'''.  

|| To access the '''Paragraph '''dialog box from the '''Main '''menu, select '''Format '''and select '''Paragraph'''.  

|-

|-

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

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

|-

|-

|| From the '''Drawing '''tool bar, select “Line”.

|| From the '''Drawing '''tool bar, select “Line”.

|-

|-

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

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

||Draw a horizontal line that will divide the rectangle into two equal halves.

|-

|-

||The ground is divided into two!

||The ground is divided into two!

|-

|-

|| Now, let’s make the line wider.  

|| Now, let’s make the line wider.  

|-

|-

||Select the line and right-click for the context menu.

||Select the line and right-click for the context menu.

|-

|-

||Click on “Line”. The “Line” dialog box appears.  

||Click on “Line”. The “Line” dialog box appears.  

|-

|-

|| In the “'''Style'''” field, click the drop down box.  

|| In the “'''Style'''” field, click the drop down box.  

|-

|-

||Select “Ultrafine '''2 dots 3 dashes'''”.

||Select “Ultrafine '''2 dots 3 dashes'''”.

|-

|-

||In the '''Width '''field, enter the value point  '''.70'''.

||In the '''Width '''field, enter the value point  '''.70'''.

|-

|-

||click ''OK''.  

||click ''OK''.  

|-

|-

||We have widened the line!

||We have widened the line!

|-

|-

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

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

|-

|-

|| First, let’s select the '''Text '''tool.

|| First, let’s select the '''Text '''tool.

|-

|-

||This is the '''capital “T”''' option on the Drawing toolbar.

||This is the '''capital “T”''' option on the Drawing toolbar.

|-

|-

||Move to the draw page.

||Move to the draw page.

|-

|-

||Now the cursor has been transformed into a ''' Plus sign '''with a small capital I '''beneath it.

||Now the cursor has been transformed into a ''' Plus sign '''with a small capital I '''beneath it.

|-

|-

|| Click inside the rectangle.  

|| Click inside the rectangle.  

|-

|-

||Observe that a text box appears.

||Observe that a text box appears.

|-

|-

||Here, let's type “'''Ground water table'''”.

||Here, let's type “'''Ground water table'''”.

|-

|-

|| 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 “Centered” icon in the Standard toolbar at the top.

||Click on “Centered” icon in the Standard toolbar at the top.

|-

|-

|| In a similar manner, let’s add the text  

|| In a similar manner, let’s add the text  

|-

|-

||''“Rain water flows from land into rivers and sea” '''in the triangle.

||''“Rain water flows from land into rivers and sea” '''in the triangle.

|-

|-

|| Pause this tutorial for the assignment.

|| Pause this tutorial for the assignment.

|-

|-

|| Draw a square.

|| Draw a square.

|-

|-

|| Insert the text “This is 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.

||A square has four equal sides and four equal angles. Each angle in a square is ninety degrees.

|-

|-

|| The square is a quadrilateral.”

|| The square is a quadrilateral.”

|-

|-

||Format this text using the options in the Text dialog box.

||Format this text using the options in the Text dialog box.

|-

|-

|| Apply the font, size, style and alignment options to the text.

|| Apply the font, size, style and alignment options to the text.

|-

|-

|| Now let’s arrange the arrows in the diagram.

|| Now let’s arrange the arrows in the diagram.

|-

|-

||These arrows show evaporation of water from land, vegetation and water bodies to the clouds.  

||These arrows show evaporation of water from land, vegetation and water bodies to the clouds.  

|-

|-

|| Let’s select the left-most arrow.   

|| Let’s select the left-most arrow.   

|-

|-

||Now click and drag towards the mountain.

||Now click and drag towards the mountain.

|-

|-

|| Let’s select the middle arrow.   

|| Let’s select the middle arrow.   

|-

|-

||Now click and drag towards the trees.

||Now click and drag towards the trees.

|-

|-

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

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

|-

|-

|| Let’s use the option '''Curve '''to draw a line that shows water running down the mountains.

|| Let’s use the option '''Curve '''to draw a line that shows water running down the mountains.

|-

|-

|| From the Drawing toolbar click on  “'''Curve'''” and 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.

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

|-

|-

||You have drawn a curved line!

||You have drawn a curved line!

|-

|-

|| Now let’s add descriptions to each of these arrows.

|| Now let’s add descriptions to each of these arrows.

|-

|-

|| Select the first arrow to the right and simply type '''“Evaporation from rivers and seas”'''.  

|| Select the first arrow to the right and simply type '''“Evaporation from rivers and seas”'''.  

|-

|-

||Click anywhere on the page.  

||Click anywhere on the page.  

|-

|-

||The text appears on the line.

||The text appears on the line.

|-

|-

|| Notice that the text is placed exactly on the line and hence it is not clear.

|| Notice that the text is placed exactly on the line and hence it is not clear.

|-

|-

|| To move the text above the line, click on the line.

|| To move the text above the line, click on the line.

|-

|-

|| Text is placed horizontally.  

|| Text is placed horizontally.  

|-

|-

|| Place the cursor at the end of the text and press the “Enter” key.  

|| Place the cursor at the end of the text and press the “Enter” key.  

|-

|-

||Click on the page.  

||Click on the page.  

|-

|-

||The text gets aligned.

||The text gets aligned.

|-

|-

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

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

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

|-

|-

|| Click on the text  

|| Click on the text  

|-

|-

||“Evaporation from rivers and seas”.

||“Evaporation from rivers and seas”.

|-

|-

||The text is now horizontal.

||The text is now horizontal.

|-

|-

|| Let’s select the text and right-click to view the context menu.

|| Let’s select the text and right-click to view the context menu.

|-

|-

||Select '''Size '''and click '''22'''.

||Select '''Size '''and click '''22'''.

|-

|-

||The size of the font has changed.

||The size of the font has changed.

|-

|-

|| Now, let’s type the following text for all the other arrows.

|| Now, let’s type the following text for all the other arrows.

|-

|-

||'''Evaporation from soil '''

||'''Evaporation from soil '''

|-

|-

||'''Evaporation from vegetation'''

||'''Evaporation from vegetation'''

|-

|-

||'''Run off water from the mountains '''

||'''Run off water from the mountains '''

|-

|-

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

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

|-

|-

|| To show rain, let’s draw dotted arrows, which point downward from the cloud.

|| To show rain, let’s draw dotted arrows, which point downward from the cloud.

|-

|-

||From the '''Drawing '''toolbar, select “'''Line Ends with Arrow'''”.

||From the '''Drawing '''toolbar, select “'''Line Ends with Arrow'''”.

|-

|-

|| Then place the cursor on the first grey cloud to the left.

|| Then place the cursor on the first grey cloud to the left.

|-

|-

||Press the left mouse button and drag it down.

||Press the left mouse button and drag it down.

|-

|-

|| RIght-click for the context menu and click “'''Line'''”.

|| RIght-click for the context menu and click “'''Line'''”.

|-

|-

||The “'''Line'''” dialog box appears.

||The “'''Line'''” dialog box appears.

|-

|-

|| Click on the “'''Style'''” drop-down list and select  

|| Click on the “'''Style'''” drop-down list and select  

|-

|-

||''2 dots 1 dash'''.

||''2 dots 1 dash'''.

|-

|-

||Click '''OK'''.

||Click '''OK'''.

|-

|-

||We have drawn a dotted arrow.

||We have drawn a dotted arrow.

|-

|-

|| Let’s copy and paste two more arrows for this cloud.  

|| Let’s copy and paste two more arrows for this cloud.  

|-

|-

|| Now let’s copy and paste two arrows to the other cloud.  

|| Now let’s copy and paste two arrows to the other cloud.  

|-

|-

|| Now let’s add the text '''“Rain”''' to the dotted arrows.

|| Now let’s add the text '''“Rain”''' to the dotted arrows.

|-

|-

|| Let’s type the text '''“Evaporation to form the clouds”''' in a text box just above the '''Water '''object.

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

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

|-

|-

||Type '''“Evaporation to form the clouds”''' inside it.  

||Type '''“Evaporation to form the clouds”''' inside it.  

|-

|-

|| From the '''Drawing '''toolbar, select the " Text Tool".   

|| From the '''Drawing '''toolbar, select the " Text Tool".   

|-

|-

||And draw a text box next to the grey clouds.

||And draw a text box next to the grey clouds.

|-

|-

||Type “'''Condensation to form rain'''” inside it.

||Type “'''Condensation to form rain'''” inside it.

|-

|-

|| Move the text box by first clicking on the border of the text box.   

|| Move the text box by first clicking on the border of the text box.   

|-

|-

||Now drag and drop it in the desired location.

||Now drag and drop it in the desired location.

|-

|-

|| Following the previous steps, let’s give the Title '''“WaterCycle Diagram”'''  

|| Following the previous steps, let’s give the Title '''“WaterCycle Diagram”'''  

|-

|-

||Using a text box and format the text in Bold.

||Using a text box and format the text in Bold.

|-

|-

|| We have completed drawing the Water Cycle diagram!

|| We have completed drawing the Water Cycle diagram!

|-

|-

|| Now, let’s learn about '''Callouts'''.

|| Now, let’s learn about '''Callouts'''.

|-

|-

||What are '''Callouts'''?

||What are '''Callouts'''?

|-

|-

|| They are special text boxes that call your attention to or  

|| They are special text boxes that call your attention to or  

|-

|-

|| point to an object or a location in the Draw page.

|| point to an object or a location in the Draw page.

|-

|-

||Most comic books, for example, have

||Most comic books, for example, have

|-

|-

||text placed inside '''Callouts'''.

||text placed inside '''Callouts'''.

|-

|-

|| Let’s add a new page to the Draw file.

|| Let’s add a new page to the Draw file.

|-

|-

||From '''Main '''menu, select '''Insert '''and click on '''Slide'''.

||From '''Main '''menu, select '''Insert '''and click on '''Slide'''.

|-

|-

||A new page is inserted.

||A new page is inserted.

|-

|-

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

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

|-

|-

|| Click the small black triangle next to the '''Callout '''icon.

|| Click the small black triangle next to the '''Callout '''icon.

|-

|-

||Various '''Callouts '''are displayed.

||Various '''Callouts '''are displayed.

|-

|-

||Let’s click on '''Rectangular Callout'''.

||Let’s click on '''Rectangular Callout'''.

|-

|-

|| Move the cursor to the page, press the left-mouse button and drag.

|| Move the cursor to the page, press the left-mouse button and drag.

|-

|-

||You have drawn a '''Callout'''.  

||You have drawn a '''Callout'''.  

|-

|-

|| You can enter text inside the '''Callout '''just as you did for the other objects.

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

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

|-

|-

|| This brings us to the end of this tutorial on LibreOffice Draw.

|| This brings us to the end of this tutorial on LibreOffice Draw.

|-

|-

||In this tutorial, you have learnt how to:

||In this tutorial, you have learnt how to:

|-

|-

||Work with text in drawings

||Work with text in drawings

|-

|-

||Format text in drawings

||Format text in drawings

|-

|-

|| Work with text boxes

|| Work with text boxes

|-

|-

|| Indenting, spacing and aligning text

|| Indenting, spacing and aligning text

|-

|-

|| Adding text to Lines and Arrows

|| Adding text to Lines and Arrows

|-

|-

|| Placing text within Callouts

|| Placing text within Callouts

|-

|-

|| Try out this 'Assignment' by yourself.  

|| Try out this 'Assignment' by yourself.  

|-

|-

||Create a note book label and an invitation as shown in this slide.

||Create a note book label and an invitation as shown in this slide.

|-

|-

|| Watch the video available at the following link

|| Watch the video available at the following link

|-

|-

|| It summarises the Spoken Tutorial project

|| It summarises the Spoken Tutorial project

|-

|-

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

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

|-

|-

||The Spoken Tutorial Project Team

||The Spoken Tutorial Project Team

|-

|-

|| Conducts workshops using spoken tutorials.

|| Conducts workshops using spoken tutorials.

|-

|-

|| Gives certificates for those who pass an online test

|| Gives certificates for those who pass an online test

|-

|-

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

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

|-

|-

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

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

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

||More information on this Mission is available at spoken hyphen tutorial dot org slash NMEICT hyphen Intro

|-

|-

||This tutorial has been contributed by DesiCrew Solutions Pvt. Ltd.Thanks for joining

||This tutorial has been contributed by DesiCrew Solutions Pvt. Ltd.Thanks for joining