Inkscape/C3/Create-patterns-in-Inkscape/English
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
We will also learn to align nodes. |
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 | Change the Width and Height parameters to 40. |
Click on the star once | Click on the star once.
|
Move the pivot point | Click and move pivot point far apart from the star. |
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 | Now click on Create button.
Observe, a circle pattern is formed with the star. |
Point to all the stars | Any change made on the original star, will be reflected in all the other stars. |
Select and scale the original star | Let me scale the original star.
Observe all the stars are getting scaled, automatically. |
Point to the patterns | You can use the other options under Create Tiled clones to make beautiful patterns.
Let us keep 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 >> Width and Height to 100 x 100 | Next draw a pattern using the Star tool.
Change the Width and Height to 100 x 100. |
Place in on the top left of the rectangle | Place it on the top left of the rectangle. |
Select both shapes >> Extension menu >> Generate from path >> Pattern along Path | Select both the shapes. Go to Extension menu.
Click on Generate from path and then on Pattern along Path. |
If needed if you can change the parameters. Let me keep as it is. | |
Click on Apply | Click on Apply.
Observe a beautiful pattern is formed around the rectangle. <<PAUSE>> |
Point to the canvas | Next we will create another pattern using Path effects. |
Select Bezier tool >> Draw a wavy path | Select Bezier tool. 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.
Observe there are various effects available. |
Select Spiro spline | Let me select Spiro spline. Click on Add.
Observe Spiro effect is added to the shape. |
Select Sketch >> Add | Next select Sketch and click on Add. Observe the effect. |
Point to Tool options | Below you can find Tool options to edit. |
Select the shape and keep it aside | Select both the shape and keep it aside.
<<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 trunk. Color it brown.
Now draw a leaf. Color it green. |
Select Spray tool >> Create pattern | Select Spray tool. Click on Leaf.
Now without releasing the mouse drag around the trunk to create a tree. |
Point to the tree | Observe a tree shape is formed. Now select it and keep it aside. |
Lastly we will learn how to align nodes using Align and Distribute. | |
Click on Bezier tool >> Draw zig zag lines | Click on Bezier tool. Draw lines up and down in a zig zag way. |
Go to Object menu >> Align and Distribute | Go to Object menu. Click on Align and Distribute. |
Click on Nodes tool >> Select all >> Click on first option | Click on Nodes tool. Select all the top nodes.
Under the Nodes tab click on the first option. |
Point to nodes | Observe the selected nodes are aligned horizontally. |
Select the first top node and the first end node | In a similar way do for the bottom nodes.
Next select the first top node and the first end node. |
Click on the second option | Now click on the second option under nodes tab.
Observe the nodes are aligned vertically. |
Select all the nodes >> Click on the third option | Now, select all the nodes. Click on the third option. |
Point to nodes | The space between the nodes are distributed horizontally. |
Click on the last option | Next click on the last option.
This aligns the space vertically. We can use this this option is used for drawing graphs. |
Summarize | Let us summarize
We will learnt create patterns using
|
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. |