Inkscape/C3/Create-patterns-in-Inkscape/English

From Script | Spoken-Tutorial
Revision as of 16:53, 8 June 2015 by Nancyvarkey (Talk | contribs)

Jump to: navigation, search

Title of script: Create patterns in Inkscape

Author: Arthi. A

Keywords: Create patters in Inkscape


Visual cue
Narration
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

  • Cloning
  • Pattern along path
  • Spray tool
  • Path effect editor

We will also learn to align nodes.

System requirement (Slide) To record this tutorial, I am using
  • Ubuntu Linux 12.04 OS
  • Inkscape version 0.48.4
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.
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 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 Likewise, you can use the other options under Create Tiled clones to make many beautiful patterns.

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 >> Width and Height to 100 x 100 Next draw a star 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 you wish, you can change the parameters. I will keep the default values.
Click on Apply Click on Apply 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 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 Spiro spline and then click on Add.

Observe the spiro effect has been added to 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.

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.
Select the tree shape and keep it aside. Let's select the tree shape 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 the Bezier tool and draw some lines in a zig-zag manner.
Go to Object menu >> Align and Distribute Go to Object menu and click on Align and Distribute.

The Align and Distribute dialog box opens.

Click on Nodes tool >> point to the Align and Distribute dialog box Come back to the draw area and click on Nodes tool.

Notice the change of icons in the Align and Distribute dialog box.

Select all the nodes by pressing the Shift key >> Click on first option in the Align and Distribute dialog box Now select all the top nodes by pressing the Shift key.


In the Align and Distribute dialog box, under Nodes tab, click on the first option.

Point to nodes Observe that the selected nodes are now aligned horizontally.
Select the first top node and the first end node Repeat the same steps for the bottom nodes, also.

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 that the nodes are aligned vertically.

Select all the nodes >> Click on the third option under Nodes tab. Now, select all the nodes and click on the third option under Nodes tab.
Point to nodes The space between the nodes get distributed horizontally.
Click on the last option under Nodes tab. Next click on the last option under Nodes tab.

This aligns the spaces between the nodes, vertically.

This option is very useful for drawing graphs.

Summarize That's all for this tutorial. Let us summarize.

In this tutorial, we have learnt to create patterns using

  • Cloning
  • Pattern along path
  • Spray tool
  • and Path effect editor.

We have also learnt to align nodes using the Nodes tool and the Align and Distribute options.

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.

Contributors and Content Editors

Arthi, Nancyvarkey