Inkscape/C2/Align-and-distribute-objects/English-timed - Revision history

Nancyvarkey at 08:51, 17 October 2018

2018-10-17T08:51:03Z

Pratik kamble at 09:23, 23 December 2016

2016-12-23T09:23:13Z

Sandhya.np14 at 05:44, 8 February 2016

2016-02-08T05:44:57Z

Arthi at 09:27, 2 December 2015

2015-12-02T09:27:11Z

Sandhya.np14 at 05:38, 10 September 2015

2015-09-10T05:38:31Z

Sandhya.np14 at 04:25, 10 September 2015

2015-09-10T04:25:12Z

PoojaMoolya: Created page with " {| Border = 1 | Time | Narration |- | 00:01 | Welcome to the Spoken Tutorial on '''“Align and distribute objects” '''using '''Inksca..."

2015-03-26T10:16:16Z

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..."

New page

{| Border = 1
| <center>Time</center>
| <center>Narration</center>

|-
| 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 direction, 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''' options help 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 learnt 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''' selected.

|-
| 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 100 * 100 pixels.

|-
| 08:17
| Select all squares and open '''Rows and columns.'''

|-
| 08:21
| Arrange them in 3 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. I 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.

|}

@@ Line 392: / Line 392: @@
 |-
 |  08:21
-|  Arrange them in 3 rows and 3 columns.
+|  Arrange them in 2 rows and 3 columns.
 |-

@@ Line 1: / Line 1: @@
 {| Border = 1
-|  <center>Time</center>
+| '''Time'''
-|  <center>Narration</center>
+| '''Narration'''
 |-
 |  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.'''
 |-
@@ Line 14: / Line 13: @@
 |-
 |  00:09
-|* Align and distribute various objects
+| Align and distribute various objects
 |-
 |  00:12
-|* Arrange objects in rows and columns
+| Arrange objects in rows and columns
 |-
 |  00:16
-|* Set spacing between objects and  Create a tile pattern.
+| Set spacing between objects and  Create a tile pattern.
 |-
@@ Line 350: / Line 349: @@
 |-
 |  07:34
-|*  Align and distribute various objects
+| Align and distribute various objects
 |-
 |  07:37
-|*  Arrange objects in rows and columns
+|  Arrange objects in rows and columns
 |-
 |  07:40
-|*  Set spacing between objects and  Create a tile pattern.
+|  Set spacing between objects and  Create a tile pattern.
 |-
@@ Line 429: / Line 428: @@
 |-
 |  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.
 |}

@@ Line 242: / Line 242: @@
 |-
 | 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 374: / Line 374: @@
 |-
 |  07:59
-| Using '''Align and Distribute,''' change '''Relative to '''option to '''Biggest object''' selected.
+| Using '''Align and Distribute,''' change '''Relative to '''option to '''Biggest object'''.
 |-

@@ Line 254: / Line 254: @@
 |-
 |  05:41
-| Go to '''Object menu.'''
+| Go to '''Object''' menu.
 |-
@@ Line 266: / Line 266: @@
 |-
 |  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 278: @@
 |-
 |  06:05
-| So change the '''Row''' parameter to 2.
+| So, change the '''Row''' parameter to 2.
 |-
 |  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 290: @@
 |-
 |  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 314: @@
 |-
 |  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 338: @@
 |-
 |  07:22
-| A tile pattern is now formed on the canvas.
+| A '''tile''' pattern is now formed on the canvas.
 |-
@@ Line 346: / Line 346: @@
 |-
 |  07:30
-| Let us summarize. In this tutorial, we learnt to
+| Let us summarize. In this tutorial, we learned to:
 |-
 |  07:34
-|  Align and distribute various objects
+|*  Align and distribute various objects
 |-
 |  07:37
-|  Arrange objects in rows and columns
+|*  Arrange objects in rows and columns
 |-
 |  07:40
-|  Set spacing between objects and  Create a tile pattern
+|*  Set spacing between objects and  Create a tile pattern.
 |-
@@ Line 385: / Line 385: @@
 |-
 | 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 6: / Line 6: @@
 |-
 |  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
-| In this tutorial, we will learn to
+| In this tutorial, we will learn to:
 |-
 |  00:09
-|  Align and distribute various objects
+|* Align and distribute various objects
 |-
 |  00:12
-|  Arrange objects in rows and columns
+|* Arrange objects in rows and columns
 |-
 |  00:16
-| Set spacing between objects and  Create a tile pattern
+|* Set spacing between objects and  Create a tile pattern.
 |-
 |  00:22
-| To record this tutorial, I am using
+| To record this tutorial, I am using:
 |-
@@ Line 42: / Line 42: @@
 |-
 |  00:35
-| Now click on the logo.
+| Now click on the '''logo'''.
 |-
@@ Line 62: / Line 62: @@
 |-
 |  00:59
-| Go to '''Object menu '''and click on '''Align and distribute.'''
+| 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.
+| The '''Align and Distribute''' dialog box opens on the right side of the '''interface'''.
 |-
@@ Line 94: / Line 94: @@
 |-
 |  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 134: @@
 |-
 |  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
-| 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 146: @@
 |-
 | 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 154: @@
 |-
 |  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 178: @@
 |-
 |  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
-| 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 198: @@
 |-
 | 04:22
-| Click on the check box.
+| Click on the check-box.
 |-
@@ Line 362: / Line 362: @@
 |-
 |  07:45
-| Here are 2 assignments for you
+| Here are 2 assignments for you-
 |-
 |  07:47
-|  Create 5 circles having the following dimensions
+|  Create 5 circles having the following dimensions.
 |-
 | 07:54
-| Arrange them randomly on the canvas and select all
+| Arrange them randomly on the canvas and select all.
 |-
@@ Line 405: / Line 405: @@
 |-
 | 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
-| 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 421: @@
 |-
 |  09:03
-| More information on this Mission is available at this link.
+| 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.
 |}