Difference between revisions of "Inkscape/C2/Create-and-Format-Text/English"
(One intermediate revision by one other user 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 | + | '''Keywords:''' Inkscape, Text tool, Regular and Flowed text, Aligning and Formatting text, Spacing and bulleting |
{| style="border-spacing:0;" | {| style="border-spacing:0;" | ||
− | | style=" | + | | 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=" | + | | style="border:0.05pt solid #000000;padding:0.097cm;"| <center>Narration</center> |
|- | |- | ||
− | | style=" | + | | 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=" | + | | 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=" | + | | 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=" | + | | 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=" | + | | 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=" | + | | 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''' 12.04 OS | * '''Ubuntu Linux''' 12.04 OS | ||
Line 35: | Line 35: | ||
|- | |- | ||
− | | style=" | + | | 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=" | + | | 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. |
|- | |- | ||
− | | style=" | + | | 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=" | + | | 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=" | + | | 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=" | + | | 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="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:0.05pt solid #000000;padding:0.097cm;"| We can add text in two ways- | ||
* '''Regular Text''' | * '''Regular Text''' | ||
Line 52: | Line 56: | ||
|- | |- | ||
− | | style=" | + | | 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=" | + | | 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 62: | Line 66: | ||
|- | |- | ||
− | | style=" | + | | 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=" | + | | 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”.''' |
Line 69: | Line 73: | ||
|- | |- | ||
− | | style=" | + | | 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=" | + | | 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 83: | Line 87: | ||
|- | |- | ||
− | | style=" | + | | 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=" | + | | 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 90: | Line 94: | ||
|- | |- | ||
− | | style=" | + | | 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=" | + | | 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 97: | Line 101: | ||
|- | |- | ||
− | | style=" | + | | 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=" | + | | 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 104: | Line 108: | ||
|- | |- | ||
− | | style=" | + | | 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=" | + | | 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=" | + | | 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=" | + | | 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=" | + | | 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=" | + | | 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=" | + | | 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=" | + | | 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 126: | Line 130: | ||
|- | |- | ||
− | | style=" | + | | 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=" | + | | 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 133: | Line 137: | ||
|- | |- | ||
− | | style=" | + | | 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=" | + | | 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 143: | Line 147: | ||
|- | |- | ||
− | | style=" | + | | 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=" | + | | 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. |
Line 150: | Line 154: | ||
|- | |- | ||
− | | style=" | + | | 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=" | + | | 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 157: | Line 161: | ||
|- | |- | ||
− | | style=" | + | | 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=" | + | | 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 167: | Line 171: | ||
|- | |- | ||
− | | style=" | + | | 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=" | + | | 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=" | + | | 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=" | + | | 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 184: | Line 188: | ||
|- | |- | ||
− | | style=" | + | | 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=" | + | | 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 194: | Line 198: | ||
|- | |- | ||
− | | style=" | + | | 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=" | + | | 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. |
Line 201: | Line 205: | ||
|- | |- | ||
− | | style=" | + | | 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=" | + | | 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 208: | Line 212: | ||
|- | |- | ||
− | | style=" | + | | 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=" | + | | 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 218: | Line 222: | ||
|- | |- | ||
− | | style=" | + | | 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=" | + | | 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=" | + | | 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=" | + | | 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 232: | Line 236: | ||
|- | |- | ||
− | | style=" | + | | 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=" | + | | 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=" | + | | 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=" | + | | 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 243: | Line 247: | ||
|- | |- | ||
− | | style=" | + | | 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=" | + | | 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=" | + | | 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=" | + | | 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 260: | Line 264: | ||
|- | |- | ||
− | | style=" | + | | 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=" | + | | 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 267: | Line 271: | ||
|- | |- | ||
− | | style=" | + | | 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=" | + | | 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. |
Line 284: | Line 288: | ||
|- | |- | ||
− | | style=" | + | | 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=" | + | | 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. |
Line 296: | Line 300: | ||
|- | |- | ||
− | | style=" | + | | 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=" | + | | 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 312: | Line 316: | ||
|- | |- | ||
− | | style=" | + | | 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=" | + | | 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=" | + | | 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=" | + | | 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”''' |
Line 326: | Line 330: | ||
|- | |- | ||
− | | style=" | + | | 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=" | + | | 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 333: | Line 337: | ||
|- | |- | ||
− | | style=" | + | | 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=" | + | | 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. |
Line 340: | Line 344: | ||
|- | |- | ||
− | | style=" | + | | 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=" | + | | 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 349: | Line 353: | ||
|- | |- | ||
− | | style=" | + | | 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=" | + | | 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 359: | Line 363: | ||
|- | |- | ||
− | | style=" | + | | 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=" | + | | 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 369: | Line 373: | ||
|- | |- | ||
− | | style=" | + | | 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=" | + | | 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 379: | Line 383: | ||
|- | |- | ||
− | | style=" | + | | 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=" | + | | 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 389: | Line 393: | ||
|- | |- | ||
− | | style=" | + | | 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=" | + | | 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. |
Line 399: | Line 403: | ||
|- | |- | ||
− | | style=" | + | | 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=" | + | | 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 406: | Line 410: | ||
|- | |- | ||
− | | style=" | + | | 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=" | + | | 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. |
Line 418: | Line 422: | ||
|- | |- | ||
− | | style=" | + | | 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=" | + | | 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 425: | Line 429: | ||
|- | |- | ||
− | | style=" | + | | 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=" | + | | 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 432: | Line 436: | ||
|- | |- | ||
− | | style=" | + | | 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=" | + | | 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=" | + | | 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=" | + | | 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.''' |
Line 443: | Line 447: | ||
|- | |- | ||
− | | style=" | + | | 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=" | + | | 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. |
Line 450: | Line 454: | ||
|- | |- | ||
− | | style=" | + | | 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=" | + | | 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=" | + | | 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=" | + | | 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=" | + | | 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=" | + | | 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 467: | Line 471: | ||
|- | |- | ||
− | | style=" | + | | 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=" | + | | 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.''' |
Line 474: | Line 478: | ||
|- | |- | ||
− | | style=" | + | | 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=" | + | | 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 487: | Line 491: | ||
|- | |- | ||
− | | style=" | + | | style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding:0.097cm;"| |
− | | style=" | + | | 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 494: | Line 498: | ||
|- | |- | ||
− | | style=" | + | | 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=" | + | | 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 507: | Line 511: | ||
|- | |- | ||
− | | style=" | + | | 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=" | + | | 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 520: | Line 524: | ||
|- | |- | ||
− | | style=" | + | | 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=" | + | | 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 535: | Line 539: | ||
|- | |- | ||
− | | style=" | + | | 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=" | + | | 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=" | + | | 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=" | + | | 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 546: | Line 550: | ||
|- | |- | ||
− | | style=" | + | | 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=" | + | | 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 553: | Line 557: | ||
|- | |- | ||
− | | style=" | + | | style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding:0.097cm;"| Acknowledgment |
− | | style=" | + | | 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. |
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
|
|
Opening Slide | Welcome to the Spoken Tutorial on “Create and format text” using Inkscape. |
Learning Objectives (Slide) | In this tutorial, we will learn about
We will also learn how to create a simple flyer at the end. |
System requirement (Slide) | To record this tutorial, I am using
|
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-
|
Click on the Text tool >>
|
First we will learn about Regular Text.
|
Type “Spoken” | Type the word “Spoken”.
|
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”.
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.
|
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.
|
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.
|
Point to the rectangle | Observe the color of the text box changed to red.
|
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.
|
Press enter before the last sentence | The last sentence of the text, is clubbed with the first.
|
Double click on “Spoken Tutorial” | Next let us learn the various formatting options available for texts.
|
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.
|
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 >>
|
We can preview the selected font in the preview box here.
|
Change Style to Bold | There are four Style options- Normal, Italic, Bold and Bold Italic.
|
Change Font size to 64 | To change the Font size, simply click on the drop down arrow and select the size.
|
Point to Layout | Next is the Layout.
|
Click on the Text tab >>
|
Now, click on the Text tab next to the Font tab. Here a preview window is seen with the text inside it.
|
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.
|
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 >>
|
Now, let us choose the paragraph text.
|
Click and drag the diamond handle | Click and drag the diamond handle to move the text inside the canvas.
|
Point to the Alignment options and click on Left-Centre-Right and Justify, as per narration | Next let us align the texts.
of the text box.
|
Go to Object menu >>
Click on Align and Distribute. |
We can align text using the Align and distribute option too.
|
Click on Centre on vertical axis.
|
Now we will move the word “Spoken Tutorial” to the centre. So click on it
|
Point to the empty space | Let us add some more text in the empty space at the bottom. |
Type “FOSS Categories”
|
Type “FOSS Categories”
|
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
|
Point to gaps between the texts | Notice the gaps between the words are not equal.
|
Point to horizontal text alignment option | This works in a similar way for vertical texts too.
|
Click on Make horizontal gaps between objects equal | We will make the spaces between the words equal.
|
Point to the middle paragraph >>
|
Next, we will learn to adjust the space between the lines of the paragraph text.
|
Point to Spacing between lines icon in the Tool controls bar >>
|
The Spacing between lines icon on the Tool controls bar helps reduce or increase space between lines.
|
Line spacing as 1.50 | Let me keep the line spacing as 1.50
|
Point to the Spacing between letters icon
|
The next icon helps to adjust space between letters.
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.
|
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.
|
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.
|
Draw a circle of red color and black stroke | Click on the ellipse tool.
|
Press Ctrl + D >>
|
Now move this bullet to the first line of the paragraph.
|
Now we have all our text as per our requirement.
| |
Completed flyer | Here is the completed flyer.
|
Summary (Slide) | Let us summarize.
We also learnt to create a simple flyer. |
Completed assignment | Here is an assignment for you
|
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.
|
About Slide | Spoken Tutorial Project is supported by the National Mission on Education through ICT, MHRD, Government of India.
|
Acknowledgment | We have come to the end of this tutorial.
|