Difference between revisions of "Inkscape/C3/Create-patterns-in-Inkscape/English"
From Script | Spoken-Tutorial
Nancyvarkey (Talk | contribs) |
|||
| Line 100: | Line 100: | ||
|- | |- | ||
| − | | style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding-top:0cm;padding-bottom:0.097cm;padding-left:0.097cm;padding-right:0cm;"| Click on '''Create ''' | + | | style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding-top:0cm;padding-bottom:0.097cm;padding-left:0.097cm;padding-right:0cm;"| Click on '''Create ''' >> close the dialog box |
| style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding-top:0cm;padding-bottom:0.097cm;padding-left:0.097cm;padding-right:0.097cm;"| Now click on '''Create''' button. | | style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding-top:0cm;padding-bottom:0.097cm;padding-left:0.097cm;padding-right:0.097cm;"| Now click on '''Create''' button. | ||
| − | + | And close this dialog box. | |
|- | |- | ||
| style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding-top:0cm;padding-bottom:0.097cm;padding-left:0.097cm;padding-right:0cm;"| Point to the patterns | | style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding-top:0cm;padding-bottom:0.097cm;padding-left:0.097cm;padding-right:0cm;"| Point to the patterns | ||
| − | | style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding-top:0cm;padding-bottom:0.097cm;padding-left:0.097cm;padding-right:0.097cm;"| Likewise, you can use the other options under '''Create Tiled clones '''to make many beautiful patterns. | + | | style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding-top:0cm;padding-bottom:0.097cm;padding-left:0.097cm;padding-right:0.097cm;"| |
| + | Observe, a circle pattern is formed with the star. | ||
| + | |||
| + | |||
| + | Likewise, you can use the other options under '''Create Tiled clones '''to make many beautiful patterns. | ||
Let us move this star circle aside. | Let us move this star circle aside. | ||
| Line 149: | Line 153: | ||
Click on '''Generate from path''' and then on '''Pattern along Path.''' | Click on '''Generate from path''' and then on '''Pattern along Path.''' | ||
| + | |||
| + | |||
| + | The '''Pattern along Path''' dialog box opens. | ||
|- | |- | ||
| style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding-top:0cm;padding-bottom:0.097cm;padding-left:0.097cm;padding-right:0cm;"| Change the '''Copies of the patterns '''option to''' Repeated '''and the''' Deformation type '''option to''' Ribbon.''' | | style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding-top:0cm;padding-bottom:0.097cm;padding-left:0.097cm;padding-right:0cm;"| Change the '''Copies of the patterns '''option to''' Repeated '''and the''' Deformation type '''option to''' Ribbon.''' | ||
| − | | style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding-top:0cm;padding-bottom:0.097cm;padding-left:0.097cm;padding-right:0.097cm;"| Change the '''Copies of the patterns '''option to''' Repeated '''and the''' Deformation type '''option to''' Ribbon.''' | + | | style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding-top:0cm;padding-bottom:0.097cm;padding-left:0.097cm;padding-right:0.097cm;"| Change the |
| + | *'''Copies of the patterns '''option to''' Repeated ''' | ||
| + | *and the''' Deformation type '''option to''' Ribbon.''' | ||
|- | |- | ||
| style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding-top:0cm;padding-bottom:0.097cm;padding-left:0.097cm;padding-right:0cm;"| Click on '''Apply''' | | style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding-top:0cm;padding-bottom:0.097cm;padding-left:0.097cm;padding-right:0cm;"| Click on '''Apply''' | ||
| style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding-top:0cm;padding-bottom:0.097cm;padding-left:0.097cm;padding-right:0.097cm;"| Click on '''Apply '''button. | | style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding-top:0cm;padding-bottom:0.097cm;padding-left:0.097cm;padding-right:0.097cm;"| Click on '''Apply '''button. | ||
| + | |||
| + | And then click on '''Close'''. | ||
| + | |||
Observe, a beautiful pattern is formed around border of the rectangle. | Observe, a beautiful pattern is formed around border of the rectangle. | ||
| Line 191: | Line 203: | ||
| style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding-top:0cm;padding-bottom:0.097cm;padding-left:0.097cm;padding-right:0cm;"| Select '''Sketch''' >> '''Add''' | | style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding-top:0cm;padding-bottom:0.097cm;padding-left:0.097cm;padding-right:0cm;"| Select '''Sketch''' >> '''Add''' | ||
| style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding-top:0cm;padding-bottom:0.097cm;padding-left:0.097cm;padding-right:0.097cm;"| Next, select '''Sketch''' and click on '''Add''' button. | | style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding-top:0cm;padding-bottom:0.097cm;padding-left:0.097cm;padding-right:0.097cm;"| Next, select '''Sketch''' and click on '''Add''' button. | ||
| − | |||
| − | |||
|- | |- | ||
| Line 200: | Line 210: | ||
|- | |- | ||
| style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding-top:0cm;padding-bottom:0.097cm;padding-left:0.097cm;padding-right:0cm;"| Change Strokes = 10. | | style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding-top:0cm;padding-bottom:0.097cm;padding-left:0.097cm;padding-right:0cm;"| Change Strokes = 10. | ||
| − | | style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding-top:0cm;padding-bottom:0.097cm;padding-left:0.097cm;padding-right:0.097cm;"| Let us change one of them, say, '''Strokes'''. | + | | style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding-top:0cm;padding-bottom:0.097cm;padding-left:0.097cm;padding-right:0.097cm;"| Let us change one of them, say, '''Strokes''', to 10. |
| − | |||
Observe the change on the object. | Observe the change on the object. | ||
| Line 245: | Line 254: | ||
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 | ||
| − | * | + | * Path effect editor |
| − | * and | + | * and Spray tool. |
| − | + | ||
| − | + | ||
|- | |- | ||
Revision as of 14:39, 18 June 2015
Title of script: Create patterns in Inkscape
Author: Arthi. A
Keywords: Create patters in Inkscape
| |
|
| Opening Slide | Welcome to the Spoken Tutorial on “Create patterns in Inkscape” using Inkscape. |
| Learning Objectives (Slide) | In this tutorial
We will learn to create patterns using
|
| System requirement (Slide) | To record this tutorial, I am using
|
| Open Inkscape | Let us open Inkscape. |
| Click on Star tool >> Draw a star | Click on the Star tool and draw a star in the draw area. |
| Click on Selector tool | Now click on the Selector tool. |
| Change width and height to 40 | On the Tools controls bar, change the width and height parameters to 40. |
| Zoom in >> Click on the star once | Zoom in and click on the star once. |
| Observe that the pivot point is visible now.
Its the plus shape in the centre of the star object. | |
| Move the pivot point | Click and move pivot point far away from the star, as demonstrated here. |
| Go to Edit >> Clone >> Create Tiled clones | Now, go to Edit menu, click on Clone and then on Create Tiled clones. |
| Point to the dialog box | A new dialog box opens up.
You can find many tabs and many options under each tab. |
| Click on symmetry tab >> drop-down menu >> 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. |
| Change rows and columns to 1 and 40 | Change the rows and columns parameters to 1 and 40 respectively. |
| Shift tab >> Change X parameter to -100 | Next go to Shift tab.
Change the percentage of Shift X parameter under Per column to -100, as shown here. |
| Go to Rotation tab >> Change angle to 10 | Next, let us go to Rotation tab.
Change the Angle under Per column to 10. |
| Click on Create >> close the dialog box | Now click on Create button.
And close this dialog box. |
| Point to the patterns |
Observe, a circle pattern is formed with the star.
Let us move this star circle aside. <<PAUSE>> |
| Point to the patterns | Next, we will learn how to create a pattern along a path. |
| Draw a rounded rectangle | Select Rectangle tool and draw a rounded rectangle.
Color it green. Then click on the Selector tool. |
| Change the width to 540 and height 250 | On the Tool controls bar change the Width to 540 and Height to 250. |
| Draw a star >> Click on the Selector tool
|
Next draw a star using the Star tool.
Click on the Selector tool. On the Tool controls bar change the Width and Height to 50. |
| Place in on the top left of the rectangle | Place it on the top left border of the rectangle. |
| Select both shapes >> Extension menu >> Generate from path >> Pattern along Path | Select both the shapes. Go to Extensions menu.
Click on Generate from path and then on Pattern along Path.
|
| Change the Copies of the patterns option to Repeated and the Deformation type option to Ribbon. | Change the
|
| Click on Apply | Click on Apply button.
And then click on Close.
<<PAUSE>> |
| Point to the canvas | Let us now create another pattern using Path effects. |
| Select Bezier tool >> Draw a wavy path | Select Bezier tool and draw a deep wavy path. |
| Go to Path menu >> Click on Path effects. | Go to Path menu. Click on Path Effects Editor.
A dialog box opens up. |
| Click on Apply new effect | Click on Apply new effect drop down menu.
Notice, there are various effects listed here. |
| Select Spiro spline | Let me select Gears and then click on Add.
Observe the change in the shape. |
| Select Sketch >> Add | Next, select Sketch and click on Add button. |
| Point to Tool options | In the Path Effect Editor, you can find various parameters related to the current effect. |
| Change Strokes = 10. | Let us change one of them, say, Strokes, to 10.
|
| Close the Path Effect Editor dialog box. | Now close the Path Effect Editor dialog box. |
| Select the shape and keep it aside | Select all the shapes and move it to one side.
<<PAUSE>> |
| Point to Spray tool | Next, we will learn to create a tree pattern using Spray tool. |
| Select Bezier tool >> draw trunk >> draw leaf | Select Bezier tool.
Draw a tree-trunk, as demonstrated and color it brown. Now draw a leaf and color it green. |
| Select Spray tool >> Create pattern | Select Spray tool and click on the leaf shape. |
| without releasing the mouse drag around the trunk | Now without releasing the mouse drag around the trunk to create a tree. |
| Point to the tree | Observe a tree shape is formed. |
| Summarize | That's all for this tutorial. Let us summarize.
In this tutorial, we have learnt to create patterns using
|
| Assignment | As an assignment, create a round and colourful pattern. |
| Completed assignment | Your completed assignment should look like this. |
| About Slide | The video available at the following link summarizes the Spoken Tutorial project. Please watch it. |
| About Slide | The Spoken Tutorial Project Team conducts workshops and gives certificates for those who pass an online test.
For more details, please write to us. |
| About Slide | Spoken Tutorial Project is supported by the NMEICT, MHRD, Government of India.
More information on this Mission is available at this link. |
| Acknowledgment | We have come to the end of this tutorial.
This is Arthi and Saurabh from IIT Bombay, signing off. Thanks for joining. |
