Inkscape/C2/Text-Manipulation/English-timed
From Script | Spoken-Tutorial
Revision as of 17:20, 8 September 2015 by Sandhya.np14 (Talk | contribs)
|
|
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 the image on our canvas. |
03:29 | Select it and go to 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. 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 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 |
06:49 | * 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. |