Inkscape/C2/Align-and-distribute-objects/English-timed
From Script | Spoken-Tutorial
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