Difference between revisions of "Inkscape/C3/Create-patterns-in-Inkscape/English-timed"

From Script | Spoken-Tutorial
Jump to: navigation, search
(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...")
 
 
(2 intermediate revisions by one other user not shown)
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 tool''' and draw a star in the '''canvas.'''
+
| 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:''' Change the '''width''' and '''height''' parameters to 40.
+
| 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. Its the '''plus shape''' in the centre of the star object.  
+
| 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; as demonstrated here.  
+
| 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 tab.''' Change the percentage of '''Shift X''' parameter under '''Per column''' to -100, as shown here.
+
| 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 tool '''and draw a '''rounded rectangle.''' Color it green.Then click on the '''Selector tool.'''  
+
| 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 134: Line 135:
 
|-
 
|-
 
| 03:20
 
| 03:20
| Go to '''Path menu.''' Click on '''Path Effects Editor.''' A dialog box opens up.  
+
| Go to '''Path''' menu. Click on '''Path Effects Editor.''' A dialog box opens up.  
  
 
|-
 
|-
 
| 03:27
 
| 03:27
| Click on '''Apply new effect''' drop down menu. Notice, there are various effects listed here.  
+
| Click on '''Apply new effect''' drop-down menu. Notice, there are various effects listed here.  
  
 
|-
 
|-
Line 150: Line 151:
 
|-
 
|-
 
| 03:48
 
| 03:48
| In the '''Path Effect Editor''' You can find various parameters related to the current effect.  
+
| 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, as demonstrated and color it brown. Now draw a leaf and color it green.  
+
| 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 Team conducts workshops and gives certificates for those who pass an online test. For more details, please write to us.  
+
| 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 Mission is available at this link.  
+
| Spoken Tutorial Project is supported by the NMEICT, MHRD, Government of India. More information on this mission is available at this link.  
  
 
|-
 
|-

Latest revision as of 19:11, 20 February 2017

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:

Cloning Pattern along path Spray tool and Path effect editor.

00:17 To record this tutorial, I am using:

Ubuntu Linux 12.04 OS Inkscape version 0.48.4

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:

Cloning Pattern along path Spray tool and Path effect editor.

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.

Contributors and Content Editors

Pratik kamble, Sandhya.np14