Difference between revisions of "Inkscape/C2/Create-and-Format-Text/English"

From Script | Spoken-Tutorial
Jump to: navigation, search
(Created page with ''''Title of script: Create and format''' '''Text''' '''Author:''' Priya K and Arthi.A '''Keywords:''' Inkscape, Text tool, Regular and Flowed text, Aligning and Formatting text…')
 
 
(2 intermediate revisions by 2 users not shown)
Line 3: Line 3:
 
'''Author:''' Priya K and Arthi.A
 
'''Author:''' Priya K and Arthi.A
  
−
'''Keywords:''' Inkscape, Text tool, Regular and Flowed text, Aligning and Formatting text, Spacing and bullet
+
'''Keywords:''' Inkscape, Text tool, Regular and Flowed text, Aligning and Formatting text, Spacing and bulleting
  
  
  
 
{| style="border-spacing:0;"
 
{| style="border-spacing:0;"
−
| style="background-color:transparent;border-top:0.05pt solid #000000;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding:0.097cm;"| <center>Visual cue</center>
+
| style="border-top:0.05pt solid #000000;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding:0.097cm;"| <center>Visual cue</center>
−
| style="background-color:transparent;border:0.05pt solid #000000;padding:0.097cm;"| <center>Narration</center>
+
| style="border:0.05pt solid #000000;padding:0.097cm;"| <center>Narration</center>
  
 
|-
 
|-
−
| style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding:0.097cm;"| Opening Slide
+
| style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding:0.097cm;"| Opening Slide
−
| style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding:0.097cm;"| Welcome to the Spoken Tutorial on “'''Create and format text'''” using '''Inkscape'''.
+
| style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding:0.097cm;"| Welcome to the Spoken Tutorial on “'''Create and format text'''” using '''Inkscape'''.
  
 
|-
 
|-
−
| style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding:0.097cm;"| Learning Objectives (Slide)
+
| style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding:0.097cm;"| Learning Objectives (Slide)
−
| style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding:0.097cm;"| In this tutorial, we will learn about
+
| style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding:0.097cm;"| In this tutorial, we will learn about
  
 
* Inserting text
 
* Inserting text
Line 26: Line 26:
  
 
|-
 
|-
−
| style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding:0.097cm;"| System requirement (Slide)
+
| style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding:0.097cm;"| System requirement (Slide)
−
| style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding:0.097cm;"| To record this tutorial, I am using
+
| style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding:0.097cm;"| To record this tutorial, I am using
  
−
* '''Ubuntu Linux''' 14.04 OS
+
* '''Ubuntu Linux''' 12.04 OS
 
* '''Inkscape''' version 0.48.4
 
* '''Inkscape''' version 0.48.4
  
Line 35: Line 35:
  
 
|-
 
|-
−
| style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding:0.097cm;"| Go to '''Dash home >>''' Type '''Inkscape >>'''Click on the logo
+
| style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding:0.097cm;"| Point to display resolution
−
| style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding:0.097cm;"| Go to '''Dash home''' and type '''Inkscape'''.
+
| style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding:0.097cm;"| I will be recording this tutorial in maximum resolution mode. This is to accommodate all the tools that will be demonstrated.
  
−
 
+
|-
−
And open '''Inkscape''' by clicking on the logo.
+
| style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding:0.097cm;"| Go to '''Dash home >>''' Type '''Inkscape >>'''Click on the logo
 +
| style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding:0.097cm;"| Let us open Inkscape.
  
 
|-
 
|-
−
| style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding:0.097cm;"| Point to '''Text tool'''
+
| style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding:0.097cm;"| Point to '''Text tool'''
−
| style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding:0.097cm;"| Text can be inserted using the '''Text tool''' from the '''Tool box.'''
+
| style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding:0.097cm;"| Text can be inserted using the '''Text tool''' from the '''Tool box.'''
  
 
|-
 
|-
−
| style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding:0.097cm;"| Slide
+
| style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding:0.097cm;"| Slide
−
| style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding:0.097cm;"| We can add text in two ways-
+
| style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding:0.097cm;"| We can add text in two ways-
  
 
* '''Regular Text'''
 
* '''Regular Text'''
Line 55: Line 56:
  
 
|-
 
|-
−
| style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding:0.097cm;"| Click on the '''Text''' tool >>  
+
| style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding:0.097cm;"| Click on the '''Text''' tool >>  
  
  
 
Click on the '''canvas'''
 
Click on the '''canvas'''
−
| style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding:0.097cm;"| First we will learn about '''Regular Text'''.
+
| style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding:0.097cm;"| First we will learn about '''Regular Text'''.
  
  
Line 65: Line 66:
  
 
|-
 
|-
−
| style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding:0.097cm;"| Type “'''Spoken”'''
+
| style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding:0.097cm;"| Type “'''Spoken”'''
−
| style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding:0.097cm;"| Type the word “'''Spoken”.'''
+
| style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding:0.097cm;"| Type the word “'''Spoken”.'''
  
  
−
Observe that the text box grows to accommodate the text.  
+
Observe the text box grows to accommodate the text.  
  
 
|-
 
|-
−
| style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding:0.097cm;"| Press''' Enter >> '''Type '''Tutorial >> '''Press''' Backspace'''
+
| style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding:0.097cm;"| Press''' Enter >> '''Type '''Tutorial >> '''Press''' Backspace'''
  
  
  
−
| style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding:0.097cm;"| Line breaks have to be added manually.''' '''
+
| style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding:0.097cm;"| Line breaks have to be added manually.''' '''
  
 
So, press '''Enter''' to go to the next line and type '''“Tutorial”. '''
 
So, press '''Enter''' to go to the next line and type '''“Tutorial”. '''
Line 86: Line 87:
  
 
|-
 
|-
−
| style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding:0.097cm;"| Type '''“[http://spoken-tutorial.org/ http://spoken-tutorial.org]”'''
+
| style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding:0.097cm;"| Type '''“[http://spoken-tutorial.org/ http://spoken-tutorial.org]”'''
−
| style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding:0.097cm;"| In a similar way, type''' “[http://spoken-tutorial.org/ http://spoken-tutorial.org]” '''on a new line below '''Spoken Tutorial.'''
+
| style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding:0.097cm;"| In a similar way, type''' “[http://spoken-tutorial.org/ http://spoken-tutorial.org]” '''on a new line below '''Spoken Tutorial.'''
  
  
Line 93: Line 94:
  
 
|-
 
|-
−
| style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding:0.097cm;"| Point to '''Text''' '''tool'''
+
| style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding:0.097cm;"| Point to '''Text''' '''tool'''
−
| style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding:0.097cm;"| Next we will learn to insert text through '''Flowed text.'''
+
| style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding:0.097cm;"| Next we will learn to insert text through '''Flowed text.'''
  
  
Line 100: Line 101:
  
 
|-
 
|-
−
| style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding:0.097cm;"| Open''' LO Writer >> '''Press''' Ctrl + A >> '''Press''' Ctrl + A'''
+
| style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding:0.097cm;"| Open''' LO Writer >> '''Press''' Ctrl + A >> '''Press''' Ctrl + A'''
−
| style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding:0.097cm;"| This time I will copy text from a '''LibreOffice Writer''' file that I had saved earlier.
+
| style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding:0.097cm;"| This time I will copy text from a '''LibreOffice Writer''' file that I had saved earlier.
  
  
Line 107: Line 108:
  
 
|-
 
|-
−
| style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding:0.097cm;"| Switch to Inkscape >> Click on or point to the '''Text tool'''
+
| style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding:0.097cm;"| Switch to Inkscape >> Click on or point to the '''Text tool'''
−
| style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding:0.097cm;"| Now, come back to '''Inkscape.''' Make sure the '''Text tool''' is selected.  
+
| style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding:0.097cm;"| Now, come back to '''Inkscape.''' Make sure the '''Text tool''' is selected.  
  
 
|-
 
|-
−
| style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding:0.097cm;"| Click on the '''canvas,''' hold and drag
+
| style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding:0.097cm;"| Click on the '''canvas,''' hold and drag
−
| style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding:0.097cm;"| Click on the '''canvas''' and drag to form a rectangular or square text area.
+
| style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding:0.097cm;"| Click on the '''canvas''' and drag to form a rectangular or square text area.
  
 
|-
 
|-
−
| style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding:0.097cm;"| Point to rectangle box >>
+
| style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding:0.097cm;"| Point to rectangle box >>
  
  
  
−
| style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding:0.097cm;"| Notice a blue rectangle box is formed on the '''canvas''' on releasing the mouse button.
+
| style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding:0.097cm;"| Notice a blue rectangle box is formed on the '''canvas''' on releasing the mouse button.
  
 
|-
 
|-
−
| style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding:0.097cm;"| Click and press '''Ctrl + V'''
+
| style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding:0.097cm;"| Click and press '''Ctrl + V'''
−
| style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding:0.097cm;"| Now inside the text box, notice the '''text prompt '''which is blinking on the extreme top left corner.  
+
| style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding:0.097cm;"| Now inside the text box, notice the '''text prompt '''which is blinking on the extreme top left corner.  
  
  
Line 129: Line 130:
  
 
|-
 
|-
−
| style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding:0.097cm;"| Point to the rectangle
+
| style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding:0.097cm;"| Point to the rectangle
−
| style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding:0.097cm;"| Observe that the color of the text box changed to red.  
+
| style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding:0.097cm;"| Observe the color of the text box changed to red.  
  
  
Line 136: Line 137:
  
 
|-
 
|-
−
| style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding:0.097cm;"| Point to the '''diamond handle '''>> Click and drag
+
| style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding:0.097cm;"| Point to the '''diamond handle '''>> Click and drag
−
| style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding:0.097cm;"| We can correct this using the small '''diamond handle''' at the right corner of the text box.  
+
| style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding:0.097cm;"| We can correct this using the small '''diamond handle''' at the right corner of the text box.  
  
  
Line 146: Line 147:
  
 
|-
 
|-
−
| style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding:0.097cm;"| Press enter before the last sentence
+
| style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding:0.097cm;"| Press enter before the last sentence
−
| style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding:0.097cm;"| The second sentence of the text, is clubbed with the first.  
+
| style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding:0.097cm;"| The last sentence of the text, is clubbed with the first.  
  
  
−
Press '''Enter''' twice at the beginning of the second sentence to separate it.
+
Press '''Enter''' twice at the beginning of the last sentence to separate it.
  
 
|-
 
|-
−
| style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding:0.097cm;"| Double click on '''“Spoken Tutorial”'''
+
| style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding:0.097cm;"| Double click on '''“Spoken Tutorial”'''
−
| style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding:0.097cm;"| Next let us learn the various formatting options available for texts.
+
| style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding:0.097cm;"| Next let us learn the various formatting options available for texts.
  
  
Line 160: Line 161:
  
 
|-
 
|-
−
| style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding:0.097cm;"| Go to '''Object menu.''' Click on '''Text''' and '''Text and Font'''
+
| style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding:0.097cm;"| Go to '''Object menu.''' Click on '''Text''' and '''Text and Font'''
−
| style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding:0.097cm;"| Go to '''Main menu.''' Click on '''Text''' and then on '''Text and Font '''option.
+
| style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding:0.097cm;"| Go to '''Main menu.''' Click on '''Text''' and then on '''Text and Font '''option.
  
  
Line 170: Line 171:
  
 
|-
 
|-
−
| style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding:0.097cm;"| Point to the available fonts
+
| style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding:0.097cm;"| Point to the available fonts
−
| style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding:0.097cm;"| '''Font family''' lists all the available fonts. You can select the font of your choice.
+
| style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding:0.097cm;"| '''Font family''' lists all the available fonts. You can select any of the available font of your choice.
  
 
|-
 
|-
−
| style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding:0.097cm;"| Click on '''Bitstream Charter''' >>
+
| style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding:0.097cm;"| Click on '''Bitstream Charter''' >>
  
  
 
Point to the text
 
Point to the text
−
| style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding:0.097cm;"| We can preview the selected font in the preview box here.  
+
| style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding:0.097cm;"| We can preview the selected font in the preview box here.  
  
  
Line 187: Line 188:
  
 
|-
 
|-
−
| style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding:0.097cm;"| Change '''Style''' to '''Bold'''
+
| style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding:0.097cm;"| Change '''Style''' to '''Bold'''
−
| style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding:0.097cm;"| There are four '''Style '''options- '''Normal, Italics, Bold '''and '''Bold Italics.'''
+
| style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding:0.097cm;"| There are four '''Style '''options- '''Normal, Italic, Bold '''and '''Bold Italic.'''
  
  
Line 197: Line 198:
  
 
|-
 
|-
−
| style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding:0.097cm;"| Change '''Font size''' to 64
+
| style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding:0.097cm;"| Change '''Font size''' to 64
−
| style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding:0.097cm;"| To change the '''Font size''', simply click on the drop down arrow and select the size.
+
| style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding:0.097cm;"| To change the '''Font size''', simply click on the drop down arrow and select the size.
  
  
−
Since this the title, I will select a bigger font, say 64.
+
Since this is the title, I will select a bigger font, say 64.
  
 
|-
 
|-
−
| style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding:0.097cm;"| Point to '''Layout'''
+
| style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding:0.097cm;"| Point to '''Layout'''
−
| style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding:0.097cm;"| Next is the '''Layout. '''
+
| style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding:0.097cm;"| Next is the '''Layout. '''
  
  
Line 211: Line 212:
  
 
|-
 
|-
−
| style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding:0.097cm;"| Click on the '''Text tab >> '''
+
| style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding:0.097cm;"| Click on the '''Text tab >> '''
  
  
 
Point to the text
 
Point to the text
−
| style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding:0.097cm;"| Now, click on the '''Text tab''' next to the '''Font tab.''' Here a preview window is seen with the text inside it.
+
| style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding:0.097cm;"| Now, click on the '''Text tab''' next to the '''Font tab.''' Here a preview window is seen with the text inside it.
  
  
Line 221: Line 222:
  
 
|-
 
|-
−
| style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding:0.097cm;"| Click on '''Apply >> '''Close
+
| style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding:0.097cm;"| Click on '''Apply >> '''Close
−
| style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding:0.097cm;"| Click on '''Apply''' and close the dialog box. Observe the text is now formatted.
+
| style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding:0.097cm;"| Click on '''Apply''' and close the dialog box. Observe the text is now formatted.
  
 
|-
 
|-
−
| style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding:0.097cm;"| Point to''' color palette '''>>''' '''Click on''' maroon '''
+
| style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding:0.097cm;"| Point to''' color palette '''>>''' '''Click on''' maroon '''
−
| style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding:0.097cm;"| We can change the text color using '''color palette''' placed at the bottom.
+
| style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding:0.097cm;"| We can change the text color using '''color palette''' at the bottom.
  
  
Line 235: Line 236:
  
 
|-
 
|-
−
| style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding:0.097cm;"| Double click [http://spoken-tutorial.org/ http://spoken-tutorial.org]
+
| style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding:0.097cm;"| Double click [http://spoken-tutorial.org/ http://spoken-tutorial.org]
−
| style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding:0.097cm;"| Next select the text for the URL i.e. [http://spoken-tutorial.org/ http://spoken-tutorial.org]
+
| style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding:0.097cm;"| Next select the text for the URL i.e. [http://spoken-tutorial.org/ http://spoken-tutorial.org]
  
 
|-
 
|-
−
| style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding:0.097cm;"| Point to '''Tool controls bar'''
+
| style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding:0.097cm;"| Point to '''Tool controls bar'''
−
| style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding:0.097cm;"| Text formatting options are available in the '''Tool controls bar,''' too.
+
| style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding:0.097cm;"| Text formatting options are available in the '''Tool controls bar,''' too.
  
  
Line 246: Line 247:
  
 
|-
 
|-
−
| style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding:0.097cm;"| Change font to '''Bitstream charter '''>> Font size''' to 28'''
+
| style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding:0.097cm;"| Change font to '''Bitstream charter '''>> Font size''' to 28'''
−
| style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding:0.097cm;"| I will change the font to '''Bitstream charter,''' '''Font size''' to 28 and color to Blue.
+
| style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding:0.097cm;"| I will change the font to '''Bitstream charter,''' '''Font size''' to 28 and color to Blue.
  
 
|-
 
|-
−
| style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding:0.097cm;"| Point to text in the box >>  
+
| style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding:0.097cm;"| Point to text in the box >>  
  
  
 
Double click on it
 
Double click on it
−
| style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding:0.097cm;"| Now, let us choose the paragraph text.
+
| style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding:0.097cm;"| Now, let us choose the paragraph text.
  
  
Line 263: Line 264:
  
 
|-
 
|-
−
| style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding:0.097cm;"| Click and drag the '''diamond handle'''  
+
| style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding:0.097cm;"| Click and drag the '''diamond handle'''  
−
| style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding:0.097cm;"| Click and drag the '''diamond handle''' to move the text inside the canvas.
+
| style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding:0.097cm;"| Click and drag the '''diamond handle''' to move the text inside the canvas.
  
  
Line 270: Line 271:
  
 
|-
 
|-
−
| style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding:0.097cm;"| Point to the '''Alignment''' options and click on Left-Centre-Right and Justify, as per narration
+
| style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding:0.097cm;"| Point to the '''Alignment''' options and click on Left-Centre-Right and Justify, as per narration
−
| style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding:0.097cm;"| Next let us align the texts.
+
| style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding:0.097cm;"| Next let us align the texts.
  
  
−
The four icons next to '''Font size''' on the '''Tool controls bar''' helps to align the text to the  
+
The four icons next to '''Italic icon''' on the '''Tool controls bar''' helps to align the text to the  
  
  
 
* Left
 
* Left
 
* Center OR
 
* Center OR
−
* Right
+
* Right  
  
 
of the text box.
 
of the text box.
Line 287: Line 288:
  
 
|-
 
|-
−
| style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding:0.097cm;"| Go to '''Object menu '''>>
+
| style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding:0.097cm;"| Go to '''Object menu '''>>
  
 
Click on '''Align and Distribute.'''
 
Click on '''Align and Distribute.'''
−
| style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding:0.097cm;"| We can align text using the '''Align and distribute''' option too.  
+
| style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding:0.097cm;"| We can align text using the '''Align and distribute''' option too.  
  
  
−
Go to the '''Main menu''' and click on '''Object menu.''' Then click on '''Align and Distribute '''option'''.'''
+
Go to the '''Main menu''' and then click on '''Object menu.''' Then click on '''Align and Distribute '''option'''.'''
  
  
Line 299: Line 300:
  
 
|-
 
|-
−
| style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding:0.097cm;"| Click on '''Centre on vertical axis.'''
+
| style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding:0.097cm;"| Click on '''Centre on vertical axis.'''
  
  
 
'''Set Relative to parameter to Page'''
 
'''Set Relative to parameter to Page'''
−
| style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding:0.097cm;"| Now we will move the word '''“Spoken Tutorial”''' to the centre.  
+
| style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding:0.097cm;"| Now we will move the word '''“Spoken Tutorial”''' to the centre. So click on it
  
  
Line 309: Line 310:
  
  
−
This did not happen on my machine.So, click on '''Centre on vertical axis.''' Observe the text is now aligned to the centre.
+
So, click on '''Centre on vertical axis.''' Observe the text is now aligned to the centre.
  
  
Line 315: Line 316:
  
 
|-
 
|-
−
| style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding:0.097cm;"| Point to the empty space
+
| style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding:0.097cm;"| Point to the empty space
−
| style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding:0.097cm;"| Let us add some more text in the empty space at the bottom.
+
| style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding:0.097cm;"| Let us add some more text in the empty space at the bottom.
  
 
|-
 
|-
−
| style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding:0.097cm;"| Type '''“FOSS Categories”'''
+
| style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding:0.097cm;"| Type '''“FOSS Categories”'''
  
  
 
Click on '''Centre on vertical axis'''
 
Click on '''Centre on vertical axis'''
−
| style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding:0.097cm;"| Type '''“FOSS Categories”'''
+
| style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding:0.097cm;"| Type '''“FOSS Categories”'''
  
  
−
Now align it in the centre of the page by clicking on '''Centre on vertical axis.'''
+
Now align it to the centre of the page by clicking on '''Centre on vertical axis.'''
  
 
|-
 
|-
−
| style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding:0.097cm;"| Type '''Linux, LaTeX, Scilab, Python''' randomly in the empty space
+
| style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding:0.097cm;"| Type '''Linux, LaTeX, Scilab, Python''' randomly in the empty space
−
| style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding:0.097cm;"| Type some '''FOSS''' names such as '''Linux, LaTeX, Scilab, Python '''separately and randomly on the '''canvas'''.
+
| style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding:0.097cm;"| Type some '''FOSS''' names such as '''Linux, LaTeX, Scilab, Python '''separately and randomly on the '''canvas'''.
  
  
Line 336: Line 337:
  
 
|-
 
|-
−
| style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding:0.097cm;"| Point to text option in '''Align and Distribute'''
+
| style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding:0.097cm;"| Point to text option in '''Align and Distribute'''
−
| style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding:0.097cm;"| Now let us align all these texts in a single row with equal space.  
+
| style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding:0.097cm;"| Now let us align all these texts in a single row with equal space.  
 +
 
  
  
−
We can use the text alignment option in the '''Align and Distribute''' dialog box.
 
  
 
|-
 
|-
−
| style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding:0.097cm;"| Click on '''Align baseline of text '''and '''Distribute baseline of text horizontally. '''
+
| style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding:0.097cm;"| Click on '''Align baseline of text '''and '''Distribute baseline of text horizontally. '''
−
| style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding:0.097cm;"| Select the 4 texts. Click on  
+
| style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding:0.097cm;"| Select the 4 texts using the '''Shift''' key. Click on  
  
 
* '''Align baseline of text '''and  
 
* '''Align baseline of text '''and  
Line 352: Line 353:
  
 
|-
 
|-
−
| style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding:0.097cm;"| Point to gaps between the texts
+
| style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding:0.097cm;"| Point to gaps between the texts
−
| style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding:0.097cm;"| Notice the gaps between the words are not equal.  
+
| style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding:0.097cm;"| Notice the gaps between the words are not equal.  
  
  
Line 362: Line 363:
  
 
|-
 
|-
−
| style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding:0.097cm;"| Point to horizontal text alignment option  
+
| style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding:0.097cm;"| Point to horizontal text alignment option  
−
| style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding:0.097cm;"| This works in a similar way for vertical texts too.  
+
| style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding:0.097cm;"| This works in a similar way for vertical texts too.  
  
  
Line 372: Line 373:
  
 
|-
 
|-
−
| style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding:0.097cm;"| Click on Make horizontal gaps between objects equal
+
| style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding:0.097cm;"| Click on Make horizontal gaps between objects equal
−
| style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding:0.097cm;"| We will make the spaces between the words equal.  
+
| style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding:0.097cm;"| We will make the spaces between the words equal.  
  
  
Line 382: Line 383:
  
 
|-
 
|-
−
| style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding:0.097cm;"| Point to the middle paragraph >>  
+
| style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding:0.097cm;"| Point to the middle paragraph >>  
  
  
 
Double click on it
 
Double click on it
−
| style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding:0.097cm;"| Next, we will learn to adjust the space between the lines of the paragraph text.  
+
| style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding:0.097cm;"| Next, we will learn to adjust the space between the lines of the paragraph text.  
  
  
Line 392: Line 393:
  
 
|-
 
|-
−
| style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding:0.097cm;"| Point to''' Spacing between lines''' icon in the '''Tool controls''' '''bar '''>>
+
| style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding:0.097cm;"| Point to''' Spacing between lines''' icon in the '''Tool controls''' '''bar '''>>
  
  
 
'''Click on up and down arrow'''
 
'''Click on up and down arrow'''
−
| style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding:0.097cm;"| The '''Spacing between lines''' icon on the '''Tool controls''' '''bar''' helps reduce or increase space between lines.  
+
| style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding:0.097cm;"| The '''Spacing between lines''' icon on the '''Tool controls''' '''bar''' helps reduce or increase space between lines.  
  
  
−
Observe what happens when I increase the spacing.
+
Observe what happens when I increarse the spacing.
  
 
|-
 
|-
−
| style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding:0.097cm;"| Line spacing as 1.50
+
| style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding:0.097cm;"| Line spacing as 1.50
−
| style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding:0.097cm;"| Let me keep the line spacing as 1.50
+
| style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding:0.097cm;"| Let me keep the line spacing as 1.50
  
  
Line 409: Line 410:
  
 
|-
 
|-
−
| style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding:0.097cm;"| Point to the '''Spacing between letters''' icon
+
| style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding:0.097cm;"| Point to the '''Spacing between letters''' icon
  
  
 
Click on Up and down arrow
 
Click on Up and down arrow
−
| style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding:0.097cm;"| The next icon helps to adjust space between letters.  
+
| style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding:0.097cm;"| The next icon helps to adjust space between letters.  
  
  
−
Again, click on the up or down arrows and observe the changes.  
+
Again, click on the up and down arrows and observe the changes.  
  
−
Let me keep the space between letters as 0.
+
Let me keep the space parameter as 0.
  
 
|-
 
|-
−
| style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding:0.097cm;"| Point to the empty space
+
| style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding:0.097cm;"| Point to the empty space
−
| style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding:0.097cm;"| Observe there is an empty space in both the vertical corners of the canvas.  
+
| style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding:0.097cm;"| Observe there is an empty space in both the vertical corners of the canvas.  
  
  
Line 428: Line 429:
  
 
|-
 
|-
−
| style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding:0.097cm;"| Type a sentence''' “Learn Open Source Software”'''
+
| style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding:0.097cm;"| Type a sentence''' “Learn Open Source Software”'''
−
| style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding:0.097cm;"| Type a sentence '''“Learn Open Source Software for free”''' somewhere outside the canvas.
+
| style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding:0.097cm;"| Type a sentence '''“Learn Open Source Software for free”''' somewhere outside the canvas.
  
  
Line 435: Line 436:
  
 
|-
 
|-
−
| style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding:0.097cm;"| Change the Font to '''Georgia.''' Font size to 22. Make it '''Bold.'''
+
| style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding:0.097cm;"| Change the Font to '''Georgia.''' Font size to 22. Make it '''Bold.'''
−
| style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding:0.097cm;"| Change the '''Font '''to '''Georgia. Font size '''to 22 and make it '''Bold.'''
+
| style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding:0.097cm;"| Change the '''Font '''to '''Ubuntu. Font size '''to 22 and make it '''Bold.'''
  
 
|-
 
|-
−
| style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding:0.097cm;"| Click on '''Vertical text'''
+
| style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding:0.097cm;"| Click on '''Vertical text'''
−
| style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding:0.097cm;"| Now click on the last icon i.e. '''Vertical text''' on the '''Tool controls bar.'''
+
| style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding:0.097cm;"| Now click on the last icon i.e. '''Vertical text''' on the '''Tool controls bar.'''
  
  
−
Notice that the text is now aligned in the vertical direction.
+
Notice that the text is now aligned in vertical direction.
  
 
|-
 
|-
−
| style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding:0.097cm;"| Move the text to the left corner
+
| style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding:0.097cm;"| Move the text to the left corner
−
| style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding:0.097cm;"| Next, we will align this text to the corner of the canvas.
+
| style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding:0.097cm;"| Click on the text using the '''Selector tool''' and move it to the left corner of the canvas.
−
 
+
−
 
+
−
Click on the text using the '''Selector tool''' and move it to the left corner of the canvas.
+
  
  
Line 456: Line 454:
  
 
|-
 
|-
−
| style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding:0.097cm;"| Press '''Ctrl + D '''>>
+
| style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding:0.097cm;"| Press '''Ctrl + D '''>>
  
 
Press '''Shift key''' and move the text to other corner
 
Press '''Shift key''' and move the text to other corner
−
| style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding:0.097cm;"| Press '''Ctrl + D''' to duplicate it and move the copy to the other corner of the page, using the '''Shift key.'''
+
| style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding:0.097cm;"| Press '''Ctrl + D''' to duplicate it and move the copy to the other corner of the page, using the '''Ctrl key.'''
  
 
|-
 
|-
−
| style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding:0.097cm;"| Point to the middle paragraph
+
| style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding:0.097cm;"| Point to the middle paragraph
−
| style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding:0.097cm;"| Next we will add bullet points to the text within the paragraph.  
+
| style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding:0.097cm;"| Next we will add bullet points to the text within the paragraph.  
  
 
|-
 
|-
−
| style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding:0.097cm;"| Point to the middle paragraph
+
| style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding:0.097cm;"| Point to the middle paragraph
−
| style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding:0.097cm;"| '''Inkscape''' does not provide bullet or number lists for text.  
+
| style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding:0.097cm;"| '''Inkscape''' does not provide bullet or number lists for text.  
  
  
Line 473: Line 471:
  
 
|-
 
|-
−
| style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding:0.097cm;"| Draw a circle of red color and black stroke
+
| style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding:0.097cm;"| Draw a circle of red color and black stroke
−
| style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding:0.097cm;"| Click on the '''ellipse tool.'''  
+
| style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding:0.097cm;"| Click on the '''ellipse tool.'''  
  
  
−
Draw a small circle of red color with a black stroke or outline.
+
Draw a small circle of red color.
  
 
|-
 
|-
−
| style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding:0.097cm;"| Press '''Ctrl + D''' >>  
+
| style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding:0.097cm;"| Press '''Ctrl + D''' >>  
  
  
 
Move to starting line
 
Move to starting line
−
| style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding:0.097cm;"| Now move this bullet to the first line of the paragraph.  
+
| style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding:0.097cm;"| Now move this bullet to the first line of the paragraph.  
  
  
Line 493: Line 491:
  
 
|-
 
|-
−
| style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding:0.097cm;"|  
+
| style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding:0.097cm;"|  
−
| style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding:0.097cm;"| Now we have all our text as per our requirement.
+
| style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding:0.097cm;"| Now we have all our text as per our requirement.
  
  
Line 500: Line 498:
  
 
|-
 
|-
−
| style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding:0.097cm;"| Completed flyer
+
| style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding:0.097cm;"| Completed flyer
−
| style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding:0.097cm;"| Here is the completed flyer.  
+
| style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding:0.097cm;"| Here is the completed flyer.  
  
  
Line 513: Line 511:
  
 
|-
 
|-
−
| style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding:0.097cm;"| Summary (Slide)
+
| style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding:0.097cm;"| Summary (Slide)
−
| style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding:0.097cm;"| Let us summarize.  
+
| style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding:0.097cm;"| Let us summarize.  
  
  
Line 526: Line 524:
  
 
|-
 
|-
−
| style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding:0.097cm;"| Completed assignment
+
| style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding:0.097cm;"| Completed assignment
−
| style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding:0.097cm;"| Here is an assignment for you
+
| style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding:0.097cm;"| Here is an assignment for you
  
  
Line 541: Line 539:
  
 
|-
 
|-
−
| style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding:0.097cm;"| About Slide
+
| style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding:0.097cm;"| About Slide
−
| style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding:0.097cm;"| The video at the link shown, summarizes the Spoken Tutorial project. If you do not have good bandwidth, you can download and watch it.
+
| style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding:0.097cm;"| The video at the link shown, summarizes the Spoken Tutorial project. If you do not have good bandwidth, you can download and watch it.
  
 
|-
 
|-
−
| style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding:0.097cm;"| About Slide
+
| style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding:0.097cm;"| About Slide
−
| style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding:0.097cm;"| The Spoken Tutorial Project Team conducts workshops using spoken tutorials and gives certificates on passing online tests.
+
| style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding:0.097cm;"| The Spoken Tutorial Project Team conducts workshops using spoken tutorials and gives certificates on passing online tests.
  
  
Line 552: Line 550:
  
 
|-
 
|-
−
| style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding:0.097cm;"| About Slide
+
| style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding:0.097cm;"| About Slide
−
| style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding:0.097cm;"| Spoken Tutorial Project is supported by the National Mission on Education through ICT, MHRD, Government of India.
+
| style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding:0.097cm;"| Spoken Tutorial Project is supported by the National Mission on Education through ICT, MHRD, Government of India.
  
  
Line 559: Line 557:
  
 
|-
 
|-
−
| style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding:0.097cm;"| Acknowledgment
+
| style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding:0.097cm;"| Acknowledgment
−
| style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding:0.097cm;"| We have come to the end of this tutorial.
+
| style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding:0.097cm;"| We have come to the end of this tutorial.
  
  
−
This is Priya, Arthi and Saurabh from IIT Bombay, signing off.  
+
This is Arthi and Priya from IIT Bombay, signing off.  
  
  

Latest revision as of 15:06, 28 August 2014

Title of script: Create and format Text

Author: Priya K and Arthi.A

Keywords: Inkscape, Text tool, Regular and Flowed text, Aligning and Formatting text, Spacing and bulleting


Visual cue
Narration
Opening Slide Welcome to the Spoken Tutorial on “Create and format text” using Inkscape.
Learning Objectives (Slide) In this tutorial, we will learn about
  • Inserting text
  • Formatting and aligning text
  • Spacing and bullet

We will also learn how to create a simple flyer at the end.

System requirement (Slide) To record this tutorial, I am using
  • Ubuntu Linux 12.04 OS
  • Inkscape version 0.48.4


Point to display resolution I will be recording this tutorial in maximum resolution mode. This is to accommodate all the tools that will be demonstrated.
Go to Dash home >> Type Inkscape >>Click on the logo Let us open Inkscape.
Point to Text tool Text can be inserted using the Text tool from the Tool box.
Slide We can add text in two ways-
  • Regular Text
  • Flowed Text


Click on the Text tool >>


Click on the canvas

First we will learn about Regular Text.


Click on the Text tool and then click on the canvas.

Type “Spoken” Type the word “Spoken”.


Observe the text box grows to accommodate the text.

Press Enter >> Type Tutorial >> Press Backspace


Line breaks have to be added manually.

So, press Enter to go to the next line and type “Tutorial”.


To move the word to the previous line, keep the cursor before the alphabet T.

Now press backspace and add a space between the 2 words.

Type “http://spoken-tutorial.org” In a similar way, type “http://spoken-tutorial.org” on a new line below Spoken Tutorial.


<<PAUSE>>

Point to Text tool Next we will learn to insert text through Flowed text.



Open LO Writer >> Press Ctrl + A >> Press Ctrl + A This time I will copy text from a LibreOffice Writer file that I had saved earlier.


Press Ctrl + A to select the entire text and press Ctrl + C to copy them.

Switch to Inkscape >> Click on or point to the Text tool Now, come back to Inkscape. Make sure the Text tool is selected.
Click on the canvas, hold and drag Click on the canvas and drag to form a rectangular or square text area.
Point to rectangle box >>


Notice a blue rectangle box is formed on the canvas on releasing the mouse button.
Click and press Ctrl + V Now inside the text box, notice the text prompt which is blinking on the extreme top left corner.


Press Ctrl + V to paste the copied text.

Point to the rectangle Observe the color of the text box changed to red.


This is because the inserted text exceeds the boundaries of the text box.

Point to the diamond handle >> Click and drag We can correct this using the small diamond handle at the right corner of the text box.


Click and drag it till the text box color changes to blue.


<<PAUSE>>

Press enter before the last sentence The last sentence of the text, is clubbed with the first.


Press Enter twice at the beginning of the last sentence to separate it.

Double click on “Spoken Tutorial” Next let us learn the various formatting options available for texts.


Click on the word “Spoken Tutorial”

Go to Object menu. Click on Text and Text and Font Go to Main menu. Click on Text and then on Text and Font option.


A dialog box appears with two options – Font and Text.


Under the Font tab there are several options.

Point to the available fonts Font family lists all the available fonts. You can select any of the available font of your choice.
Click on Bitstream Charter >>


Point to the text

We can preview the selected font in the preview box here.


My choice is Bitstream Charter font.


<<PAUSE>>

Change Style to Bold There are four Style options- Normal, Italic, Bold and Bold Italic.


Choose the style as per your requirement. I will choose Bold.



Change Font size to 64 To change the Font size, simply click on the drop down arrow and select the size.


Since this is the title, I will select a bigger font, say 64.

Point to Layout Next is the Layout.


We will learn about this in a while as the preview is not visible for this option.

Click on the Text tab >>


Point to the text

Now, click on the Text tab next to the Font tab. Here a preview window is seen with the text inside it.


Any modifications to the text can be done here.

Click on Apply >> Close Click on Apply and close the dialog box. Observe the text is now formatted.
Point to color palette >> Click on maroon We can change the text color using color palette at the bottom.


Let me click on maroon color.


<<PAUSE>>

Double click http://spoken-tutorial.org Next select the text for the URL i.e. http://spoken-tutorial.org
Point to Tool controls bar Text formatting options are available in the Tool controls bar, too.



Change font to Bitstream charter >> Font size to 28 I will change the font to Bitstream charter, Font size to 28 and color to Blue.
Point to text in the box >>


Double click on it

Now, let us choose the paragraph text.


If the Text tool is already selected, you can simply click on the text to go inside the text box.


I will change the Font size of the text to 25.

Click and drag the diamond handle Click and drag the diamond handle to move the text inside the canvas.


<<PAUSE>>

Point to the Alignment options and click on Left-Centre-Right and Justify, as per narration Next let us align the texts.


The four icons next to Italic icon on the Tool controls bar helps to align the text to the


  • Left
  • Center OR
  • Right

of the text box.


The fourth option will justify the text within the boundaries of the text box.

Go to Object menu >>

Click on Align and Distribute.

We can align text using the Align and distribute option too.


Go to the Main menu and then click on Object menu. Then click on Align and Distribute option.



Click on Centre on vertical axis.


Set Relative to parameter to Page

Now we will move the word “Spoken Tutorial” to the centre. So click on it


First check if the Relative to parameter is set to Page.


So, click on Centre on vertical axis. Observe the text is now aligned to the centre.


<<PAUSE>>

Point to the empty space Let us add some more text in the empty space at the bottom.
Type “FOSS Categories”


Click on Centre on vertical axis

Type “FOSS Categories”


Now align it to the centre of the page by clicking on Centre on vertical axis.

Type Linux, LaTeX, Scilab, Python randomly in the empty space Type some FOSS names such as Linux, LaTeX, Scilab, Python separately and randomly on the canvas.



Point to text option in Align and Distribute Now let us align all these texts in a single row with equal space.



Click on Align baseline of text and Distribute baseline of text horizontally. Select the 4 texts using the Shift key. Click on
  • Align baseline of text and
  • Distribute baseline of text horizontally.


Point to gaps between the texts Notice the gaps between the words are not equal.


The first letter of the first word and the first letter of the second word are equally spaced.


But the words themselves, are not equally spaced.

Point to horizontal text alignment option This works in a similar way for vertical texts too.


These options may be useful in certain situations.


<<PAUSE>>

Click on Make horizontal gaps between objects equal We will make the spaces between the words equal.


To do so, click on the fourth icon in the first row under Distribute.


Now the spacing is equal between the words.

Point to the middle paragraph >>


Double click on it

Next, we will learn to adjust the space between the lines of the paragraph text.


Double click on the paragraph text to go inside the text box.

Point to Spacing between lines icon in the Tool controls bar >>


Click on up and down arrow

The Spacing between lines icon on the Tool controls bar helps reduce or increase space between lines.


Observe what happens when I increarse the spacing.

Line spacing as 1.50 Let me keep the line spacing as 1.50


<<PAUSE>>

Point to the Spacing between letters icon


Click on Up and down arrow

The next icon helps to adjust space between letters.


Again, click on the up and down arrows and observe the changes.

Let me keep the space parameter as 0.

Point to the empty space Observe there is an empty space in both the vertical corners of the canvas.


We can fill them with some text.

Type a sentence “Learn Open Source Software” Type a sentence “Learn Open Source Software for free” somewhere outside the canvas.



Change the Font to Georgia. Font size to 22. Make it Bold. Change the Font to Ubuntu. Font size to 22 and make it Bold.
Click on Vertical text Now click on the last icon i.e. Vertical text on the Tool controls bar.


Notice that the text is now aligned in vertical direction.

Move the text to the left corner Click on the text using the Selector tool and move it to the left corner of the canvas.



Press Ctrl + D >>

Press Shift key and move the text to other corner

Press Ctrl + D to duplicate it and move the copy to the other corner of the page, using the Ctrl key.
Point to the middle paragraph Next we will add bullet points to the text within the paragraph.
Point to the middle paragraph Inkscape does not provide bullet or number lists for text.


So one has to create bullet points manually.

Draw a circle of red color and black stroke Click on the ellipse tool.


Draw a small circle of red color.

Press Ctrl + D >>


Move to starting line

Now move this bullet to the first line of the paragraph.


Duplicate it and move its copy to the next sentence.


Repeat this for all sentences.

Now we have all our text as per our requirement.


Lastly, let us do some beautification to make it look like a flyer.

Completed flyer Here is the completed flyer.


I have added borders to the top and bottom. And covered the texts with a rounded rectangle and ellipse shapes.


You can use your creativity to create different layouts and designs for your flyer.


<<PAUSE>>

Summary (Slide) Let us summarize.


In this tutorial we learnt to

  • Insert text
  • Format and align text
  • Spacing and bullet lists

We also learnt to create a simple flyer.

Completed assignment Here is an assignment for you


Create a flyer like this.

  • Use the text tool to type texts
  • Create bullets and boxes using the rectangle tool
  • Create star using star tool with 10 corners
  • Use color palette and Fill and stroke to change colors
  • Align the text using Align and distribute.


About Slide The video at the link shown, summarizes the Spoken Tutorial project. If you do not have good bandwidth, you can download and watch it.
About Slide The Spoken Tutorial Project Team conducts workshops using spoken tutorials and gives certificates on passing online tests.


For more details, please write to us.

About Slide Spoken Tutorial Project is supported by the National Mission on Education through ICT, MHRD, Government of India.


More information on this Mission is available at the link shown.

Acknowledgment We have come to the end of this tutorial.


This is Arthi and Priya from IIT Bombay, signing off.


Thanks for joining.

Contributors and Content Editors

Arthi, Nancyvarkey

Retrieved from "https://script.spoken-tutorial.org/index.php?title=Inkscape/C2/Create-and-Format-Text/English&oldid=16125"