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