Inkscape/C3/Special-effects-on-text/English
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” | Select the Text tool and type the word “SPOKEN”.
|
| Zoom in to the text for clarity | Let me zoom in to the text, so that we can see the demo clearly. |
| Click on Object menu >> Fill and Stroke | Now, go to Object menu and select Fill and Stroke option. |
| Click on Linear gradient >> Change color to red and black | Then, under the Fill tab, click on Linear gradient.
|
| Align the gradient in vertical manner | Align the gradient vertically.
as shown on the screen. |
| Click on Selector tool >> Press Ctrl + D | Click on the Selector tool and press Ctrl + D to duplicate the text. |
| Press V | Now, press V on the keyboard, to flip the duplicated text.
|
| Move the duplicated text | Now, we will move the duplicated text below the original text such that it appears as a mirror image. |
| Select Gradient tool >> bottom gradient handle | Now, select the Gradient tool and click on the bottom gradient handle. |
| Fill and Stroke >> change Alpha to 0 >> move the bottom handle up a bit | Come back to the Fill and Stroke dialog box.
Here, we will change the Alpha value to 0.
|
| Reduce the opacity to 80 | Click on the Selector tool.
|
| Point to the text | Our reflected text is complete now.
Zoom out a little to see it better. <<PAUSE>> |
| Next, we will learn to create a labeled text. | |
| Create a green color rectangle >> Change alpha to 255 | First of all, we will create a rectangle in green color.
Change it to 255 and press Enter. |
| Type “SPOKEN TUTORIAL”
Make it Bold |
Now, type the text “SPOKEN TUTORIAL” on the rectangle. |
| Click on Selector tool >> resize the rectangle. | Click on the Selector tool and change the size of the rectangle according to the text. |
| Select the text >> Press Ctrl + D | Next, select the text.
Now, press Ctrl + D to duplicate the text.
|
| Change text color to white | Change the color of the text to white. |
| Go to Path >> Object to path | Then go to Path menu and click on Object to path option. |
| Go to Object >> Ungroup | Now click on Object menu and then on Ungroup option. |
| Go to Path >> Union | Again go to Path menu and click on Union option. |
| Click on Lower selection one step | On the Tool controls bar, click on Lower selection one step icon. |
| Go to Path >> Linked offset | Once again, go to Path menu and this time we will click on Linked offset option. |
| Click on the white dot and drag | Click on the handle that appears on the text and drag it to make the outline bigger. |
| Click on Selector tool
Click on text and move |
Click on the Selector tool.
|
| Point to the second text.
Click on text and delete it |
Observe, there is another text created. Select the text and delete it. |
| Select the outline part >> Click on Nodes tool | Now, select the outline part and click on the Nodes tool. |
| Click on Selected object to path tool. | On the Tool controls bar, click on Convert selected object to path tool. |
| Delete the unwanted parts | Now you can see the nodes on the outline.
|
| Select the outline part | Click on the Selector tool again and move the text back to its original position. |
| Select text and change color to green | Change the color of the text to green. |
| Press Ctrl + D
Change the color to black |
Select the outline part and press Ctrl + D to duplicate it.
Once again, remember that the duplicate outline is exactly above the original.
|
| In Tool controls bar >> click on Lower selection one step icon three times | Then on the Tool controls bar, click on Lower selection one step icon three times. |
| In the Fill and stroke dialog box >> reduce opacity to 60 | Lastly, in the Fill and stroke dialog box,
|
| After doing this, we will make a hanger for the label. | |
| Click on Ellipse tool >> draw a circle. | So, click on the Ellipse tool.
|
| 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 and draw a curvy line, as demonstrated.
|
| Stroke style >> change the width to 5. | In the Fill and stroke dialog box, under Stroke style, change the width to 5. |
| Point to the text | Now our labeled text is ready.
Let us zoom out and have a better look at it. <<PAUSE>> |
| Next, let us learn how to change the case of the text in Inkscape. | |
| Type spoken on the canvas | Click on the Text tool and type alphabets on the canvas.
|
| Go to Extensions menu >> Text >> Change Case | Now, go to Extensions menu.
You will see some options. |
| Click on UPPERCASE | Let me click on the option UPPERCASE.
|
| Go to Extensions menu >> Text >> Change Case | Again click on the text.
|
| Select Random Case | This time, select Random Case option.
Observe the change in the case of the text. |
| Point to the other options | You can try the other options on your own. |
| With this, we have come to the end of this tutorial. | |
| Summary (Slide) | Let us summarize.
|
| 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 NMEICT, MHRD, Government of India.
More information on this Mission is available at this link. |
| Acknowledgment | This is Arthi, Priya and Saurabh from IIT Bombay, signing off.
Thanks for joining. |