Difference between revisions of "Inkscape/C3/Create-patterns-in-Inkscape/English-timed"
From Script | Spoken-Tutorial
(Created page with "{| Border=1 |'''Time''' |'''Narration''' |- | 00:01 | Welcome to the Spoken Tutorial on '''Create patterns in Inkscape'''. |- | 00:06 | In this tutorial We will learn to cr...") |
Sandhya.np14 (Talk | contribs) |
||
| Line 5: | Line 5: | ||
|- | |- | ||
| 00:01 | | 00:01 | ||
| − | | Welcome to the Spoken Tutorial on '''Create patterns in Inkscape'''. | + | | Welcome to the '''Spoken Tutorial''' on '''Create patterns in Inkscape'''. |
|- | |- | ||
| 00:06 | | 00:06 | ||
| − | | In this tutorial We will learn to create patterns using | + | | In this tutorial, We will learn to create patterns using: |
* '''Cloning''' | * '''Cloning''' | ||
* '''Pattern along path''' | * '''Pattern along path''' | ||
| − | * '''Spray''' tool and * '''Path effect editor''' | + | * '''Spray''' tool and |
| + | * '''Path effect editor'''. | ||
|- | |- | ||
| 00:17 | | 00:17 | ||
| − | | To record this tutorial, I am using | + | | To record this tutorial, I am using: |
* '''Ubuntu Linux''' 12.04 OS | * '''Ubuntu Linux''' 12.04 OS | ||
* '''Inkscape''' version 0.48.4 | * '''Inkscape''' version 0.48.4 | ||
| Line 26: | Line 27: | ||
|- | |- | ||
| 00:29 | | 00:29 | ||
| − | | Click on the '''Star | + | | Click on the '''Star''' tool and draw a star in the '''canvas.''' |
|- | |- | ||
| Line 34: | Line 35: | ||
|- | |- | ||
| 00:36 | | 00:36 | ||
| − | | On the '''Tools controls bar | + | | On the '''Tools controls bar,''' change the '''Width''' and '''Height''' parameters to 40. |
|- | |- | ||
| Line 42: | Line 43: | ||
|- | |- | ||
| 00:46 | | 00:46 | ||
| − | | Observe that the '''pivot point''' is visible now. | + | | Observe that the '''pivot point''' is visible now. It's the '''plus''' shape in the centre of the star object. |
|- | |- | ||
| 00:53 | | 00:53 | ||
| − | | Click and move the '''pivot point''' far away from the star | + | | Click and move the '''pivot point''' far away from the star, as demonstrated here. |
|- | |- | ||
| Line 54: | Line 55: | ||
|- | |- | ||
|01:06 | |01:06 | ||
| − | | A new dialog box opens up.You can find many tabs and many options under each tab. | + | | A new dialog box opens up. You can find many tabs and many options under each '''tab'''. |
|- | |- | ||
| 01:15 | | 01:15 | ||
| − | | Under '''Symmetry''' tab, we can see a drop-down menu with various methods. For this demo, we will keep the option '''simple translation.''' | + | | Under '''Symmetry''' tab, we can see a drop-down menu with various methods. For this 'demo', we will keep the option '''simple translation.''' |
|- | |- | ||
| Line 66: | Line 67: | ||
|- | |- | ||
| 01:32 | | 01:32 | ||
| − | | Next go to '''Shift | + | | Next, go to '''Shift''' tab. Change the percentage of '''Shift X''' parameter under '''Per column''' to -100, as shown here. |
|- | |- | ||
| Line 74: | Line 75: | ||
|- | |- | ||
| 01:48 | | 01:48 | ||
| − | | Now click on '''Create''' button. Observe, a circle pattern is formed with the star. | + | | Now, click on '''Create''' button. Observe, a circle pattern is formed with the star. |
|- | |- | ||
| Line 86: | Line 87: | ||
|- | |- | ||
| 02:04 | | 02:04 | ||
| − | | Next, we will learn how to create a pattern along a path. | + | | Next, we will learn how to create a pattern along a '''path'''. |
|- | |- | ||
| 02:09 | | 02:09 | ||
| − | | Select '''Rectangle | + | | Select '''Rectangle''' tool and draw a '''rounded rectangle.''' Color it green. Then click on the '''Selector tool.''' |
|- | |- | ||
| Line 102: | Line 103: | ||
|- | |- | ||
|02:32 | |02:32 | ||
| − | |Click on the '''Selector tool.''' On the '''Tool controls bar '''change the '''Width''' and '''Height''' to 50. | + | |Click on the '''Selector tool.''' On the '''Tool controls bar, '''change the '''Width''' and '''Height''' to 50. |
|- | |- | ||
| Line 122: | Line 123: | ||
|- | |- | ||
|03:03 | |03:03 | ||
| − | | Click on '''Apply '''button and '''Close''' button.Observe, a beautiful pattern is formed around border of the rectangle. | + | | Click on '''Apply '''button and '''Close''' button. Observe, a beautiful pattern is formed around border of the rectangle. |
|- | |- | ||
| Line 150: | Line 151: | ||
|- | |- | ||
| 03:48 | | 03:48 | ||
| − | | In the '''Path Effect Editor''' | + | | In the '''Path Effect Editor''', you can find various parameters related to the current effect. |
|- | |- | ||
| 03:54 | | 03:54 | ||
| − | | Let us change one of them, say, '''Strokes'''. Let's change it to 10 and press '''Enter'''.Observe the change on the object. | + | | Let us change one of them, say, '''Strokes'''. Let's change it to 10 and press '''Enter'''. Observe the change on the object. |
|- | |- | ||
| 04:03 | | 04:03 | ||
| − | | Now close the '''Path Effect Editor''' dialog box. | + | | Now, close the '''Path Effect Editor''' dialog box. |
|- | |- | ||
| Line 170: | Line 171: | ||
|- | |- | ||
| 04:18 | | 04:18 | ||
| − | | Select '''Bezier tool.'''Draw a tree-trunk | + | | Select '''Bezier tool.''' Draw a tree-trunk as demonstrated and color it brown. Now draw a leaf and color it green. |
|- | |- | ||
| Line 178: | Line 179: | ||
|- | |- | ||
| 04:43 | | 04:43 | ||
| − | | Now without releasing the mouse drag around the trunk to create a tree. | + | | Now, without releasing the '''mouse''', drag around the trunk to create a tree. |
|- | |- | ||
| Line 190: | Line 191: | ||
|- | |- | ||
| 04:58 | | 04:58 | ||
| − | |In this tutorial, we have learnt to create patterns using | + | |In this tutorial, we have learnt to create patterns using: |
* '''Cloning''' | * '''Cloning''' | ||
* '''Pattern along path''' | * '''Pattern along path''' | ||
| − | * '''Spray tool''' and '''Path effect editor'''. | + | * '''Spray tool''' and |
| + | * '''Path effect editor'''. | ||
|- | |- | ||
| Line 209: | Line 211: | ||
|- | |- | ||
| 05:23 | | 05:23 | ||
| − | | The Spoken Tutorial Project | + | | The '''Spoken Tutorial Project''' team conducts workshops and gives certificates for those who pass an online test. For more details, please write to us. |
|- | |- | ||
| 05:32 | | 05:32 | ||
| − | | Spoken Tutorial Project is supported by the NMEICT, MHRD, Government of India.More information on this | + | | Spoken Tutorial Project is supported by the NMEICT, MHRD, Government of India. More information on this mission is available at this link. |
|- | |- | ||
Revision as of 10:01, 9 September 2015
| Time | Narration |
| 00:01 | Welcome to the Spoken Tutorial on Create patterns in Inkscape. |
| 00:06 | In this tutorial, We will learn to create patterns using:
|
| 00:17 | To record this tutorial, I am using:
|
| 00:27 | Let us open Inkscape. |
| 00:29 | Click on the Star tool and draw a star in the canvas. |
| 00:33 | Now click on the Selector tool. |
| 00:36 | On the Tools controls bar, change the Width and Height parameters to 40. |
| 00:42 | Zoom in and click on the star once. |
| 00:46 | Observe that the pivot point is visible now. It's the plus shape in the centre of the star object. |
| 00:53 | Click and move the pivot point far away from the star, as demonstrated here. |
| 00:59 | Now, go to Edit menu, click on Clone and then on Create Tiled clones. |
| 01:06 | A new dialog box opens up. You can find many tabs and many options under each tab. |
| 01:15 | Under Symmetry tab, we can see a drop-down menu with various methods. For this 'demo', we will keep the option simple translation. |
| 01:25 | Change the rows and columns parameters to 1 and 40 respectively. |
| 01:32 | Next, go to Shift tab. Change the percentage of Shift X parameter under Per column to -100, as shown here. |
| 01:41 | Next, let us go to Rotation tab. Change the Angle under Per column to 10. |
| 01:48 | Now, click on Create button. Observe, a circle pattern is formed with the star. |
| 01:55 | Likewise, you can use the other options under Create Tiled clones to make many beautiful patterns. |
| 02:01 | Let us move this star circle aside. |
| 02:04 | Next, we will learn how to create a pattern along a path. |
| 02:09 | Select Rectangle tool and draw a rounded rectangle. Color it green. Then click on the Selector tool. |
| 02:20 | On the Tool controls bar, change the Width to 540 and Height to 250. |
| 02:28 | Next, draw a star pattern using the Star tool. |
| 02:32 | Click on the Selector tool. On the Tool controls bar, change the Width and Height to 50. |
| 02:40 | Place it on the top left border of the rectangle. |
| 02:45 | Select both the shapes. Go to Extensions menu. |
| 02:48 | Click on Generate from path and then on Pattern along Path. |
| 02:55 | Change the Copies of the patterns option to Repeated and the Deformation type option to Ribbon. |
| 03:03 | Click on Apply button and Close button. Observe, a beautiful pattern is formed around border of the rectangle. |
| 03:11 | Let us now create another pattern using Path effects. |
| 03:16 | Select Bezier tool and draw a wavy path. |
| 03:20 | Go to Path menu. Click on Path Effects Editor. A dialog box opens up. |
| 03:27 | Click on Apply new effect drop down menu. Notice, there are various effects listed here. |
| 03:33 | Let me select Gears and then click on Add. Observe the change in the shape. |
| 03:41 | Next, select Sketch and click on Add button. Observe the effect. |
| 03:48 | In the Path Effect Editor, you can find various parameters related to the current effect. |
| 03:54 | Let us change one of them, say, Strokes. Let's change it to 10 and press Enter. Observe the change on the object. |
| 04:03 | Now, close the Path Effect Editor dialog box. |
| 04:08 | Select all the shapes and move it to one side. |
| 04:12 | Next, we will learn to create a tree pattern using Spray tool. |
| 04:18 | Select Bezier tool. Draw a tree-trunk as demonstrated and color it brown. Now draw a leaf and color it green. |
| 04:38 | Select Spray tool and click on the leaf shape. |
| 04:43 | Now, without releasing the mouse, drag around the trunk to create a tree. |
| 04:51 | Observe a tree shape is formed. |
| 04:55 | That's all for this tutorial. Let us summarize. |
| 04:58 | In this tutorial, we have learnt to create patterns using:
|
| 05:08 | As an assignment, create a round and colourful pattern. |
| 05:12 | Your completed assignment should look like this. |
| 05:16 | The video available at the following link summarizes the Spoken Tutorial project. Please watch it. |
| 05:23 | The Spoken Tutorial Project team conducts workshops and gives certificates for those who pass an online test. For more details, please write to us. |
| 05:32 | Spoken Tutorial Project is supported by the NMEICT, MHRD, Government of India. More information on this mission is available at this link. |
| 05:41 | We have come to the end of this tutorial. This is Arthi and Saurabh from IIT Bombay, signing off. Thanks for joining. |
