Difference between revisions of "Inkscape/C3/Create-patterns-in-Inkscape/English"
From Script | Spoken-Tutorial
Nancyvarkey (Talk | contribs) |
|||
| Line 13: | Line 13: | ||
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: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: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:0in;padding-bottom:0.0382in;padding-left:0.0382in;padding-right:0.0382in;"| To record this tutorial, I am using | | 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 | ||
| − | |||
| − | |||
|- | |- | ||
| Line 44: | Line 38: | ||
|- | |- | ||
| 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: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:0in;padding-bottom:0.0382in;padding-left:0.0382in;padding-right:0.0382in;"| On the '''Tools controls bar | + | | 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. | ||
|- | |- | ||
| Line 58: | Line 55: | ||
|- | |- | ||
| 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: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:0in;padding-bottom:0.0382in;padding-left:0.0382in;padding-right:0.0382in;"| Click and move the '''pivot point''' far away from the 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: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. | ||
|- | |- | ||
| Line 84: | Line 83: | ||
| 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.''' | | 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. | ||
|- | |- | ||
| Line 100: | Line 103: | ||
|- | |- | ||
| 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: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: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. | ||
Let us move this star circle aside. | Let us move this star circle aside. | ||
| Line 120: | Line 125: | ||
|- | |- | ||
| 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: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: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: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. |
|- | |- | ||
| Line 126: | Line 131: | ||
'''Width''' and '''Height''' to 50 x 50 | '''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'''. | + | | 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.''' | Click on the '''Selector tool.''' | ||
| − | On the '''Tool controls bar | + | On the '''Tool controls bar '''change the '''Width''' and '''Height''' to 50. |
|- | |- | ||
| Line 144: | Line 149: | ||
|- | |- | ||
| 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: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: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: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.''' | ||
|- | |- | ||
| Line 188: | Line 195: | ||
|- | |- | ||
| 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: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:0in;padding-bottom:0.0382in;padding-left:0.0382in;padding-right:0.0382in;"| In the '''Path Effect Editor''' | + | | 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. | ||
|- | |- | ||
| Line 194: | Line 203: | ||
| 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'''. | | 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 and press ''' | + | Let's change it to 10 and press '''Enter'''. |
Observe the change on the object. | Observe the change on the object. | ||
| Line 237: | Line 246: | ||
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 |
| − | * Spray tool | + | * and '''Path effect editor'''. |
| − | * and Path effect editor. | + | |
| − | + | ||
| − | + | ||
|- | |- | ||
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. |
