Inkscape/C2/Text-Manipulation/English-timed
From Script | Spoken-Tutorial
| Time | Narration |
| 00:01 | Welcome to the Spoken Tutorial on Text Manipulation using Inkscape. |
| 00:06 | In this tutorial, we will learn to- |
| 00:09 | Create text on path |
| 00:11 | Create text on shape |
| 00:13 | Image inside text |
| 00:15 | Text in perspective |
| 00:17 | Cut-out text. |
| 00:19 | To record this tutorial, I am using- |
| 00:22 | Ubuntu Linux 12.04 OS |
| 00:25 | Inkscape version 0.48.4 |
| 00:28 | Let us open Inkscape. |
| 00:31 | First, we will learn how to create text on a path. Click on Text tool. |
| 00:36 | Type the sentence Spoken Tutorial is an Audio-Video tutorial on the canvas. |
| 00:43 | Reduce the font size to 20. |
| 00:46 | Recall that we had learnt to create path using the Bezier tool in earlier tutorial. |
| 00:51 | So, click on it. |
| 00:53 | Click on the canvas and draw a tilde shape like path, below the text. |
| 00:59 | Select both the text and the path. |
| 01:03 | Go to Text menu and click on Put on Path option. |
| 01:08 | Observe our text is formed on the path. |
| 01:12 | Click anywhere on the canvas to deselect all. |
| 01:16 | Select the Text tool and click on the starting point of the text. |
| 01:21 | Give some spaces by pressing space bar to adjust the text on the path. |
| 01:28 | Now, select the path and click on Node tool. |
| 01:35 | Using the handles, resize the path. |
| 01:39 | Observe that the text transforms according to the resizing of the path. |
| 01:45 | To remove the text from the path, select the text. |
| 01:49 | Go to Text menu. |
| 01:51 | Click on Remove from Path. |
| 01:54 | Observe that the path is now removed. |
| 01:57 | Press Ctrl + Z to undo this action. |
| 02:01 | Next, we will learn how to insert text into a shape. |
| 02:05 | Using Polygon tool, create a hexagon. |
| 02:09 | Now we will insert some text inside the hexagon. |
| 02:14 | I will copy some text from a LibreOffice Writer file that I had saved earlier. |
| 02:19 | Press Ctrl + A to select the text and press Ctrl + C to copy them. |
| 02:25 | Now, come back to Inkscape. |
| 02:27 | Click on the Text tool. |
| 02:30 | Press Ctrl + V below the hexagon to paste the text. |
| 02:35 | Select both the text and the hexagon. |
| 02:39 | Now go to Text menu. |
| 02:41 | Click on Flow into Frame. |
| 02:45 | Now, our text is inserted inside the hexagon. |
| 02:49 | Reduce the font size to 10 to make all the texts visible. |
| 02:54 | To remove the Flow, go to Text menu and click on Unflow. |
| 03:00 | Observe that the text has disappeared. Press Ctrl + Z to undo this action. |
| 03:07 | Now we will learn how to create text on an image. |
| 03:11 | First let us import an image. Go to File. Click on Import. |
| 03:19 | I have saved an image in the Pictures folder. |
| 03:25 | Now, we have an image on our canvas. |
| 03:29 | Select it and go to the Object menu. |
| 03:33 | Click on Pattern and Object to Pattern. |
| 03:38 | Using the Text tool, type: “SPOKEN TUTORIAL” under the image. |
| 03:44 | Make this text Bold. |
| 03:47 | Go to Object menu and click on Fill and Stroke option. |
| 03:52 | Click Pattern under the Fill tab. Now the image is formed on the text. |
| 04:01 | To adjust the image, click on the Node tool. |
| 04:04 | We can see a square handle and a circular handle on the image. |
| 04:08 | Click on the circular handle to rotate the image on the text. |
| 04:13 | Click on the square handle to resize it. |
| 04:17 | Next, we will learn how to create text in a perspective. |
| 04:21 | Type SPOKEN on the canvas. |
| 04:24 | Go to Path menu and click on Object to Path. |
| 04:30 | Next, let us draw the path by selecting the Bezier curve. |
| 04:34 | Start drawing the path from the left bottom. |
| 04:38 | Draw a rectangle in perspective with larger side at the left side and smaller side at the right. |
| 04:46 | First select the text and then the rectangular path. |
| 04:50 | Go to Extensions, click on Modify Path and then on Perspective. |
| 04:57 | Now, we can see that the text appears in perspective. |
| 05:01 | Note, the text takes the starting point and direction of the path. |
| 05:07 | Next, let us create the text in another perspective. |
| 05:11 | Type TUTORIAL on the canvas. |
| 05:15 | Go to Path menu and click on Object to Path. |
| 05:19 | Draw a similar perspective rectangular path using Bezier tool. |
| 05:24 | This time, start from left top corner and continue in a clockwise direction. |
| 05:30 | First select the text and then the path. |
| 05:34 | Go to Extensions > Modify Path and then on Perspective. |
| 05:42 | Now we see the text appears from top to bottom. |
| 05:46 | This is because the text is aligned, based on the starting point of the path. |
| 05:51 | Lastly, we will learn about cut-out text. |
| 05:55 | Create a rectangle and type the word INKSCAPE on the top of the rectangle. |
| 06:01 | Select both. Go to Path menu. Select Difference option. |
| 06:08 | Observe what happens on the canvas. |
| 06:11 | We will learn one more method of creating cut-out text. |
| 06:15 | Again, type the word INKSCAPE |
| 06:17 | Go to Object menu and click on Fill and Stroke. |
| 06:21 | Go to Stroke paint tab, click on Flat color. |
| 06:25 | Go to Stroke style tab and change the width parameter to 2. |
| 06:30 | Go to Fill tab and click on No paint. |
| 06:35 | Observe a cut out shape has formed on our text. |
| 06:38 | Let us summarize. |
| 06:40 | In this tutorial, we learnt to- |
| 06:42 | Create text on path |
| 06:44 | Create text on shape |
| 06:46 | Image inside text |
| 06:48 | Text in perspective and Cut-out text. |
| 06:51 | Here are a few assignments for you. |
| 06:54 | Create the text Learn FOSS using Spoken Tutorial in a wavy path. |
| 06:59 | Draw a Trapezoid using Bezier tool. |
| 07:02 | Copy the text from the code file and paste it inside the Trapezoid. |
| 07:07 | Insert the text INKSCAPE on a colorful image. |
| 07:10 | Create the text INKSCAPE in perspective. |
| 07:13 | Create a cut-out text for SPOKEN TUTORIAL. |
| 07:17 | Your completed assignment should look like this. |
| 07:21 | The video available at the following link summarizes the Spoken Tutorial project. Please watch it. |
| 07:27 | The Spoken Tutorial Project team conducts workshops and gives certificates for those who pass an online test. |
| 07:34 | For more details, please write to us. |
| 07:36 | Spoken Tutorial Project is supported by NMEICT, MHRD, Government of India. |
| 07:42 | More information on this mission is available at this link. |
| 07:47 | We have come to the end of this tutorial. This is Arthi and Priya from IIT Bombay, signing off. Thanks for joining. |
