Difference between revisions of "Inkscape/C3/Special-effects-on-text/English"
Nancyvarkey (Talk | contribs) |
|||
| Line 3: | Line 3: | ||
'''Author:''' Priya K and Arthi.A | '''Author:''' Priya K and Arthi.A | ||
| − | '''Keywords:''' Inkscape, Reflected text, Labeled text | + | '''Keywords:''' Inkscape, Reflected text, Labeled text, Change Text case |
{| 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. | + | | 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.0382in;"| <center>Visual cue</center> |
| − | | style="background-color:transparent;border:0.05pt solid #000000;padding:0. | + | | style="background-color:transparent;border:0.05pt solid #000000;padding:0.0382in;"| <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. | + | | 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;"| 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. | + | | 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;"| Welcome to the Spoken Tutorial on “'''Special Effects on 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. | + | | 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;"| 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. | + | | 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 this tutorial we will learn to create |
| + | |||
* Reflected text | * Reflected text | ||
| − | * Labeled text | + | * Labeled text |
| + | * Change Text 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. | + | | 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;"| 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. | + | | 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;"| To record this tutorial, I am using |
* '''Ubuntu Linux''' 12.04 OS | * '''Ubuntu Linux''' 12.04 OS | ||
* '''Inkscape''' version 0.48.4<br/> | * '''Inkscape''' version 0.48.4<br/> | ||
| + | |||
| + | |||
| + | |||
|- | |- | ||
| − | | style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding: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.0382in;"| Open '''Inkscape''' |
| − | | 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. | + | | 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;"| Let us open '''Inkscape. ''' |
| Line 37: | Line 47: | ||
|- | |- | ||
| − | | style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding: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.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. | + | | 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”'''. |
Change the size to 40. Make it '''Bold.''' | Change the size to 40. 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. | + | | 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;"| Change the color to red >> |
'''Fill and Stroke''' | '''Fill and 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. | + | | 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;"| Go to '''Object menu.''' Select '''Fill and Stroke.''' |
| + | |||
| + | |||
| + | |||
|- | |- | ||
| − | | style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding: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.0382in;"| Click on '''Linear gradient >> '''Change color to red and black |
| − | | 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. | + | | 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 '''Linear gradient.''' |
| Line 57: | Line 73: | ||
| − | + | Click on the gradient handles and change the gradient color to red and black. | |
|- | |- | ||
| − | | style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding: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.0382in;"| Align the gradient in vertical manner |
| − | | 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. | + | | 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;"| Align the gradient in vertical manner. |
Thus the gradient should be red at the top and black at the bottom. | Thus the gradient should be red at the top and black 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. | + | | 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;"| '''Selector tool '''>>''' '''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. | + | | 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.''' Press '''Ctrl + D '''to duplicate 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. | + | | 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;"| Press '''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. | + | | 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;"| Press '''V''' to flip the duplicated text. |
You can use the option available on the '''Tool controls bar.''' | You can use the option available on the '''Tool controls bar.''' | ||
| + | |||
| + | |||
| + | |||
|- | |- | ||
| − | | style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding: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.0382in;"| Move the duplicated 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. | + | | 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;"| Move the duplicated text below the original text in a mirror way. |
| + | |||
| + | |||
| + | |||
|- | |- | ||
| − | | style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding: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.0382in;"| Select '''Gradient tool '''>>''' '''bottom gradient 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. | + | | 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 '''Gradient tool.''' |
Click on the bottom gradient handle. | Click on the bottom gradient handle. | ||
| + | |||
| + | |||
| + | |||
|- | |- | ||
| − | | style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding: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.0382in;"| '''Fill and Stroke '''>>''' '''change''' Alpha '''to''' 0 '''>>''' ''' |
| − | | 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. | + | | 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;"| On the '''Fill and Stroke,''' change the '''Alpha''' value to 0. |
Move the bottom handle little up. | Move the bottom handle little up. | ||
| + | |||
| + | |||
| + | |||
|- | |- | ||
| − | | style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding: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.0382in;"| Reduce the opacity to 80 |
| − | | 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. | + | | 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.''' |
| Line 103: | 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. | + | | 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 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. | + | | 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 a reflected text is formed. |
| Line 110: | Line 144: | ||
|- | |- | ||
| − | | style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding: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.0382in;"| |
| − | | 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. | + | | 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, let us create a labeled 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. | + | | 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:0.05pt solid #000000;padding:0. | + | | 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;"| Create a rectangle in blue color. Make the '''Alpha value''' to 255. |
| + | |||
| + | |||
| + | |||
|- | |- | ||
| − | | style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding: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.0382in;"| Type '''“SPOKEN TUTORIAL”''' |
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. | + | | 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 '''“SPOKEN TUTORIAL”''' on the rectangle. Change the Font size to 40. |
Make the it '''Bold.''' | Make the 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. | + | | 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 >> |
Press '''Ctrl + D''' | 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. | + | | 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.''' |
Press '''Ctrl + D''' to duplicate the text. | Press '''Ctrl + D''' to duplicate 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. | + | | 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;"| Change text color to white |
| − | | 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. | + | | 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 text color to white. |
| + | |||
| + | |||
| + | |||
|- | |- | ||
| − | | style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding: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.0382in;"| Go to '''Path >> Object to path''' |
| − | | 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. | + | | 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;"| Go to '''Path menu''' and click on '''Object to path.''' |
| + | |||
| + | |||
| + | |||
|- | |- | ||
| − | | style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding: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.0382in;"| Go to '''Object >> Ungroup''' |
| − | | 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. | + | | 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 '''Object menu''' and click on '''Ungroup.''' |
| + | |||
| + | |||
| + | |||
|- | |- | ||
| − | | style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding: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.0382in;"| Go to '''Path >> Union''' |
| − | | 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. | + | | 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;"| Go to '''Path menu''' and click on '''Union'''. |
| + | |||
| + | |||
| + | |||
|- | |- | ||
| − | | style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding: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.0382in;"| Click on '''Lower selection one step''' |
| − | | 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. | + | | 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;"| On the '''Tool controls bar''' click on '''Lower selection one step''' icon. |
| + | |||
| + | |||
| + | |||
|- | |- | ||
| − | | style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding: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.0382in;"| Go to '''Path >> Linked offset''' |
| − | | 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. | + | | 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 '''Linked offset'''. |
| + | |||
| + | |||
| + | |||
|- | |- | ||
| − | | style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding: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.0382in;"| Click on the white dot 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. | + | | 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 handle on the text and drag it to make the outline bigger. |
| + | |||
| + | |||
| + | |||
|- | |- | ||
| − | | style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding: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.0382in;"| Click on '''Selector '''tool |
Click on outline part and move | Click on outline part 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. | + | | 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 '''Selector '''tool. |
Then click on the outline part and move it down. | Then click on the outline part 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. | + | | 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:0.05pt solid #000000;padding:0. | + | | 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 '''Nodes''' tool. |
Now you can see the nodes on the outline. | Now you can see the nodes on the outline. | ||
| + | |||
| + | |||
| + | |||
|- | |- | ||
| − | | style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding: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.0382in;"| Click on '''Selected object to path '''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. | + | | 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;"| On the '''Tool controls bar,''' click on '''Convert''' '''selected object to path '''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. | + | | 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;"| Delete the unwanted parts |
| − | | 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. | + | | 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 unwanted nodes in the middle and delete them. |
| + | |||
| + | |||
| + | |||
|- | |- | ||
| − | | style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding: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.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. | + | | 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 keep the outline back to the same 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. | + | | 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:0.05pt solid #000000;padding:0. | + | | 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 text. 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:none;padding: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.0382in;"| Press '''Ctrl + D''' |
Change the color to black | Change the color to black | ||
| − | | 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. | + | | 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 outline part and press '''Ctrl + D''' to duplicate it. |
Change the color to black. | Change the color to black. | ||
| + | |||
| + | |||
| + | |||
|- | |- | ||
| − | | style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding: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.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:0.05pt solid #000000;padding:0. | + | | 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;"| 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:none;padding: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.0382in;"| Select '''Envelop Deformation''' in the '''Apply new effect''' drop down. |
Click on '''Add''' | Click on '''Add''' | ||
| − | | 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. | + | | 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''' Envelope Deformation.''' |
Then click on '''Add''' button. | 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. | + | | 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. | + | | 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 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. | + | | 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 | 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. | + | | 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;"| Increase the blur to 4 and 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:none;padding: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.0382in;"| |
| − | | 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. | + | | 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 let us make a hang for the label. |
|- | |- | ||
| − | | style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding: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.0382in;"| Click on '''Ellipse''' tool |
Draw a circle. | Draw a circle. | ||
| − | | 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. | + | | 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 '''Ellipse''' tool to make hole on the label. |
Press '''Ctrl key''' and draw a circle on the top left of the rectangle. | Press '''Ctrl key''' and draw a circle on the top left of 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. | + | | 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;"| Press '''Ctrl + D''' |
Move the circle to another end | Move the circle to another end | ||
| − | | 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. | + | | 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;"| Press '''Ctrl + D''' to duplicate the circle. |
| − | Click on '''Selector '''tool and move the circle to the another end of the | + | Click on '''Selector '''tool and move the circle to the another end of 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. | + | | 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 thread using '''Bezier''' 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. | + | | 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 '''Bezier tool.''' Draw a curvy line. |
It should look like a thread | It should look like a thread | ||
| + | |||
| + | |||
| + | |||
|- | |- | ||
| − | | style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding: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.0382in;"| 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. | + | | 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 our labeled text is ready. |
| Line 265: | 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. | + | | 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;"| |
| − | | 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. | + | | 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 let us learn how to change the text 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. | + | | 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. | + | | 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 '''spoken''' on the '''canvas.''' |
| + | |||
| + | |||
| + | Now the text is in lower 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;"| Go to '''Extensions menu.''' Click on '''Text''' and then on '''Change Case. ''' | ||
| + | |||
| + | |||
| + | You can find some options. | ||
| + | |||
| + | |- | ||
| + | | 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 '''UPPERCASE''' | ||
| + | | 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;"| Let me click on '''UPPERCASE.''' Observe the text case is changed. | ||
| + | |||
| + | |||
| + | |||
| + | |||
| + | |- | ||
| + | | 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 go to '''Extensions menu.''' Click on '''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: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;"| Now select '''Random Case.''' Observe the change in the text 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;"| Point to the other options | ||
| + | | 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;"| You can use the other options according to your requirement. | ||
| + | |||
| + | |||
| + | |||
| + | |||
| + | |- | ||
| + | | 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;"| | ||
| + | | 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;"| We have come to the end of this tutorial. | ||
| + | |||
| + | |- | ||
| + | | 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;"| 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.0382in;"| Let us summarize. | ||
In this tutorial we have learnt to create | In this tutorial we have learnt to create | ||
| + | |||
| + | |||
* Text reflection | * Text reflection | ||
* Labeled text | * Labeled text | ||
| + | * Change Text case<br/> | ||
| + | |||
| + | |||
| + | |||
|- | |- | ||
| − | | style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding: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.0382in;"| 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. | + | | 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;"| Here is an assignment for you |
| + | |||
| − | |||
* Create the text “INKSCAPE” reflected on surface. | * Create the text “INKSCAPE” reflected on surface. | ||
| − | * Create the text “Inkscape” | + | * Create the text “Inkscape” and change the text case to '''Flip case.'''<br/> |
| + | |||
| + | |||
| + | |||
|- | |- | ||
| − | | style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding: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.0382in;"| 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. | + | | 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;"| Your completed assignment should look like this. |
|- | |- | ||
| − | | style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding: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.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. | + | | 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;"| The video available at the following link summarizes the Spoken Tutorial project. Pls 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. | + | | 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. | + | | 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;"| The Spoken Tutorial Project Team conducts workshops and gives certificates for those who pass an online test. |
| Line 301: | Line 453: | ||
|- | |- | ||
| − | | style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding: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.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. | + | | 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. |
More information on this Mission is available at this link. | More information on this Mission is available at this link. | ||
|- | |- | ||
| − | | style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding: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.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. | + | | 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. |
Thanks for joining. | Thanks for joining. | ||
|} | |} | ||
Revision as of 11:35, 1 September 2015
Title of script: Special Effects on Text
Author: Priya K and Arthi.A
Keywords: Inkscape, Reflected text, Labeled text, Change Text case
| |
|
| 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
|
| System requirement (Slide) | To record this tutorial, I am using
|
| Open Inkscape | Let us open Inkscape.
|
| Type “SPOKEN” | Type the word “SPOKEN”.
|
| Change the color to red >>
Fill and Stroke |
Go to Object menu. Select Fill and Stroke.
|
| Click on Linear gradient >> Change color to red and black | Click on Linear gradient.
|
| Align the gradient in vertical manner | Align the gradient in vertical manner.
|
| Selector tool >> Press Ctrl + D | Click on Selector tool. Press Ctrl + D to duplicate the text.
|
| Press V | Press V to flip the duplicated text.
|
| Move the duplicated text | Move the duplicated text below the original text in a mirror way.
|
| Select Gradient tool >> bottom gradient handle | Now select the Gradient tool.
|
| Fill and Stroke >> change Alpha to 0 >> | On the Fill and Stroke, change the Alpha value to 0.
|
| Reduce the opacity to 80 | Click on the Selector tool.
|
| Point to the text | Observe a reflected text is formed.
|
| Next, let us create a labeled text.
| |
| Create a teal color rectangle | Create a rectangle in blue color. Make the Alpha value to 255.
|
| Type “SPOKEN TUTORIAL”
Make it Bold |
Type “SPOKEN TUTORIAL” on the rectangle. Change the Font size to 40.
|
| Click on Selector tool >>
Press Ctrl + D |
Click on Selector tool.
|
| Change text color to white | Change the text color to white.
|
| Go to Path >> Object to path | Go to Path menu and click on Object to path.
|
| Go to Object >> Ungroup | Now go to Object menu and click on Ungroup.
|
| Go to Path >> Union | Go to Path menu and click on Union.
|
| Click on Lower selection one step | On the Tool controls bar click on Lower selection one step icon.
|
| Go to Path >> Linked offset | Now go to Path menu and click on Linked offset.
|
| Click on the white dot and drag | Click on the handle on the text and drag it to make the outline bigger.
|
| Click on Selector tool
Click on outline part and move |
Click Selector tool.
|
| Click on Nodes tool | Click on 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 select the unwanted nodes in the middle and delete them.
|
| Select the outline part | Click on the Selector tool again and keep the outline back to the same position.
|
| Select text and change color to Teal | Now select the text. Change the color to blue. |
| Press Ctrl + D
Change the color to black |
Select the outline part and press Ctrl + D to duplicate it.
|
| Go to Path >> Path Effect Editor | Go to Path menu and click on Path Effect Editor. |
| Select Envelop Deformation in the Apply new effect drop down.
Click on Add |
Now click on the Apply new effect drop down and select Envelope Deformation.
|
| Click on Lower selection one step icon three times. | Now on the Tool controls bar, click on Lower selection one step icon three times.
|
| Select the black part of outline
Make blur to 4, opacity to 60 |
Increase the blur to 4 and decrease the opacity to 60.
|
| Next let us make a hang for the label. | |
| Click on Ellipse tool
|
Click on Ellipse tool to make hole on the label.
|
| Press Ctrl + D
Move the circle to another end |
Press Ctrl + D to duplicate the circle.
|
| Create thread using Bezier tool | Next, click on the Bezier tool. Draw a curvy line.
|
| Point to the text | Now our labeled text is ready.
|
| Next let us learn how to change the text case. | |
| Type spoken on the canvas | Select the Text tool and type spoken on the canvas.
|
| Go to Extensions menu >> Text >> Change Case | Go to Extensions menu. Click on Text and then on Change Case.
|
| Click on UPPERCASE | Let me click on UPPERCASE. Observe the text case is changed.
|
| Go to Extensions menu >> Text >> Change Case | Again go to Extensions menu. Click on Text and then on Change Case.
|
| Select Random Case | Now select Random Case. Observe the change in the text case.
|
| Point to the other options | You can use the other options according to your requirement.
|
| We have come to the end of this tutorial. | |
| Summary (Slide) | Let us summarize.
|
| Completed assignment | Here is an assignment for you
|
| 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.
|
| About Slide | Spoken Tutorial Project is supported by the NMEICT, MHRD, Government of India.
More information on this Mission is available at this link. |
| Acknowledgment | This is Priya, Arthi and saurabh from IIT Bombay, signing off.
Thanks for joining. |