Difference between revisions of "Inkscape/C3/Text-Manipulation/English"
Nancyvarkey (Talk | contribs) |
Nancyvarkey (Talk | contribs) |
||
| Line 23: | Line 23: | ||
* Image inside text | * Image inside text | ||
* Text in perspective | * Text in perspective | ||
| − | * Cut out text | + | * '''Cut-out text''' |
|- | |- | ||
Revision as of 16:28, 8 September 2014
Title of script: Text Manipulation
Author: Priya K and Arthi.A
Keywords: Inkscape, Text on path, Text on shape, Image inside text, Perspective text, Cutout text.
| |
|
| Opening Slide | Welcome to the Spoken Tutorial on “Text Manipulation” using Inkscape. |
| Learning Objectives (Slide) | In this tutorial we will learn to-
|
| System requirement (Slide) | To record this tutorial, I am using-
|
| Open Inkscape | Let us open Inkscape. |
| Click on Text tool | First, we will learn how to create text on a path. Click on Text tool. |
| Type “Spoken Tutorial is an Audio-Video tutorial” | Type the sentence “Spoken Tutorial is an Audio-Video tutorial” on the canvas. |
| Click on Bezier tool
|
Recall that we had learnt to create path using the earlier. So, click on Bezier tool.
|
| Select both | Select both the text and the path. |
| Go to Text menu.
|
Go to Text menu and click on Put on Path option.
|
| Click anywhere on the canvas to deselect all. | |
| Click on Text tool | Select the Text tool and click on the starting point of the text. |
| Press Space bar several times | Give some spaces by pressing space bar to adjust the text on the path. |
| Click and drag the handles | Now select the path. Using the handles resize the path.
|
| Go to Text menu >> Remove from Path | To remove the text from the path, go to Text menu.
Click on Remove from Path. |
| Press Ctrl + Z | Observe that the path is now removed. Press Ctrl + Z to undo this action.
|
| Next, we will learn how to insert text into a shape. | |
| Create a hexagon. | Using Polygon tool , create a hexagon. Now we will insert some text inside the hexagon. |
| Open LO Writer >> Press Ctrl + A >> Press Ctrl + C | I will copy some text from a LibreOffice Writer file that I had saved ealier.
|
| Click on the Text tool.
|
Now, come back to Inkscape. Click on Text tool.
|
| Select both | Select both the text and the hexagon. |
| Go to Text menu. Click on Flow into Frame | Now go to Text menu.
Click on Flow into Frame.
|
| Go to Text menu >> Click on Unflow | To remove the Flow, go to Text menu. Click on Unflow.
|
| Now we will learn how to create text on an image. | |
| Go to File and Import. | First let us import an image. Go to File and Import. |
| Import an image | I have saved an image in the Pictures folder.
Click to open this folder. |
| Select the image >> Object menu >> Pattern >> Object to Pattern | Now we have the image on our canvas. Select it and go to Object menu.
|
| Type “SPOKEN TUTORIAL” >> Make it Bold. | Using Text tool, type “SPOKEN TUTORIAL”.
|
| Object menu >> Fill and Stroke
|
Go to Object menu. Click on Fill and Stroke option.
|
| Click on Node tool
|
To adjust the image, click on Node tool.
|
| Click and rotate the circular handle.
|
Click on the circular handle to rotate the image on the text.
|
| Next we will learn how to create text in a perspective. | |
| Type “SPOKEN”
|
Type “SPOKEN” on the canvas.
|
| Select Bezier curve >> Draw the path | Now let us draw the path by selecting Bezier curve.
Draw a rectangle in perspective with larger side, at the left side and smaller side at the right. |
| Select both text and path | Select both, the word “SPOKEN” and the rectangular path. |
| Go to Extensions >> Modify Path >>Perspective | Go to Extensions, click on Modify Path and then on Perspective. |
| Point to the transformed text | Now, we can see that the text appears in perspective.
Note the text takes the starting point and direction of the path. |
| Next, let us create the text in another perspective. | |
| Type the word “TUTORIAL”
|
Type “TUTORIAL” on the canvas.
|
| Draw a path starting from left top corner | Draw a similar perspective rectangular path using Bezier tool.
|
| Go to Extensions >> Modify Path >>Perspective | Select both, the path and the text.
|
| Point to the transformed text | Now we see that the text appears from top to bottom.
|
| Lastly, we will learn about cut-out text. | |
| Type “INKSCAPE” | Type the word “INKSCAPE”. Then create a rectangle and keep the text above the rectangle. |
| Select both. Path menu >> Difference | Select both. Go to Path menu. Select Difference option.
|
| We will learn one more method of creating cut-out text. | |
| Type “INKSCAPE”
|
Again, type the word “INKSCAPE”
|
| Go to Stroke paint >> Flat color | Under Stroke paint tab, click on Flat color. |
| Go to Stroke style
|
Go to Stroke style tab and change the width parameter to 5. |
| Go to Fill tab >> No paint | Go to Fill tab and click on No paint.
|
| Summary (Slide) | Let us summarize.
|
| Completed assignment | Here are a few assignments 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.
For more details, please write to us. |
| 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 | We have come to the end of this tutorial.
This is Arthi and Priya from IIT Bombay, signing off. Thanks for joining. |
