Difference between revisions of "Inkscape/C2/Align-and-distribute-objects/English-timed"

From Script | Spoken-Tutorial
Jump to: navigation, search
(Created page with " {| Border = 1 | <center>Time</center> | <center>Narration</center> |- | 00:01 | Welcome to the Spoken Tutorial on '''“Align and distribute objects” '''using '''Inksca...")
 
 
(5 intermediate revisions by 3 users not shown)
Line 1: Line 1:
 
 
{| Border = 1
 
{| Border = 1
| <center>Time</center>
+
| '''Time'''
| <center>Narration</center>
+
| '''Narration'''
  
 
|-
 
|-
 
|  00:01
 
|  00:01
| Welcome to the Spoken Tutorial on '''“Align and distribute objects” '''using '''Inkscape.'''
+
| Welcome to the '''Spoken Tutorial''' on '''Align and distribute objects''' using '''Inkscape.'''
  
 
|-
 
|-
 
|  00:07
 
|  00:07
| In this tutorial, we will learn to  
+
| In this tutorial, we will learn to:
  
 
|-
 
|-
 
|  00:09
 
|  00:09
| Align and distribute various objects  
+
| Align and distribute various objects  
  
 
|-
 
|-
 
|  00:12
 
|  00:12
| Arrange objects in rows and columns
+
| Arrange objects in rows and columns
  
 
|-
 
|-
 
|  00:16
 
|  00:16
| Set spacing between objects and  Create a tile pattern
+
| Set spacing between objects and  Create a tile pattern.
  
 
|-
 
|-
 
|  00:22
 
|  00:22
| To record this tutorial, I am using
+
| To record this tutorial, I am using:
  
 
|-
 
|-
Line 42: Line 41:
 
|-
 
|-
 
|  00:35
 
|  00:35
| Now click on the logo.  
+
| Now click on the '''logo'''.  
  
 
|-
 
|-
Line 62: Line 61:
 
|-
 
|-
 
|  00:59
 
|  00:59
| Go to '''Object menu '''and click on '''Align and distribute.'''
+
| Go to '''Object''' menu and click on '''Align and Distribute.'''
  
 
|-
 
|-
 
|  01:04
 
|  01:04
| The '''Align and distribute''' dialog box opens on the right side of the interface.
+
| The '''Align and Distribute''' dialog box opens on the right side of the '''interface'''.
  
 
|-
 
|-
Line 94: Line 93:
 
|-
 
|-
 
|  01:44
 
|  01:44
| Click on the drop down list to see the options here.  
+
| Click on the drop-down list to see the options here.  
  
 
|-
 
|-
Line 134: Line 133:
 
|-
 
|-
 
|  02:43
 
|  02:43
| Overlap may occur based on the closeness of the objects, in the previous arrangement.
+
| Overlap may occur based on the closeness of the objects in the previous arrangement.
  
 
|-
 
|-
 
|  02:48
 
|  02:48
| We can correct this by clicking the '''Remove overlaps''' option, which is below the '''Distribute''' option.  
+
| We can correct this by clicking the '''Remove overlaps''' option which is below the '''Distribute''' option.  
  
 
|-
 
|-
Line 146: Line 145:
 
|-
 
|-
 
| 02:58
 
| 02:58
| To adjust the gaps between the objects, both in horizontal and vertical direction, use the '''H '''and '''V''' options.
+
| To adjust the gaps between the objects, both in horizontal and vertical directions, use the '''H '''and '''V''' options.
  
 
|-
 
|-
Line 154: Line 153:
 
|-
 
|-
 
|  03:14
 
|  03:14
| Use the undo option '''CTRL + Z''' to understand the alignment better.
+
| Use the '''undo''' option '''CTRL + Z''' to understand the alignment better.
  
 
|-
 
|-
Line 178: Line 177:
 
|-
 
|-
 
|  03:51
 
|  03:51
| Now click on the options under '''Distribute''' and observe how the objects align themselves.  
+
| Now, click on the options under '''Distribute''' and observe how the objects align themselves.  
  
 
|-
 
|-
 
|  03:58
 
|  03:58
| Once again, use the undo option '''CTRL + Z''', to understand the alignment better.
+
| Once again, use the '''undo''' option '''CTRL + Z''', to understand the alignment better.
  
 
|-
 
|-
Line 198: Line 197:
 
|-
 
|-
 
| 04:22
 
| 04:22
| Click on the check box.  
+
| Click on the check-box.  
  
 
|-
 
|-
Line 242: Line 241:
 
|-
 
|-
 
| 05:26
 
| 05:26
| We will learn about the advanced options in '''Align and Distribute''' dialog box in later tutorials.
+
| We will learn about the advanced options in '''Align and Distribute''' dialog box, in later tutorials.
  
 
|-
 
|-
Line 254: Line 253:
 
|-
 
|-
 
|  05:41
 
|  05:41
| Go to '''Object menu.'''  
+
| Go to '''Object''' menu.
  
 
|-
 
|-
Line 266: Line 265:
 
|-
 
|-
 
|  05:50
 
|  05:50
| Using this option, we can arrange objects in rows and columns, giving necessary spaces.
+
| Using this option, we can arrange objects in rows and columns giving necessary spaces.
  
 
|-
 
|-
Line 278: Line 277:
 
|-
 
|-
 
|  06:05
 
|  06:05
| So change the '''Row''' parameter to 2.  
+
| So, change the '''Row''' parameter to 2.  
  
 
|-
 
|-
 
|  06:09
 
|  06:09
| Observe when the '''Row''' parameter is changed the '''Column''' parameter changes automatically.  
+
| Observe- when the '''Row''' parameter is changed, the '''Column''' parameter changes automatically.  
  
 
|-
 
|-
Line 290: Line 289:
 
|-
 
|-
 
|  06:19
 
|  06:19
| The '''Align''' options help to align the objects in the right, centre and left.  
+
| The '''Align''' option helps to align the objects in the right, centre and left.  
  
 
|-
 
|-
Line 314: Line 313:
 
|-
 
|-
 
|  06:56
 
|  06:56
| Now I will show how to create a pattern using '''Align and Distribute'''
+
| Now, I will show how to create a pattern using '''Align and Distribute'''
  
 
|-
 
|-
Line 338: Line 337:
 
|-
 
|-
 
|  07:22
 
|  07:22
| A tile pattern is now formed on the canvas.
+
| A '''tile''' pattern is now formed on the canvas.
  
 
|-
 
|-
Line 346: Line 345:
 
|-
 
|-
 
|  07:30
 
|  07:30
| Let us summarize. In this tutorial, we learnt to  
+
| Let us summarize. In this tutorial, we learned to:
  
 
|-
 
|-
 
|  07:34
 
|  07:34
| Align and distribute various objects  
+
| Align and distribute various objects  
  
 
|-
 
|-
Line 358: Line 357:
 
|-
 
|-
 
|  07:40
 
|  07:40
|  Set spacing between objects and  Create a tile pattern
+
|  Set spacing between objects and  Create a tile pattern.
  
 
|-
 
|-
 
|  07:45
 
|  07:45
| Here are 2 assignments for you
+
| Here are 2 assignments for you-
  
 
|-
 
|-
 
|  07:47
 
|  07:47
|  Create 5 circles having the following dimensions
+
|  Create 5 circles having the following dimensions.
  
 
|-
 
|-
 
| 07:54
 
| 07:54
| Arrange them randomly on the canvas and select all
+
| Arrange them randomly on the canvas and select all.
  
 
|-
 
|-
 
|  07:59
 
|  07:59
| Using '''Align and Distribute,''' change '''Relative to '''option to '''Biggest''' selected.
+
| Using '''Align and Distribute,''' change '''Relative to '''option to '''Biggest object'''.
  
 
|-
 
|-
Line 385: Line 384:
 
|-
 
|-
 
| 08:10
 
| 08:10
| Create 6 squares of blue color and size 100 * 100 pixels.
+
| Create 6 squares of blue color and size of 100 * 100 pixels.
  
 
|-
 
|-
Line 393: Line 392:
 
|-
 
|-
 
|  08:21
 
|  08:21
|  Arrange them in 3 rows and 3 columns.
+
|  Arrange them in 2 rows and 3 columns.
  
 
|-
 
|-
Line 405: Line 404:
 
|-
 
|-
 
| 08:35
 
| 08:35
| The video available at the following link summarizes the Spoken Tutorial project. I you do not have good bandwidth you can download and watch it.
+
| The video available at the following link summarizes the Spoken Tutorial project. If you do not have good bandwidth, you can download and watch it.
  
 
|-
 
|-
 
| 08:43
 
| 08:43
| The Spoken Tutorial Project Team conducts workshops using spoken tutorial and gives certificates for those who pass an online test.
+
| The Spoken Tutorial Project team conducts workshops using spoken tutorial and gives certificates for those who pass an online test.
  
 
|-
 
|-
Line 421: Line 420:
 
|-
 
|-
 
|  09:03
 
|  09:03
| More information on this Mission is available at this link.
+
| More information on this mission is available at this link.
  
 
|-
 
|-
 
|  09:07
 
|  09:07
 
| We have come to the end of this tutorial.
 
| We have come to the end of this tutorial.
 
  
 
|-
 
|-
 
|  09:09
 
|  09:09
| This is Arthi and Saurabh from IIT Bombay, signing off.  
+
| This is Arthi and Saurabh from IIT Bombay, signing off. Thanks for joining.
 
+
Thanks for joining.
+
  
 
|}
 
|}

