|
|
| Line 228: |
Line 228: |
| | |- | | |- |
| | | 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:none;padding-top:0in;padding-bottom:0.0382in;padding-left:0.0382in;padding-right:0in;"| Point to 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;"| This is how the pattern looks on a kurta.
| |
| − |
| |
| − | |-
| |
| − | | 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;"| Summary (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;"| Let us summarize.
| |
| − |
| |
| − | In this tutorial we have learnt to create
| |
| − |
| |
| − | * Mango pattern
| |
| − | * Draw using '''Pattern along Path'''
| |
| − |
| |
| − |
| |
| − |
| |
| − | |-
| |
| − | | 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;"| Here is an assignment for you.
| |
| − |
| |
| − | * 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: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: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: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 Spoken Tutorial Project Team conducts workshops and gives certificates for those who pass an online test.
| |
| − |
| |
| − | For more details, please write to us.
| |
| − |
| |
| − | |-
| |
| − | | 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;"| Spoken Tutorial Project is supported by the NMEICT, MHRD, Government of India.
| |
| − |
| |
| − | More information on this Mission is available at this link.
| |
| − |
| |
| − | |-
| |
| − | | 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, Shital and Saurabh from IIT Bombay, signing off.
| |
| − |
| |
| − | Thanks for joining
| |
| − |
| |
| − | |}
| |
| − |
| |
| − | {| style="border-spacing:0;"
| |
| − | | style="background-color:transparent;border-top:0.05pt solid #000000;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding-top:0.0382in;padding-bottom:0.0382in;padding-left:0.0382in;padding-right:0in;"| <center>Visual cue</center>
| |
| − | | style="background-color:transparent;border:0.05pt solid #000000;padding:0.0382in;"| <center>Narration</center>
| |
| − |
| |
| − | |-
| |
| − | | 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:none;padding-top:0in;padding-bottom:0.0382in;padding-left:0.0382in;padding-right:0in;"| Learning Objectives (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;"| In this tutorial we will learn to create a
| |
| − |
| |
| − | * Mango pattern
| |
| − | * Draw using '''Pattern along Path'''
| |
| − |
| |
| − |
| |
| − |
| |
| − | |-
| |
| − | | 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;"| System requirement (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;"| To record this tutorial, I am using
| |
| − |
| |
| − | * '''Ubuntu Linux''' 12.04 OS
| |
| − | * '''Inkscape''' version 0.91
| |
| − |
| |
| − |
| |
| − |
| |
| − | |-
| |
| − | | 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;"| Open '''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;"| Let us open '''Inkscape. '''
| |
| − |
| |
| − | |-
| |
| − | | 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;"| Select '''Bezier tool >> '''mode to '''Create Spiro path''' >> Shape to '''Ellipse'''
| |
| − | | 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 Controls bar''', change
| |
| − |
| |
| − | * the '''Mode''' to '''Create Spiro path'''
| |
| − | * and the '''Shape''' to '''Ellipse.'''
| |
| − |
| |
| − |
| |
| − |
| |
| − | |-
| |
| − | | 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;"| Draw a mango pattern in 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 draw a mango type design in the '''canvas''' as demonstrated.
| |
| − |
| |
| − | It should look like a mango 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;"| Select '''Star tool >> Tool controls bar >>''' Click on '''Star icon'''
| |
| − | | 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;"| Next select the '''Star tool.'''
| |
| − |
| |
| − | On the '''Tool controls bar, '''click on the '''Star icon.'''
| |
| − |
| |
| − | |-
| |
| − | | 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;"| Draw a star >> Change the color to red >> '''Selector 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 draw a star on the '''canvas.'''
| |
| − |
| |
| − | Change the color to red. Click on the '''Selector 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;"| '''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 '''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;"| Point to the star
| |
| − | | 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;"| Next we have to create a row pattern of the star.
| |
| − |
| |
| − | |-
| |
| − | | 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 >> Clones >> 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;"| To do so, go to '''Edit menu,''' click on '''Clones''' and '''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;"| 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 '''Rows''' to 1 and '''Columns''' to 36.
| |
| − |
| |
| − | Number of '''Columns''' may vary according to the size of the mango shape.
| |
| − |
| |
| − | Click on '''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;"| Press '''Ctrl + G'''
| |
| − | | 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 row pattern is created.
| |
| − |
| |
| − | Select all the stars 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;"| Select both shape and star
| |
| − | | 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 both the mango shape and the star patten.
| |
| − |
| |
| − | |-
| |
| − | | 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;"| '''Extensions >> Generate from Path >> Pattern along Path'''
| |
| − | | 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;"| Go to '''Extensions,''' click on '''Generate from Path''' and then on '''Pattern along Path. '''
| |
| − |
| |
| − | Click on '''Apply''' and close the dialog box.
| |
| − |
| |
| − | |-
| |
| − | | 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 star 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;"| Observe star pattern is formed on the shape.
| |
| − |
| |
| − | |-
| |
| − | | 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: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: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 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: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: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.
| |
| − |
| |
| − | |-
| |
| − | | 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;"| 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 the '''Bezier tool.'''
| |
| − |
| |
| − | Draw a design as demonstrated.
| |
| − |
| |
| − | |-
| |
| − | | 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:none;padding-top:0in;padding-bottom:0.0382in;padding-left:0.0382in;padding-right:0in;"| Point to '''Pattern along Path'''
| |
| − | | 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 '''Pattern along Path,''' we can find many options.
| |
| − |
| |
| − | |-
| |
| − | | 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 1st 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: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:none;padding-top:0in;padding-bottom:0.0382in;padding-left:0.0382in;padding-right:0in;"| Move the nodes near flower 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;"| Let me zoom in to see the '''nodes''' clearly.
| |
| − |
| |
| − | Move it near the flower 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;"| Drag 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;"| Now click on any one of the '''nodes '''and drag.
| |
| − |
| |
| − | Now observe the change in the shape.
| |
| − |
| |
| − | |-
| |
| − | | 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''' >> '''Object to Path '''
| |
| − | | 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''' and click on '''Object to Path. '''
| |
| − |
| |
| − | This is done to avoid any change in the shape, while resizing.
| |
| − |
| |
| − | |-
| |
| − | | 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 and place inside the mango 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;"| Resize the pattern as shown.
| |
| − |
| |
| − | Duplicate it and place inside the Mango pattern as shown.
| |
| − |
| |
| − | |-
| |
| − | | 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;"| Draw a star 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;"| Next let us fill the empty area inside the smaller mango pattern.
| |
| − |
| |
| − | Click on the '''Star tool''' and draw a star.
| |
| − |
| |
| − | |-
| |
| − | | 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 inner handle and draw a shape
| |
| − | | 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 the inner handle and recreate a shape like this.
| |
| − |
| |
| − | Change the color to blue.
| |
| − |
| |
| − | |-
| |
| − | | 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;"|
| |
| − | | 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;"| Duplicate this shape and fill the smaller mango 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;"| Press '''Ctrl + A >> Press Ctrl + G'''
| |
| − | | 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 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: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: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.'''
| |
| − |
| |
| − | |-
| |
| − | | 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: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: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 '''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: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.''' |
| | | | |
| Visual cue
|
Narration
|
| Opening Slide
|
Welcome to the Spoken Tutorial on “Mango Pattern for textile design” using Inkscape.
|
| Learning Objectives (Slide)
|
In this tutorial we will learn to create a
- Mango pattern
- Draw using Pattern along Path
|
| System requirement (Slide)
|
To record this tutorial, I am using
- Ubuntu Linux 12.04 OS
- Inkscape version 0.91
|
| 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
- the Mode to Create Spiro path
- and the Shape to Ellipse.
|
| Draw a mango pattern in the canvas
|
Now draw a mango type design in the canvas as demonstrated.
It should look like a mango pattern.
|
| Select Star tool
|
Next select the Star tool.
|
| Draw a star >> Selector tool
|
Now draw a star on the canvas.
Click on the Selector tool.
|
| Tool controls bar >> change width and height to 30 >> Change the color to red
|
On the Tool controls bar, change the Width and Height to 30.
Change the color to red.
|
| Point to the star
|
Next we have to create a row pattern of the star.
|
| Edit menu >> Clone >> Create Tiled Clones >> Reset
|
To do so, go to Edit menu, click on Clone and Create Tiled Clones.
Click on Reset.
|
| Change rows to 1 and columns to 36 >> Create
|
Change the number of Rows to 1 and Columns to 46.
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.
|
| Delete mango shape and star row
|
Now select the 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
|
Now select the duplicated pattern and resize it by pressing Ctrl key.
|
| Place the pattern in the middle of the original
|
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 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.
Move it near the pattern.
|
| Drag the nodes
|
Now click on the nodes and drag.
Now observe the change in the shape.
|
| Selector tool >> Path menu >> Object to Path
|
Click on the Selector tool. Now go to Path menu and click on Object to Path.
This is done to avoid any change in the shape, while resizing.
|
| Resize and place inside the mango pattern
|
Resize the pattern as shown.
Duplicate it and place inside the Mango pattern.
|
| 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.
Change the color to blue.
|
| Selector tool >> Resize >> Duplicate
|
Click on the Selector tool and resize the shape.
Duplicate this shape and fill the smaller mango pattern.
|
| Press Ctrl + A >> Press Ctrl + G
|
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, the mode should be 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
- Mango pattern
- Draw using Pattern along Path
|
| 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 from IIT Bombay, signing off.
Thanks for joining
|
