Difference between revisions of "Inkscape/C2/Text-Manipulation/English-timed"
From Script | Spoken-Tutorial
Sandhya.np14 (Talk | contribs) |
Sandhya.np14 (Talk | contribs) |
||
Line 38: | Line 38: | ||
|- | |- | ||
|00:22 | |00:22 | ||
− | | | + | |* '''Ubuntu Linux''' 12.04 OS |
|- | |- | ||
|00:25 | |00:25 | ||
− | | | + | |* '''Inkscape''' version 0.48.4 |
|- | |- | ||
Line 54: | Line 54: | ||
|- | |- | ||
| 00:36 | | 00:36 | ||
− | | Type the sentence | + | | Type the sentence “Spoken Tutorial is an Audio-Video tutorial” on the canvas. |
|- | |- | ||
Line 74: | Line 74: | ||
|- | |- | ||
| 00:59 | | 00:59 | ||
− | | Select both the text and the '''path'''. | + | | Select both the '''text''' and the '''path'''. |
|- | |- | ||
| 01:03 | | 01:03 | ||
− | | Go to '''Text | + | | Go to '''Text''' menu and click on '''Put on Path''' option. |
|- | |- | ||
|01:08 | |01:08 | ||
− | | Observe our text is formed on the path. | + | | Observe our text is formed on the '''path'''. |
|- | |- | ||
Line 102: | Line 102: | ||
|- | |- | ||
|01:35 | |01:35 | ||
− | | Using the '''handles''', resize the path. | + | | Using the '''handles''', '''resize''' the path. |
|- | |- | ||
Line 114: | Line 114: | ||
|- | |- | ||
|01:49 | |01:49 | ||
− | | Go to '''Text | + | | Go to '''Text''' menu. |
|- | |- | ||
Line 166: | Line 166: | ||
|- | |- | ||
| 02:39 | | 02:39 | ||
− | | Now go to '''Text | + | | Now go to '''Text''' menu. |
|- | |- | ||
Line 190: | Line 190: | ||
|- | |- | ||
| 03:07 | | 03:07 | ||
− | | Now we will learn how to create text on an image. | + | | Now we will learn how to create text on an '''image'''. |
|- | |- | ||
Line 202: | Line 202: | ||
|- | |- | ||
| 03:25 | | 03:25 | ||
− | | Now we have | + | | Now, we have an image on our '''canvas.''' |
|- | |- | ||
|03:29 | |03:29 | ||
− | | Select it and go to '''Object''' menu. | + | | Select it and go to the '''Object''' menu. |
|- | |- | ||
Line 214: | Line 214: | ||
|- | |- | ||
| 03:38 | | 03:38 | ||
− | | Using the '''Text''' tool, type: | + | | Using the '''Text''' tool, type: “SPOKEN TUTORIAL” under the '''image'''. |
|- | |- | ||
Line 222: | Line 222: | ||
|- | |- | ||
| 03:47 | | 03:47 | ||
− | | Go to '''Object | + | | Go to '''Object''' menu and click on '''Fill and Stroke''' option. |
|- | |- | ||
Line 250: | Line 250: | ||
|- | |- | ||
| 04:21 | | 04:21 | ||
− | | Type | + | | Type “SPOKEN” on the '''canvas'''. |
|- | |- | ||
|04:24 | |04:24 | ||
− | | Go to '''Path | + | | Go to '''Path''' menu and click on '''Object to Path.''' |
|- | |- | ||
| 04:30 | | 04:30 | ||
− | | Next, let us draw the path by selecting '''Bezier curve.''' | + | | Next, let us draw the path by selecting the '''Bezier curve.''' |
|- | |- | ||
Line 282: | Line 282: | ||
|- | |- | ||
|05:01 | |05:01 | ||
− | | Note the text takes the starting point and direction of the path. | + | | Note, the text takes the starting point and direction of the path. |
|- | |- | ||
Line 290: | Line 290: | ||
|- | |- | ||
| 05:11 | | 05:11 | ||
− | | Type | + | | Type “TUTORIAL” on the canvas. |
|- | |- | ||
|05:15 | |05:15 | ||
− | | Go to '''Path | + | | Go to '''Path''' menu and click on '''Object to Path.''' |
|- | |- | ||
Line 310: | Line 310: | ||
|- | |- | ||
|05:34 | |05:34 | ||
− | | Go to '''Extensions | + | | Go to '''Extensions > Modify Path''' and then on '''Perspective.''' |
|- | |- | ||
Line 326: | Line 326: | ||
|- | |- | ||
| 05:55 | | 05:55 | ||
− | | Create a rectangle and type the word | + | | Create a rectangle and type the word “INKSCAPE” on the top of the rectangle. |
|- | |- | ||
| 06:01 | | 06:01 | ||
− | | Select both. Go to '''Path | + | | Select both. Go to '''Path''' menu. Select '''Difference '''option. |
|- | |- | ||
Line 346: | Line 346: | ||
|- | |- | ||
|06:17 | |06:17 | ||
− | | Go to '''Object | + | | Go to '''Object''' menu and click on '''Fill and Stroke.''' |
|- | |- | ||
Line 358: | Line 358: | ||
|- | |- | ||
| 06:30 | | 06:30 | ||
− | | Go to '''Fill | + | | Go to '''Fill''' tab and click on '''No paint'''. |
|- | |- | ||
|06:35 | |06:35 | ||
− | | Observe a cut out shape has formed on our text. | + | | Observe a '''cut out''' shape has formed on our text. |
|- | |- | ||
Line 394: | Line 394: | ||
|- | |- | ||
|06:54 | |06:54 | ||
− | | Create the text | + | | Create the text “Learn FOSS using Spoken Tutorial” in a wavy path. |
|- | |- | ||
|06:59 | |06:59 |
Revision as of 22:06, 10 September 2015
|
|
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 |
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. |