Latest revision as of 14:21, 17 October 2018

Time Narration
00:01 Welcome to the Spoken Tutorial on Align and distribute objects using Inkscape.
00:07 In this tutorial, we will learn to:
00:09 Align and distribute various objects
00:12 Arrange objects in rows and columns
00:16 Set spacing between objects and Create a tile pattern.
00:22 To record this tutorial, I am using:
00:24 Ubuntu Linux 12.04 OS
00:27 Inkscape version 0.48.4
00:31 Go to Dash home and type Inkscape.
00:35 Now click on the logo.
00:37 Let me open an already saved Inkscape document.
00:44 Here we can see 5 different shapes placed randomly on the canvas.
00:50 On your Inkscape canvas, please draw 5 shapes and place them as shown here.
00:55 Now, let us start aligning the objects.
00:59 Go to Object menu and click on Align and Distribute.
01:04 The Align and Distribute dialog box opens on the right side of the interface.
01:09 Two types of positioning are available here.
01:12 Align is where the centers or edges of objects are aligned to one another.
01:18 Distribute is where objects are distributed in horizontal or vertical direction, based on their centers or edges.
01:29 We can align objects in various manners using these options and their sub-options.
01:36 Here is another important feature: Relative to.
01:39 Using this, we can align the objects with reference to something.
01:44 Click on the drop-down list to see the options here.
01:47 So, we have Last selected, First selected, Biggest object, Smallest object, Page, Drawing and Selection.
02:00 By default, the objects will be aligned relative to Page.
02:04 This means that the selected objects will respond to the Align and Distribute operations, according to your Page dimensions.
02:13 Press Ctrl + A to select all the objects on the canvas.
02:17 The first 5 icons will align objects in the vertical direction.
02:22 Let me click on the first icon.
02:25 As the tool tip says, right edges of the objects are aligned to the left edge of the anchor.
02:32 Please recall, here the anchor point is page, as the Relative to option is Page.
02:38 Notice that 2 objects are overlapped now.
02:43 Overlap may occur based on the closeness of the objects in the previous arrangement.
02:48 We can correct this by clicking the Remove overlaps option which is below the Distribute option.
02:56 Now, the overlap is removed.
02:58 To adjust the gaps between the objects, both in horizontal and vertical directions, use the H and V options.
03:06 Now, click on the options under Align and observe how the objects align themselves.
03:14 Use the undo option CTRL + Z to understand the alignment better.
03:21 The tool tips are quite useful to help understand the alignment.
03:28 The last icon works only on texts. So we will learn about that in another tutorial.
03:35 Next, we will adjust the gaps among the objects using the Distribute option.
03:40 Since the objects are in vertical direction, we have to use the last four icons under the Distribute option.
03:48 Let me align them to the centre first.
03:51 Now, click on the options under Distribute and observe how the objects align themselves.
03:58 Once again, use the undo option CTRL + Z, to understand the alignment better.
04:07 Refer to the tool tips to help understand the alignment better.
04:13 Under Relative to, observe there is an option Treat selection as group.
04:19 This will align the objects as a whole group.
04:22 Click on the check-box.
04:24 Now, click on the icons one by one and observe the objects are aligned as a group, and not individually.
04:34 Let us uncheck the box.
04:36 Now, the objects will be aligned individually.
04:40 Next, let us align and distribute objects according to Last selected.
04:45 Change the Relative to option as Last selected.
04:49 So, bring all the objects inside the canvas and place them randomly.
05:01 Select the objects one by one. Select the circle last.
05:06 As before, click on the icons one by one.
05:10 Since the last selected object is circle, observe the objects are aligned according to the circle.
05:19 Likewise, you can try out all the options listed in Relative to and observe the alignment of the objects.
05:26 We will learn about the advanced options in Align and Distribute dialog box, in later tutorials.
05:32 So, let us close this dialog box now.
05:37 Next, we will learn to arrange the objects in rows and columns.
05:41 Go to Object menu.
05:43 Click on Rows and Columns.
05:46 The Rows and Columns dialog box opens up.
05:50 Using this option, we can arrange objects in rows and columns giving necessary spaces.
05:57 Arrange the objects randomly on the canvas.
06:01 Now, let us arrange these objects in 2 rows and 3 columns.
06:05 So, change the Row parameter to 2.
06:09 Observe- when the Row parameter is changed, the Column parameter changes automatically.
06:15 Click on Arrange button at the bottom right.
06:19 The Align option helps to align the objects in the right, centre and left.
06:29 Check it one by one and observe the changes.
06:37 We can set the space between the objects, for both rows and columns, using the Set spacing option.
06:45 Now, change the space parameter as 5 for both row and column.
06:50 Click on Arrange button.
06:53 Observe the space between the objects.
06:56 Now, I will show how to create a pattern using Align and Distribute
07:01 I have a new Inkscape file with 4 squares of different sizes and colors.
07:06 Select all and rotate the squares so that they look like diamond shapes.
07:12 Open Align and Distribute dialog box.
07:15 Click on Centre on vertical axis.
07:18 Click on Centre on horizontal axis.
07:22 A tile pattern is now formed on the canvas.
07:25 Using these options creatively, we can form many unique patterns.
07:30 Let us summarize. In this tutorial, we learned to:
07:34 Align and distribute various objects
07:37 Arrange objects in rows and columns
07:40 Set spacing between objects and Create a tile pattern.
07:45 Here are 2 assignments for you-
07:47 Create 5 circles having the following dimensions.
07:54 Arrange them randomly on the canvas and select all.
07:59 Using Align and Distribute, change Relative to option to Biggest object.
08:04 Click on Align left edges.
08:06 Click on Centre on horizontal axis.
08:10 Create 6 squares of blue color and size of 100 * 100 pixels.
08:17 Select all squares and open Rows and columns.
08:21 Arrange them in 2 rows and 3 columns.
08:25 Set both vertical and horizontal space parameter to 20.
08:29 Your completed assignment should look like this.
08:35 The video available at the following link summarizes the Spoken Tutorial project. If you do not have good bandwidth, you can download and watch it.
08:43 The Spoken Tutorial Project team conducts workshops using spoken tutorial and gives certificates for those who pass an online test.
08:51 For more details, please write to us.
08:54 Spoken Tutorial Project is supported by the NMEICT, MHRD, Government of India.
09:03 More information on this mission is available at this link.
09:07 We have come to the end of this tutorial.
09:09 This is Arthi and Saurabh from IIT Bombay, signing off. Thanks for joining.

Contributors and Content Editors

Arthi, Nancyvarkey, PoojaMoolya, Pratik kamble, Sandhya.np14