Difference between revisions of "Inkscape/C3/Create-patterns-in-Inkscape/English"
Nancyvarkey (Talk | contribs) |
Nancyvarkey (Talk | contribs) |
||
| (5 intermediate revisions by 2 users not shown) | |||
| Line 1: | Line 1: | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
{| style="border-spacing:0;" | {| style="border-spacing:0;" | ||
| − | | style="border-top:0.05pt solid #000000;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding-top:0. | + | | style="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="border:0.05pt solid #000000;padding:0. | + | | style="border:0.05pt solid #000000;padding:0.0382in;"| <center>Narration</center> |
|- | |- | ||
| − | | style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding-top: | + | | style="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="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding-top: | + | | style="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 “'''Create patterns in Inkscape'''” using '''Inkscape'''. |
|- | |- | ||
| − | | style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding-top: | + | | style="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="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding-top: | + | | style="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 patterns using | We will learn to create patterns using | ||
| − | + | * '''Cloning''' | |
| − | * Cloning | + | * '''Pattern along path''' |
| − | * Pattern along path | + | * '''Spray''' tool |
| − | * Spray tool | + | * '''Path effect editor''' |
| − | * Path effect editor | + | |
| − | + | ||
| − | + | ||
|- | |- | ||
| − | | style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding-top: | + | | style="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="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding-top: | + | | style="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 | * '''Ubuntu Linux''' 12.04 OS | ||
* '''Inkscape''' version 0.48.4 | * '''Inkscape''' version 0.48.4 | ||
|- | |- | ||
| − | | style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding-top: | + | | style="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="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding-top: | + | | style="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="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding-top: | + | | style="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 '''Star tool''' >> Draw a '''star''' |
| − | | style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding-top: | + | | style="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 '''Star tool''' and draw a star in the '''canvas.''' |
|- | |- | ||
| − | | style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding-top: | + | | style="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 '''Selector tool''' |
| − | | style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding-top: | + | | style="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;"| Now click on the '''Selector tool.''' |
|- | |- | ||
| − | | style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding-top: | + | | style="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 width and height to 40 |
| − | | style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding-top: | + | | style="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 '''Tools controls bar:''' |
| + | |||
| + | |||
| + | Change the '''width''' and '''height''' parameters to 40. | ||
|- | |- | ||
| − | | style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding-top: | + | | style="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;"| Zoom in >> Click on the star once |
| − | | style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding-top: | + | | style="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;"| Zoom in and click on the star once. |
|- | |- | ||
| − | | style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding-top: | + | | style="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="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding-top: | + | | style="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 that the '''pivot point''' is visible now. |
| − | Its the '''plus shape''' in the centre of the star object. | + | Its the '''plus shape''' in the centre of the star object. |
|- | |- | ||
| − | | style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding-top: | + | | style="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 '''pivot point''' |
| − | | style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding-top: | + | | style="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 and move the '''pivot point''' far away from the star; |
| + | |||
| + | as demonstrated here. | ||
|- | |- | ||
| − | | style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding-top: | + | | style="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;"| Go to '''Edit''' >> '''Clone''' >> '''Create Tiled clones''' |
| − | | style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding-top: | + | | style="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 '''Edit''' menu, click on '''Clone''' and then on '''Create Tiled clones.''' |
|- | |- | ||
| − | | style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding-top: | + | | style="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 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: | + | | style="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;"| A new dialog box opens up. |
| − | You can find many tabs and many options under each tab. | + | You can find many tabs and many options under each tab. |
|- | |- | ||
| − | | style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding-top: | + | | style="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 '''symmetry tab '''>> drop-down menu >> option '''simple translation''' |
| − | | style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding-top: | + | | style="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 '''Symmetry''' tab, we can see a drop-down menu with various methods. |
For this demo, we will keep the option '''simple translation.''' | For this demo, we will keep the option '''simple translation.''' | ||
|- | |- | ||
| − | | style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding-top: | + | | style="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 '''and '''columns '''to '''1 '''and '''40''' |
| − | | style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding-top: | + | | style="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 rows and columns parameters to 1 and 40 respectively. |
|- | |- | ||
| − | | style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding-top: | + | | style="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 '''X parameter '''to '''-100''' |
| − | | style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding-top: | + | | style="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 go to '''Shift tab.''' |
| − | Change the percentage of '''Shift X''' parameter under '''Per column''' to -100, as shown here. | + | Change the |
| + | *percentage of '''Shift X''' parameter | ||
| + | *under '''Per column''' to -100, | ||
| + | |||
| + | as shown here. | ||
|- | |- | ||
| − | | style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding-top: | + | | style="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;"| Go to '''Rotation''' tab >> Change angle to 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: | + | | style="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 go to '''Rotation''' tab. |
Change the '''Angle''' under '''Per column''' to 10. | Change the '''Angle''' under '''Per column''' to 10. | ||
|- | |- | ||
| − | | style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding-top: | + | | style="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 '''Create ''' |
| − | | style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding-top: | + | | style="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 '''Create''' button. |
Observe, a circle pattern is formed with the star. | Observe, a circle pattern is formed with the star. | ||
|- | |- | ||
| − | | style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding-top: | + | | style="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 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:0in;padding-bottom:0.0382in;padding-left:0.0382in;padding-right:0.0382in;"| 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: | + | |
Let us move this star circle aside. | Let us move this star circle aside. | ||
| Line 122: | Line 112: | ||
|- | |- | ||
| − | | style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding-top: | + | | style="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 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: | + | | style="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 will learn how to create a pattern along a path. |
|- | |- | ||
| − | | style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding-top: | + | | style="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 rounded rectangle >> '''Selector tool.''' |
| − | | style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding-top: | + | | style="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 '''Rectangle tool '''and draw a '''rounded rectangle.''' |
Color it green. | Color it green. | ||
| Line 134: | Line 124: | ||
|- | |- | ||
| − | | style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding-top: | + | | style="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 the width to 540 and height 250 |
| − | | style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding-top: | + | | style="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''' to 540 and '''Height '''to 250. |
|- | |- | ||
| − | | style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding-top: | + | | style="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 >> Click on the '''Selector tool''' |
| − | + | ||
| − | + | '''Width''' and '''Height''' to 50 x 50 | |
| + | | style="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, draw a star pattern using the '''Star tool'''. | ||
| + | |||
| + | Click on the '''Selector tool.''' | ||
| + | |||
| + | On the '''Tool controls bar '''change the '''Width''' and '''Height''' to 50. | ||
|- | |- | ||
| − | | style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding-top: | + | | style="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 in on the top left of the rectangle |
| − | | style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding-top: | + | | style="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;"| Place it on the top left border of the rectangle. |
|- | |- | ||
| − | | style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding-top: | + | | style="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 shapes >> '''Extension menu '''>> '''Generate from path '''>> '''Pattern along Path''' |
| − | | style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding-top: | + | | style="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 both the shapes. Go to '''Extensions''' menu. |
Click on '''Generate from path''' and then on '''Pattern along Path.''' | Click on '''Generate from path''' and then on '''Pattern along Path.''' | ||
|- | |- | ||
| − | | style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding-top: | + | | style="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 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: | + | | style="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 |
| + | *'''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: | + | | style="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 '''Apply''' >> '''Close''' |
| − | | style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding-top: | + | | style="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 '''Apply '''button and '''Close''' button. |
Observe, a beautiful pattern is formed around border of the rectangle. | Observe, a beautiful pattern is formed around border of the rectangle. | ||
| Line 166: | Line 162: | ||
|- | |- | ||
| − | | style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding-top: | + | | style="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 '''canvas''' |
| − | | style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding-top: | + | | style="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 create another pattern using '''Path effects.''' |
|- | |- | ||
| − | | style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding-top: | + | | style="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 >> '''Draw a wavy path |
| − | | style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding-top: | + | | style="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''' and draw a wavy path. |
|- | |- | ||
| − | | style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding-top: | + | | style="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;"| Go to '''Path menu >> '''Click on '''Path effects.''' |
| − | | style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding-top: | + | | style="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 '''Path menu.''' Click on '''Path Effects Editor.''' |
A dialog box opens up. | A dialog box opens up. | ||
|- | |- | ||
| − | | style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding-top: | + | | style="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 '''Apply new effect''' |
| − | | style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding-top: | + | | style="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 '''Apply new effect''' drop down menu. |
Notice, there are various effects listed here. | Notice, there are various effects listed here. | ||
|- | |- | ||
| − | | style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding-top: | + | | style="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 '''Spiro spline''' |
| − | | style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding-top: | + | | style="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 select '''Gears''' and then click on '''Add.''' |
| − | Observe the | + | Observe the change in the shape. |
|- | |- | ||
| − | | style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding-top: | + | | style="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 '''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: | + | | style="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 '''Sketch''' and click on '''Add''' button. |
| − | Observe the effect. | + | Observe the effect. |
|- | |- | ||
| − | | style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding-top: | + | | style="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 '''Tool options''' |
| − | | style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding-top: | + | | style="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 the '''Path Effect Editor''': |
| + | |||
| + | You can find various parameters related to the current effect. | ||
|- | |- | ||
| − | | style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding-top: | + | | style="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 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: | + | | style="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 change one of them, say, '''Strokes'''. |
| − | Let's change it to 10. | + | Let's change it to 10 and press '''Enter'''. |
| − | Observe the change on the object. | + | Observe the change on the object. |
|- | |- | ||
| − | | style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding-top: | + | | style="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;"| Close the '''Path Effect Editor''' 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: | + | | style="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 close the '''Path Effect Editor''' dialog box. |
|- | |- | ||
| − | | style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding-top: | + | | style="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 the shape and keep it aside |
| − | | style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding-top: | + | | style="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 all the shapes and move it to one side. |
<nowiki><<PAUSE>> </nowiki> | <nowiki><<PAUSE>> </nowiki> | ||
|- | |- | ||
| − | | style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding-top: | + | | style="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 '''Spray tool''' |
| − | | style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding-top: | + | | style="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 will learn to create a tree pattern using '''Spray tool.''' |
|- | |- | ||
| − | | style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding-top: | + | | style="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 >> '''draw trunk >> draw leaf |
| − | | style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding-top: | + | | style="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.''' |
Draw a tree-trunk, as demonstrated and color it brown. | Draw a tree-trunk, as demonstrated and color it brown. | ||
| Line 232: | Line 230: | ||
|- | |- | ||
| − | | style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding-top: | + | | style="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 '''Spray tool >> '''Create pattern |
| − | | style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding-top: | + | | style="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 '''Spray tool''' and click on the leaf shape. |
|- | |- | ||
| − | | style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding-top: | + | | style="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;"| without releasing the mouse drag around the trunk |
| − | | style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding-top: | + | | style="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 without releasing the mouse drag around the trunk to create a tree. |
|- | |- | ||
| − | | style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding-top: | + | | style="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 tree |
| − | | style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding-top: | + | | style="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 tree shape is formed. |
|- | |- | ||
| − | | style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding-top: | + | | style="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;"| Summarize |
| − | + | | style="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;"| That's all for this tutorial. Let us summarize. | |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | | style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding-top: | + | |
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'''. |
| − | + | ||
| − | + | ||
| − | + | ||
|- | |- | ||
| − | | style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding-top: | + | | style="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;"| Assignment |
| − | | style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding-top: | + | | style="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;"| As an assignment, create a round and colourful pattern. |
|- | |- | ||
| − | | style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding-top: | + | | style="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="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding-top: | + | | style="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="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding-top: | + | | style="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="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding-top: | + | | style="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. Please watch it. |
|- | |- | ||
| − | | style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding-top: | + | | style="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="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding-top: | + | | style="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. | For more details, please write to us. | ||
|- | |- | ||
| − | | style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding-top: | + | | style="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="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding-top: | + | | style="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. | More information on this Mission is available at this link. | ||
|- | |- | ||
| − | | style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding-top: | + | | style="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;"| Acknowledgment |
| − | | style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding-top: | + | | style="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 have come to the end of this tutorial. |
This is Arthi and Saurabh from IIT Bombay, signing off. Thanks for joining. | This is Arthi and Saurabh from IIT Bombay, signing off. Thanks for joining. | ||
|} | |} | ||
Latest revision as of 10:56, 29 June 2015
| |
|
| 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 canvas. |
| Click on Selector tool | Now click on the Selector tool. |
| Change width and height to 40 | On the Tools controls bar:
|
| 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 the 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
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 | Now click on Create button.
Observe, a circle pattern is formed with the star. |
| Point to the patterns | Likewise, you can
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 >> Selector tool. | 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
Width and Height to 50 x 50 |
Next, draw a star pattern 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 >> Close | Click on Apply button and Close button.
Observe, a beautiful pattern is formed around border of the rectangle. <<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 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.
Observe the effect. |
| 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.
Let's change it to 10 and press Enter. Observe the change on the object. |
| 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. |