Difference between revisions of "Inkscape/C4/Mango-pattern-for-Textile-design/English"
From Script | Spoken-Tutorial
Nancyvarkey (Talk | contribs) |
|||
| Line 1: | Line 1: | ||
'''Title of script: Mango pattern for textile design''' | '''Title of script: Mango pattern for textile design''' | ||
| − | '''Author:''' Arthi | + | '''Author:''' Saurabh, Arthi.A, Shital |
'''Keywords:''' Inkscape, Patterns in Inkscape, Repeat patterns using cloning, Draw using '''Pattern along Path''' | '''Keywords:''' Inkscape, Patterns in Inkscape, Repeat patterns using cloning, Draw using '''Pattern along Path''' | ||
| Line 14: | Line 14: | ||
| style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding-top:0in;padding-bottom:0.0382in;padding-left:0.0382in;padding-right:0in;"| Opening Slide | | style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding-top:0in;padding-bottom:0.0382in;padding-left:0.0382in;padding-right:0in;"| Opening Slide | ||
| style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding-top:0in;padding-bottom:0.0382in;padding-left:0.0382in;padding-right:0.0382in;"| Welcome to the Spoken Tutorial on “'''Mango''' '''Patterns for textile design'''” using '''Inkscape'''. | | style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding-top:0in;padding-bottom:0.0382in;padding-left:0.0382in;padding-right:0.0382in;"| Welcome to the Spoken Tutorial on “'''Mango''' '''Patterns for textile design'''” using '''Inkscape'''. | ||
| − | |||
| − | |||
| − | |||
|- | |- | ||
| Line 24: | Line 21: | ||
* Mango pattern | * Mango pattern | ||
* Draw using '''Pattern along Path''' | * Draw using '''Pattern along Path''' | ||
| − | |||
| − | |||
|- | |- | ||
| Line 33: | Line 28: | ||
* '''Ubuntu Linux''' 12.04 OS | * '''Ubuntu Linux''' 12.04 OS | ||
* '''Inkscape''' version 0.91 | * '''Inkscape''' version 0.91 | ||
| − | |||
| − | |||
|- | |- | ||
| Line 44: | Line 37: | ||
| style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding-top:0in;padding-bottom:0.0382in;padding-left:0.0382in;padding-right:0.0382in;"| Select '''Bezier tool.''' | | style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding-top:0in;padding-bottom:0.0382in;padding-left:0.0382in;padding-right:0.0382in;"| Select '''Bezier tool.''' | ||
| − | On the Tool | + | On the '''Tool Controls bar''', change |
| + | *the '''Mode''' to '''Create Spiro path''' | ||
| + | *and the '''Shape''' to '''Ellipse.''' | ||
|- | |- | ||
| Line 52: | Line 47: | ||
It should look like a mango pattern. | It should look like a mango pattern. | ||
| − | |||
| − | |||
| − | |||
|- | |- | ||
| Line 70: | Line 62: | ||
|- | |- | ||
| style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding-top:0in;padding-bottom:0.0382in;padding-left:0.0382in;padding-right:0in;"| '''Tool controls bar >> '''change '''width and height to 30''' | | style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding-top:0in;padding-bottom:0.0382in;padding-left:0.0382in;padding-right:0in;"| '''Tool controls bar >> '''change '''width and height to 30''' | ||
| − | | style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding-top:0in;padding-bottom:0.0382in;padding-left:0.0382in;padding-right:0.0382in;"| On the '''Tool controls bar,''' change the | + | | style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding-top:0in;padding-bottom:0.0382in;padding-left:0.0382in;padding-right:0.0382in;"| On the '''Tool controls bar,''' change the '''Width''' and '''Height''' to 30. |
|- | |- | ||
| Line 82: | Line 74: | ||
|- | |- | ||
| style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding-top:0in;padding-bottom:0.0382in;padding-left:0.0382in;padding-right:0in;"| Change''' rows '''to''' 1 '''and''' columns '''to''' 36 >> Create''' | | style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding-top:0in;padding-bottom:0.0382in;padding-left:0.0382in;padding-right:0in;"| Change''' rows '''to''' 1 '''and''' columns '''to''' 36 >> Create''' | ||
| − | | style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding-top:0in;padding-bottom:0.0382in;padding-left:0.0382in;padding-right:0.0382in;"| Change the number of | + | | style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding-top:0in;padding-bottom:0.0382in;padding-left:0.0382in;padding-right:0.0382in;"| Change the number of '''Rows''' to 1 and '''Columns''' to 36. |
| − | Number of | + | Number of '''Columns''' may vary according to the size of the mango shape. |
Click on '''Create.''' | Click on '''Create.''' | ||
| Line 111: | Line 103: | ||
| style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding-top:0in;padding-bottom:0.0382in;padding-left:0.0382in;padding-right:0in;"| '''Bezier tool ''' | | style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding-top:0in;padding-bottom:0.0382in;padding-left:0.0382in;padding-right:0in;"| '''Bezier tool ''' | ||
| style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding-top:0in;padding-bottom:0.0382in;padding-left:0.0382in;padding-right:0.0382in;"| Now select mango shape and the star row and delete them. | | style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding-top:0in;padding-bottom:0.0382in;padding-left:0.0382in;padding-right:0.0382in;"| Now select mango shape and the star row and delete them. | ||
| − | |||
| − | |||
| − | |||
|- | |- | ||
| style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding-top:0in;padding-bottom:0.0382in;padding-left:0.0382in;padding-right:0in;"| Press '''Ctrl + D''' | | style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding-top:0in;padding-bottom:0.0382in;padding-left:0.0382in;padding-right:0in;"| Press '''Ctrl + D''' | ||
| style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding-top:0in;padding-bottom:0.0382in;padding-left:0.0382in;padding-right:0.0382in;"| Select the star pattern and press '''Ctrl + D''' to duplicate it. | | style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding-top:0in;padding-bottom:0.0382in;padding-left:0.0382in;padding-right:0.0382in;"| Select the star pattern and press '''Ctrl + D''' to duplicate it. | ||
| − | |||
| − | |||
| − | |||
|- | |- | ||
| style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding-top:0in;padding-bottom:0.0382in;padding-left:0.0382in;padding-right:0in;"| Resize the pattern | | style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding-top:0in;padding-bottom:0.0382in;padding-left:0.0382in;padding-right:0in;"| Resize the pattern | ||
| − | | style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding-top:0in;padding-bottom:0.0382in;padding-left:0.0382in;padding-right:0.0382in;"| Select the duplicated pattern and resize it by pressing '''Ctrl | + | | style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding-top:0in;padding-bottom:0.0382in;padding-left:0.0382in;padding-right:0.0382in;"| Select the duplicated pattern and resize it by pressing '''Ctrl key.''' |
| − | + | ||
| − | + | ||
| − | + | ||
|- | |- | ||
| style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding-top:0in;padding-bottom:0.0382in;padding-left:0.0382in;padding-right:0in;"| Place the pattern in the middle of the original | | style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding-top:0in;padding-bottom:0.0382in;padding-left:0.0382in;padding-right:0in;"| Place the pattern in the middle of the original | ||
| − | | style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding-top:0in;padding-bottom:0.0382in;padding-left:0.0382in;padding-right:0.0382in;"| Scale the duplicated pattern as demonstrated and keep it in the middle | + | | style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding-top:0in;padding-bottom:0.0382in;padding-left:0.0382in;padding-right:0.0382in;"| Scale the duplicated pattern as demonstrated and keep it in the middle of the original pattern. |
|- | |- | ||
| style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding-top:0in;padding-bottom:0.0382in;padding-left:0.0382in;padding-right:0in;"| Point to the design | | style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding-top:0in;padding-bottom:0.0382in;padding-left:0.0382in;padding-right:0in;"| Point to the design | ||
| − | | style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding-top:0in;padding-bottom:0.0382in;padding-left:0.0382in;padding-right:0.0382in;"| Let us now fill the empty area inside the mango | + | | style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding-top:0in;padding-bottom:0.0382in;padding-left:0.0382in;padding-right:0.0382in;"| Let us now fill the empty area inside the mango pattern with another design. |
|- | |- | ||
| Line 146: | Line 129: | ||
| style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding-top:0in;padding-bottom:0.0382in;padding-left:0.0382in;padding-right:0in;"| '''Path menu >> Path Effects''' | | style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding-top:0in;padding-bottom:0.0382in;padding-left:0.0382in;padding-right:0in;"| '''Path menu >> Path Effects''' | ||
| style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding-top:0in;padding-bottom:0.0382in;padding-left:0.0382in;padding-right:0.0382in;"| Now go to '''Path menu.''' Select '''Path Effects.''' | | style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding-top:0in;padding-bottom:0.0382in;padding-left:0.0382in;padding-right:0.0382in;"| Now go to '''Path menu.''' Select '''Path Effects.''' | ||
| − | |||
| − | |||
| − | |||
|- | |- | ||
| Line 156: | Line 136: | ||
|- | |- | ||
| style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding-top:0in;padding-bottom:0.0382in;padding-left:0.0382in;padding-right:0in;"| Click on '''Edit on-canvas.''' | | style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding-top:0in;padding-bottom:0.0382in;padding-left:0.0382in;padding-right:0in;"| Click on '''Edit on-canvas.''' | ||
| − | | style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding-top:0in;padding-bottom:0.0382in;padding-left:0.0382in;padding-right:0.0382in;"| In Pattern source, click on the 1<sup>st</sup> option that is '''Edit on-canvas.''' | + | | style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding-top:0in;padding-bottom:0.0382in;padding-left:0.0382in;padding-right:0.0382in;"| In '''Pattern source''', click on the 1<sup>st</sup> option - that is '''Edit on-canvas.''' |
| − | + | ||
| − | + | ||
| − | + | ||
|- | |- | ||
| style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding-top:0in;padding-bottom:0.0382in;padding-left:0.0382in;padding-right:0in;"| Point to the '''nodes''' | | style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding-top:0in;padding-bottom:0.0382in;padding-left:0.0382in;padding-right:0in;"| Point to the '''nodes''' | ||
| style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding-top:0in;padding-bottom:0.0382in;padding-left:0.0382in;padding-right:0.0382in;"| Observe there are 4 '''nodes''' created on the top left of the '''canvas.''' | | style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding-top:0in;padding-bottom:0.0382in;padding-left:0.0382in;padding-right:0.0382in;"| Observe there are 4 '''nodes''' created on the top left of the '''canvas.''' | ||
| − | |||
| − | |||
| − | |||
|- | |- | ||
| Line 174: | Line 148: | ||
Move it near the flower pattern. | Move it near the flower pattern. | ||
| − | |||
| − | |||
| − | |||
|- | |- | ||
| Line 189: | Line 160: | ||
| − | This is done to avoid | + | This is done to avoid any change in the shape, while resizing. |
|- | |- | ||
| Line 195: | Line 166: | ||
| style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding-top:0in;padding-bottom:0.0382in;padding-left:0.0382in;padding-right:0.0382in;"| Resize the pattern as shown. | | style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding-top:0in;padding-bottom:0.0382in;padding-left:0.0382in;padding-right:0.0382in;"| Resize the pattern as shown. | ||
| − | Duplicate it and place | + | Duplicate it and place inside the Mango pattern as shown. |
|- | |- | ||
| Line 209: | Line 180: | ||
Change the color to blue. | Change the color to blue. | ||
| − | |||
| − | |||
| − | |||
|- | |- | ||
| Line 221: | Line 189: | ||
| style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding-top:0in;padding-bottom:0.0382in;padding-left:0.0382in;padding-right:0.0382in;"| Observe a mango pattern is created. | | style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding-top:0in;padding-bottom:0.0382in;padding-left:0.0382in;padding-right:0.0382in;"| Observe a mango pattern is created. | ||
| − | Press '''Ctrl + A''' to select all and press '''Ctrl + G''' to group them. | + | Press '''Ctrl + A''' to select all the objects and press '''Ctrl + G''' to group them. |
|- | |- | ||
| style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding-top:0in;padding-bottom:0.0382in;padding-left:0.0382in;padding-right:0in;"| Resize the pattern >> Place on top left of the '''canvas''' | | style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding-top:0in;padding-bottom:0.0382in;padding-left:0.0382in;padding-right:0in;"| Resize the pattern >> Place on top left of the '''canvas''' | ||
| style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding-top:0in;padding-bottom:0.0382in;padding-left:0.0382in;padding-right:0.0382in;"| Resize the pattern and place it on the top left of the '''canvas.''' | | style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding-top:0in;padding-bottom:0.0382in;padding-left:0.0382in;padding-right:0.0382in;"| Resize the pattern and place it on the top left of the '''canvas.''' | ||
| − | |||
| − | |||
| − | |||
|- | |- | ||
| style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding-top:0in;padding-bottom:0.0382in;padding-left:0.0382in;padding-right:0in;"| '''Edit menu''' >> '''Clone''' >> '''Create Tiled clones''' | | style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding-top:0in;padding-bottom:0.0382in;padding-left:0.0382in;padding-right:0in;"| '''Edit menu''' >> '''Clone''' >> '''Create Tiled clones''' | ||
| − | | style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding-top:0in;padding-bottom:0.0382in;padding-left:0.0382in;padding-right:0.0382in;"| We can repeat | + | | style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding-top:0in;padding-bottom:0.0382in;padding-left:0.0382in;padding-right:0.0382in;"| We can repeat this pattern using cloning. |
Go to '''Edit menu.''' Click on '''Clone''' and then on '''Create Tiled clones.''' | Go to '''Edit menu.''' Click on '''Clone''' and then on '''Create Tiled clones.''' | ||
| − | |||
| − | |||
| − | |||
|- | |- | ||
| style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding-top:0in;padding-bottom:0.0382in;padding-left:0.0382in;padding-right:0in;"| '''Symmetry tab >> Simple translation''' | | style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding-top:0in;padding-bottom:0.0382in;padding-left:0.0382in;padding-right:0in;"| '''Symmetry tab >> Simple translation''' | ||
| − | | style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding-top:0in;padding-bottom:0.0382in;padding-left:0.0382in;padding-right:0.0382in;"| Under the '''Symmetry tab''' change the mode to '''Simple translation.''' | + | | style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding-top:0in;padding-bottom:0.0382in;padding-left:0.0382in;padding-right:0.0382in;"| Under the '''Symmetry tab,''' change the mode to '''Simple translation.''' |
| − | + | ||
| − | + | ||
| − | + | ||
|- | |- | ||
| style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding-top:0in;padding-bottom:0.0382in;padding-left:0.0382in;padding-right:0in;"| Change rows to 8 and columns to 5 | | style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding-top:0in;padding-bottom:0.0382in;padding-left:0.0382in;padding-right:0in;"| Change rows to 8 and columns to 5 | ||
| style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding-top:0in;padding-bottom:0.0382in;padding-left:0.0382in;padding-right:0.0382in;"| Change the number of rows to 8 and number of columns to 5. | | style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding-top:0in;padding-bottom:0.0382in;padding-left:0.0382in;padding-right:0.0382in;"| Change the number of rows to 8 and number of columns to 5. | ||
| − | |||
| − | |||
| − | |||
|- | |- | ||
| style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding-top:0in;padding-bottom:0.0382in;padding-left:0.0382in;padding-right:0in;"| '''Shift tab >> '''Change''' Shift Y '''of '''Per column '''to''' 30''' | | style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding-top:0in;padding-bottom:0.0382in;padding-left:0.0382in;padding-right:0in;"| '''Shift tab >> '''Change''' Shift Y '''of '''Per column '''to''' 30''' | ||
| − | | style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding-top:0in;padding-bottom:0.0382in;padding-left:0.0382in;padding-right:0.0382in;"| Click on '''Shift tab.''' Change the Shift X value of | + | | style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding-top:0in;padding-bottom:0.0382in;padding-left:0.0382in;padding-right:0.0382in;"| Click on '''Shift tab.''' Change the '''Shift X''' value of '''Per column''' to 30. |
| − | + | ||
| − | + | ||
| + | Click on the '''Create''' button. | ||
|- | |- | ||
| − | | style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding-top:0in;padding-bottom:0.0382in;padding-left:0.0382in;padding-right:0in;"| Point to the repetition | + | | style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding-top:0in;padding-bottom:0.0382in;padding-left:0.0382in;padding-right:0in;"| Point to the |
| + | repetition | ||
| style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding-top:0in;padding-bottom:0.0382in;padding-left:0.0382in;padding-right:0.0382in;"| Now the repetition is created on the '''canvas.''' | | style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding-top:0in;padding-bottom:0.0382in;padding-left:0.0382in;padding-right:0.0382in;"| Now the repetition is created on the '''canvas.''' | ||
| Line 276: | Line 232: | ||
* Mango pattern | * Mango pattern | ||
* Draw using '''Pattern along Path''' | * Draw using '''Pattern along Path''' | ||
| − | |||
| − | |||
|- | |- | ||
| Line 284: | Line 238: | ||
* Create a leaf pattern | * Create a leaf pattern | ||
| − | |||
| − | |||
|- | |- | ||
| style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding-top:0in;padding-bottom:0.0382in;padding-left:0.0382in;padding-right:0in;"| Completed assignment | | style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding-top:0in;padding-bottom:0.0382in;padding-left:0.0382in;padding-right:0in;"| Completed assignment | ||
| style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding-top:0in;padding-bottom:0.0382in;padding-left:0.0382in;padding-right:0.0382in;"| Your completed assignment should look like this. | | style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding-top:0in;padding-bottom:0.0382in;padding-left:0.0382in;padding-right:0.0382in;"| Your completed assignment should look like this. | ||
| − | |||
| − | |||
| − | |||
|- | |- | ||
| style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding-top:0in;padding-bottom:0.0382in;padding-left:0.0382in;padding-right:0in;"| About Slide | | style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding-top:0in;padding-bottom:0.0382in;padding-left:0.0382in;padding-right:0in;"| About Slide | ||
| style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding-top:0in;padding-bottom:0.0382in;padding-left:0.0382in;padding-right:0.0382in;"| The video available at the following link summarizes the Spoken Tutorial project. Pls watch it. | | style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding-top:0in;padding-bottom:0.0382in;padding-left:0.0382in;padding-right:0.0382in;"| The video available at the following link summarizes the Spoken Tutorial project. Pls watch it. | ||
| − | |||
| − | |||
| − | |||
|- | |- | ||
| Line 315: | Line 261: | ||
|- | |- | ||
| style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding-top:0in;padding-bottom:0.0382in;padding-left:0.0382in;padding-right:0in;"| Acknowledgement | | style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding-top:0in;padding-bottom:0.0382in;padding-left:0.0382in;padding-right:0in;"| Acknowledgement | ||
| − | | style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding-top:0in;padding-bottom:0.0382in;padding-left:0.0382in;padding-right:0.0382in;"| This is Arthi | + | | style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding-top:0in;padding-bottom:0.0382in;padding-left:0.0382in;padding-right:0.0382in;"| This is Arthi, Shital and Saurabh from IIT Bombay, signing off. |
Thanks for joining | Thanks for joining | ||
|} | |} | ||
Revision as of 11:41, 30 May 2016
Title of script: Mango pattern for textile design
Author: Saurabh, Arthi.A, Shital
Keywords: Inkscape, Patterns in Inkscape, Repeat patterns using cloning, Draw using Pattern along Path
| |
|
| Opening Slide | Welcome to the Spoken Tutorial on “Mango Patterns for textile design” using Inkscape. |
| Learning Objectives (Slide) | In this tutorial we will learn to create a
|
| System requirement (Slide) | To record this tutorial, I am using
|
| Open Inkscape | Let us open Inkscape. |
| Select Bezier tool >> mode to Create Spiro path >> Shape to Ellipse | Select Bezier tool.
On the Tool Controls bar, change
|
| Draw a mango pattern in the canvas | Now draw a mango type design in the canvas as demonstrated.
|
| Select Star tool >> Tool controls bar >> Click on Star icon | Next select the Star tool.
On the Tool controls bar, click on the Star icon. |
| Draw a star >> Change the color to red >> Selector tool | Now draw a star on the canvas.
Change the color to red. Click on the Selector tool. |
| Tool controls bar >> change width and height to 30 | On the Tool controls bar, change the Width and Height to 30. |
| Point to the star | Next we have to create a row pattern of the star. |
| Edit menu >> Clones >> Create Tiled Clones | To do so, go to Edit menu, click on Clones and Create Tiled Clones. |
| Change rows to 1 and columns to 36 >> Create | Change the number of Rows to 1 and Columns to 36.
Number of Columns may vary according to the size of the mango shape. Click on Create. |
| Press Ctrl + G | Now the row pattern is created.
Select all the stars and press Ctrl + G to group them. |
| Select both shape and star | Now select both the mango shape and the star patten. |
| Extensions >> Generate from Path >> Pattern along Path | Go to Extensions, click on Generate from Path and then on Pattern along Path.
Click on Apply and close the dialog box. |
| Point to the star pattern | Observe star pattern is formed on the shape. |
| Bezier tool | Now select mango shape and the star row and delete them. |
| Press Ctrl + D | Select the star pattern and press Ctrl + D to duplicate it. |
| Resize the pattern | Select the duplicated pattern and resize it by pressing Ctrl key. |
| Place the pattern in the middle of the original | Scale the duplicated pattern as demonstrated and keep it in the middle of the original pattern. |
| Point to the design | Let us now fill the empty area inside the mango pattern with another design. |
| Select Bezier tool | Select the Bezier tool.
Draw a flower design as demonstrated. |
| Path menu >> Path Effects | Now go to Path menu. Select Path Effects. |
| Point to Pattern along Path | Under Pattern along Path, we can find many options. |
| Click on Edit on-canvas. | In Pattern source, click on the 1st option - that is Edit on-canvas. |
| Point to the nodes | Observe there are 4 nodes created on the top left of the canvas. |
| Move the nodes near flower pattern | Let me zoom in to see the nodes clearly.
|
| Drag the nodes | Now click on any one of the nodes and drag.
Now observe the change in the shape. |
| Path menu >> Object to Path | Now go to Path menu and click on Object to Path.
|
| Resize and place inside the mango pattern | Resize the pattern as shown.
Duplicate it and place inside the Mango pattern as shown. |
| Draw a star on the canvas | Next let us fill the empty area inside the smaller mango pattern.
Click on the Star tool and draw a star. |
| Click on inner handle and draw a shape | Click on the inner handle and recreate a shape like this.
|
| Duplicate this shape and fill the smaller mango pattern. | |
| Press Ctrl + A >> Press Ctrl + G | Observe a mango pattern is created.
Press Ctrl + A to select all the objects and press Ctrl + G to group them. |
| Resize the pattern >> Place on top left of the canvas | Resize the pattern and place it on the top left of the canvas. |
| Edit menu >> Clone >> Create Tiled clones | We can repeat this pattern using cloning.
Go to Edit menu. Click on Clone and then on Create Tiled clones. |
| Symmetry tab >> Simple translation | Under the Symmetry tab, change the mode to Simple translation. |
| Change rows to 8 and columns to 5 | Change the number of rows to 8 and number of columns to 5. |
| Shift tab >> Change Shift Y of Per column to 30 | Click on Shift tab. Change the Shift X value of Per column to 30.
Click on the Create button. |
| Point to the
repetition |
Now the repetition is created on the canvas. |
| Point to the pattern | This is how the pattern looks on a kurta. |
| Summary (Slide) | Let us summarize.
In this tutorial we have learnt to create
|
| Completed assignment | Here is an assignment 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. |
| Acknowledgement | This is Arthi, Shital and Saurabh from IIT Bombay, signing off.
Thanks for joining |
