Difference between revisions of "Inkscape/C3/Special-effects-on-text/English"

From Script | Spoken-Tutorial
Jump to: navigation, search
 
Line 28: Line 28:
  
 
* '''Ubuntu Linux''' 12.04 OS
 
* '''Ubuntu Linux''' 12.04 OS
* '''Inkscape''' version 0.48.4<br/>
+
* All the previous tutorials in this series, were recorded in 0.48.4
 +
* From this tutorial, I will record in the version 0.91, which is the latest stable version.
  
 
|-
 
|-
Line 39: Line 40:
 
|-
 
|-
 
| style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding:0.0382in;"| Type '''“SPOKEN”'''
 
| style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding:0.0382in;"| 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.0382in;"| Type the word '''“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.0382in;"| Select the '''Text''' tool and type the word '''“SPOKEN”'''.  
  
  
Change the font-size to 40 and make the text '''bold.'''
+
Make the text '''bold.'''
  
 
|-
 
|-
Line 57: Line 58:
  
  
Click on the gradient '''handles''' as shown now and change the gradient color to red and black.
+
*Click on the gradient '''handles''' as shown now  
 +
*And change the gradient colors to red and blue.
  
 
|-
 
|-
Line 64: Line 66:
  
  
So now, the gradient should be red at the top and black at the bottom, as shown on the screen.
+
So now, the gradient should be  
 +
*red at the top  
 +
*and blue at the bottom,  
 +
 
 +
as shown on the screen.
  
 
|-
 
|-
Line 99: Line 105:
  
  
Now, reduce the '''Opacity''' to 80.  
+
Now, reduce the '''Opacity''' to 80 and press '''Enter'''.  
  
 
|-
 
|-
Line 114: Line 120:
  
 
|-
 
|-
| style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding:0.0382in;"| Create a teal color rectangle
+
| style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding:0.0382in;"| Create a green color rectangle >> Change alpha to 255
| 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.0382in;"| First of all, we will create a rectangle in blue color.  
+
| 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.0382in;"| First of all, we will create a rectangle in green color.  
  
  
In the '''Fill and Stroke''' dialog box, make the '''Alpha value''' to 255.
+
Since the '''Alpha''' value is zero, it is not visible now. 
 +
 
 +
Change it to 255 and press '''Enter'''.
  
 
|-
 
|-
Line 124: Line 132:
  
 
Make it '''Bold'''
 
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.0382in;"| Now, type the text '''“SPOKEN TUTORIAL”''' on the rectangle. Change the font size of the text to 40 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:0.05pt solid #000000;padding:0.0382in;"| Now, type the text '''“SPOKEN TUTORIAL”''' on the rectangle.  
  
 
|-
 
|-
| style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding:0.0382in;"| Click on '''Selector '''tool >>
+
| style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding:0.0382in;"| Click on '''Selector '''tool >> resize 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.0382in;"| Click on the '''Selector '''tool and change the size of the rectangle according to the text.
Press '''Ctrl + D'''
+
| 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.0382in;"| Click on '''Selector tool.'''
+
  
 +
|-
 +
| style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding:0.0382in;"| Select the text >> Press '''Ctrl + D'''
 +
| 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.0382in;"| Next, select the text.
  
 
Now, press '''Ctrl + D''' to duplicate the text.   
 
Now, press '''Ctrl + D''' to duplicate the text.   
 +
  
 
The duplicate text is exactly above the original text.
 
The duplicate text is exactly above the original text.
Line 168: Line 178:
 
| style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding:0.0382in;"| Click on '''Selector '''tool
 
| style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding:0.0382in;"| Click on '''Selector '''tool
  
Click on outline part and move
+
Click on text and move
 
| 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.0382in;"| Click on the '''Selector '''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.0382in;"| Click on the '''Selector '''tool.
  
  
Then click on the outline part and move it down.
+
Then click on the text and move it down.
  
 
|-
 
|-
| style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding:0.0382in;"| Click on '''Nodes '''tool  
+
| style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding:0.0382in;"| Point to the second 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.0382in;"| Next, click on the '''Nodes''' tool.  
+
 
 +
Click on text and delete 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.0382in;"| Observe, there is another text created.  Select the text and delete 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.0382in;"| Select the outline part >> Click on '''Nodes '''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.0382in;"| Now, select the outline part and click on the '''Nodes''' tool.  
  
 
|-
 
|-
Line 188: Line 204:
  
 
Select the unwanted nodes in the middle and delete them, as demonstrated here.   
 
Select the unwanted nodes in the middle and delete them, as demonstrated here.   
 
 
Press the '''Shift''' key on the keyboard and drag to select many nodes at a time.
 
  
 
|-
 
|-
 
| style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding:0.0382in;"| Select the outline part
 
| style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding:0.0382in;"| Select the outline part
| 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.0382in;"| Click on the '''Selector tool''' again and move the outline back to its original position.
+
| 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.0382in;"| Click on the '''Selector tool''' again and move the text back to its original position.
  
 
|-
 
|-
| style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding:0.0382in;"| Select text and change color to Teal
+
| style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding:0.0382in;"| Select text and change color to green
| 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.0382in;"| Now once again, select the text and change the color to blue.
+
| 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.0382in;"| Change the color of the text to green.
  
 
|-
 
|-
Line 212: Line 225:
  
 
|-
 
|-
| style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding:0.0382in;"| Go to '''Path >> Path Effect Editor'''
+
| style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding:0.0382in;"| In '''Tool controls bar''' >> click on '''Lower selection one step''' icon three times
| 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.0382in;"| Now go to '''Path menu''' and click on '''Path Effect Editor.'''
+
| 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.0382in;"| Then on the '''Tool controls bar''', click on '''Lower selection one step''' icon three times.
  
 
|-
 
|-
| style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding:0.0382in;"| Select '''Envelop Deformation''' in the '''Apply new effect''' drop down.
+
| style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding:0.0382in;"| In the '''Fill and stroke''' dialog box >> reduce opacity to 60
 
+
| 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.0382in;"| Lastly, in the '''Fill and stroke''' dialog box,  
Click on '''Add'''
+
*decrease the opacity to 60  
| 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.0382in;"| Now click on the '''Apply new effect''' drop down and select the option '''Envelope Deformation.'''
+
*and increase the blur to 7.
 
+
 
+
Then click on '''Add''' 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.0382in;"| Click on '''Lower selection one step''' icon three times.
+
| 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.0382in;"| Then on the '''Tool controls bar, '''click on '''Lower selection one step''' icon three times.
+
 
+
|-
+
| style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding:0.0382in;"| Select the black part of outline
+
 
+
Make blur to 4, opacity to 60
+
| 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.0382in;"| Lastly, in the '''Fill and Stroke''' dialog box, increase the blur to 4 and decrease the opacity to 60.
+
  
 
|-
 
|-
Line 252: Line 252:
  
  
Then click on the '''Selector '''tool and move the circle to the other end of the rectangle.
+
And move the circle to the other end of the rectangle.
  
 
|-
 
|-
Line 260: Line 260:
  
 
The line drawn should look like a hanger.
 
The line drawn should look like a hanger.
 +
 +
|-
 +
| style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding:0.0382in;"| '''Stroke style''' >> change the width to 5.
 +
| 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.0382in;"| In the '''Fill and stroke''' dialog box, under '''Stroke style''', change the width to 5.
  
 
|-
 
|-
Line 275: Line 279:
 
|-
 
|-
 
| style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding:0.0382in;"| Type '''spoken''' on the '''canvas'''
 
| style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding:0.0382in;"| Type '''spoken''' 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.0382in;"| Click on the '''Text''' tool and type '''alphabets''' 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.0382in;"| Click on the '''Text''' tool and type alphabets on the '''canvas.'''
  
  
Line 282: Line 286:
 
|-
 
|-
 
| style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding:0.0382in;"| Go to '''Extensions menu >> Text''' >> '''Change Case'''
 
| style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding:0.0382in;"| Go to '''Extensions menu >> Text''' >> '''Change Case'''
| 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.0382in;"| Now, go to the '''Extensions menu''' and click on the option named '''Text''' and then on '''Change Case. '''
+
| 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.0382in;"| Now, go to '''Extensions menu'''.
  
You will see some options.
 
  
 +
And click on the option named '''Text''' and then on '''Change Case. '''
  
 
+
You will see some options.
If you are using the older versions of '''Inkscape''', there could be variations in how the options appear in the drop-down menu. 
+
 
+
However, it will be easy to locate the options as mentioned in this tutorial.
+
  
 
|-
 
|-
Line 297: Line 298:
  
  
Observe that the case of the text '''alphabets''' has changed to upper-case.
+
Observe that the case of the text alphabets has changed to upper-case.
  
 
|-
 
|-
 
| style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding:0.0382in;"| Go to '''Extensions menu >> Text''' >> '''Change Case'''
 
| style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding:0.0382in;"| Go to '''Extensions menu >> Text''' >> '''Change Case'''
| 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.0382in;"| Again click on '''Extensions menu,'''  then on '''Text''' and lastly on '''Change Case. '''
+
| 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.0382in;"| Again click on the text.
  
 +
 +
Go to '''Extensions menu,'''  then on '''Text''' and lastly on '''Change Case. '''
  
 
|-
 
|-
 
| style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding:0.0382in;"| Select '''Random Case'''
 
| style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding:0.0382in;"| Select '''Random Case'''
| 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.0382in;"| This time, select '''Random Case''' option.  Observe the change in the case of 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.0382in;"| This time, select '''Random Case''' option.   
 +
 
 +
Observe the change in the case of the text.
  
 
|-
 
|-
Line 351: Line 356:
 
|-
 
|-
 
| style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding:0.0382in;"| About Slide  
 
| style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding:0.0382in;"| 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.0382in;"| Spoken Tutorial Project is supported by the NMEICT, MHRD, Government of India.  
+
| 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.0382in;"| Spoken Tutorial Project is supported by NMEICT, MHRD, Government of India.  
  
 
More information on this Mission is available at this link.  
 
More information on this Mission is available at this link.  
Line 357: Line 362:
 
|-
 
|-
 
| style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding:0.0382in;"| Acknowledgment  
 
| style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding:0.0382in;"| 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.0382in;"| This is Priya, Arthi and saurabh from IIT Bombay, signing off.  
+
| 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.0382in;"| This is Arthi, Priya and Saurabh from IIT Bombay, signing off.  
  
 
Thanks for joining.  
 
Thanks for joining.  
  
 
|}
 
|}

Latest revision as of 06:32, 2 March 2016

Title of script: Special Effects on Text

Author: Priya K and Arthi.A

Keywords: Inkscape, Reflected text, Labeled text, Change Text case


Visual cue
Narration
Opening Slide Welcome to the Spoken Tutorial on “Special Effects on Text” using Inkscape.
Learning Objectives (Slide) In this tutorial we will learn to create
  • Reflected text
  • Labeled text and
  • Change the case of the text
System requirement (Slide) To record this tutorial, I am using
  • Ubuntu Linux 12.04 OS
  • All the previous tutorials in this series, were recorded in 0.48.4
  • From this tutorial, I will record in the version 0.91, which is the latest stable version.
Open Inkscape Let us open Inkscape.


First, we will learn to create a reflected text.

Type “SPOKEN” Select the Text tool and type the word “SPOKEN”.


Make the text bold.

Zoom in to the text for clarity Let me zoom in to the text, so that we can see the demo clearly.
Click on Object menu >> Fill and Stroke Now, go to Object menu and select Fill and Stroke option.
Click on Linear gradient >> Change color to red and black Then, under the Fill tab, click on Linear gradient.


  • Click on the gradient handles as shown now
  • And change the gradient colors to red and blue.
Align the gradient in vertical manner Align the gradient vertically.


So now, the gradient should be

  • red at the top
  • and blue at the bottom,

as shown on the screen.

Click on Selector tool >> Press Ctrl + D Click on the Selector tool and press Ctrl + D to duplicate the text.
Press V Now, press V on the keyboard, to flip the duplicated text.


We can also use the option available on the Tool controls bar to flip.

Move the duplicated text Now, we will move the duplicated text below the original text such that it appears as a mirror image.
Select Gradient tool >> bottom gradient handle Now, select the Gradient tool and click on the bottom gradient handle.
Fill and Stroke >> change Alpha to 0 >> move the bottom handle up a bit Come back to the Fill and Stroke dialog box.

Here, we will change the Alpha value to 0.


We will also move the bottom handle a bit, in the upward direction.

Reduce the opacity to 80 Click on the Selector tool.


Now, reduce the Opacity to 80 and press Enter.

Point to the text Our reflected text is complete now.

Zoom out a little to see it better.

<<PAUSE>>

Next, we will learn to create a labeled text.
Create a green color rectangle >> Change alpha to 255 First of all, we will create a rectangle in green color.


Since the Alpha value is zero, it is not visible now.

Change it to 255 and press Enter.

Type “SPOKEN TUTORIAL”

Make it Bold

Now, type the text “SPOKEN TUTORIAL” on the rectangle.
Click on Selector tool >> resize the rectangle. Click on the Selector tool and change the size of the rectangle according to the text.
Select the text >> Press Ctrl + D Next, select the text.

Now, press Ctrl + D to duplicate the text.


The duplicate text is exactly above the original text.

Change text color to white Change the color of the text to white.
Go to Path >> Object to path Then go to Path menu and click on Object to path option.
Go to Object >> Ungroup Now click on Object menu and then on Ungroup option.
Go to Path >> Union Again go to Path menu and click on Union option.
Click on Lower selection one step On the Tool controls bar, click on Lower selection one step icon.
Go to Path >> Linked offset Once again, go to Path menu and this time we will click on Linked offset option.
Click on the white dot and drag Click on the handle that appears on the text and drag it to make the outline bigger.
Click on Selector tool

Click on text and move

Click on the Selector tool.


Then click on the text and move it down.

Point to the second text.

Click on text and delete it

Observe, there is another text created. Select the text and delete it.
Select the outline part >> Click on Nodes tool Now, select the outline part and click on the Nodes tool.
Click on Selected object to path tool. On the Tool controls bar, click on Convert selected object to path tool.
Delete the unwanted parts Now you can see the nodes on the outline.


Select the unwanted nodes in the middle and delete them, as demonstrated here.

Select the outline part Click on the Selector tool again and move the text back to its original position.
Select text and change color to green Change the color of the text to green.
Press Ctrl + D

Change the color to black

Select the outline part and press Ctrl + D to duplicate it.

Once again, remember that the duplicate outline is exactly above the original.


Change the color to black.

In Tool controls bar >> click on Lower selection one step icon three times Then on the Tool controls bar, click on Lower selection one step icon three times.
In the Fill and stroke dialog box >> reduce opacity to 60 Lastly, in the Fill and stroke dialog box,
  • decrease the opacity to 60
  • and increase the blur to 7.
After doing this, we will make a hanger for the label.
Click on Ellipse tool >> draw a circle. So, click on the Ellipse tool.


Then press Ctrl key and draw a circle on the top left of the rectangle, so as to make a hole on the label.

Press Ctrl + D

Move the circle to another end

Press Ctrl + D to duplicate the circle.


And move the circle to the other end of the rectangle.

Create thread using Bezier tool Next, click on the Bezier tool and draw a curvy line, as demonstrated.


The line drawn should look like a hanger.

Stroke style >> change the width to 5. In the Fill and stroke dialog box, under Stroke style, change the width to 5.
Point to the text Now our labeled text is ready.

Let us zoom out and have a better look at it.

<<PAUSE>>

Next, let us learn how to change the case of the text in Inkscape.
Type spoken on the canvas Click on the Text tool and type alphabets on the canvas.


Notice that the entire text is in lower-case.

Go to Extensions menu >> Text >> Change Case Now, go to Extensions menu.


And click on the option named Text and then on Change Case.

You will see some options.

Click on UPPERCASE Let me click on the option UPPERCASE.


Observe that the case of the text alphabets has changed to upper-case.

Go to Extensions menu >> Text >> Change Case Again click on the text.


Go to Extensions menu, then on Text and lastly on Change Case.

Select Random Case This time, select Random Case option.

Observe the change in the case of the text.

Point to the other options You can try the other options on your own.
With this, we have come to the end of this tutorial.
Summary (Slide) Let us summarize.


In this tutorial we have learnt to create

  • Reflected text
  • Labeled text and
  • Change the case of the text from lowercase to uppercase and random-case
Completed assignment Here is an assignment for you.
  • Create the text “INKSCAPE” reflected on a surface.
  • Create the text “Inkscape” and change the text case to Flip case.
Completed assignment Your completed assignment should look like this.
About Slide The video available at the following link summarizes the Spoken Tutorial project. Pls watch it.
About Slide The Spoken Tutorial Project Team conducts workshops and gives certificates for those who pass an online test.


For more details, please write to us.

About Slide Spoken Tutorial Project is supported by NMEICT, MHRD, Government of India.

More information on this Mission is available at this link.

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

Thanks for joining.

Contributors and Content Editors

Arthi, Nancyvarkey