Difference between revisions of "Inkscape/C2/Align-and-distribute-objects/English-timed"
From Script | Spoken-Tutorial
Nancyvarkey (Talk | contribs) |
|||
| Line 392: | Line 392: | ||
|- | |- | ||
| 08:21 | | 08:21 | ||
| − | | Arrange them in | + | | Arrange them in 2 rows and 3 columns. |
|- | |- | ||
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
