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

| '''Align''' is where the centers or edges of objects are aligned to one another.

| '''Distribute''' is where objects are distributed in horizontal or vertical direction, based on their centers or edges.  

| We can align objects in various manners using these options and their sub-options.

| Here is another important feature: '''Relative to'''.  

| Using this, we can align the objects with reference to something.

| Click on the drop down list to see the options here.  

| So, we have '''Last selected, First selected, Biggest object, Smallest object, Page, Drawing '''and '''Selection.'''

| By default, the objects will be aligned relative to '''Page.'''  

| This means that the selected objects will respond to the '''Align and Distribute '''operations, according to your '''Page''' dimensions.

| Press '''Ctrl + A '''to select all the objects on the '''canvas.'''

| The first 5 icons will align objects in the vertical direction.

| Let me click on the first icon.  

| As the tool tip says, right edges of the objects are aligned to the left edge of the '''anchor'''.

| Please recall, here the '''anchor point '''is '''page''', as the '''Relative to''' option is '''Page.'''

| Notice that 2 objects are overlapped now.

| Overlap may occur based on the closeness of the objects, in the previous arrangement.

| We can correct this by clicking the '''Remove overlaps''' option, which is below the '''Distribute''' option.  

| Now, the overlap is removed.  

| To adjust the gaps between the objects, both in horizontal and vertical direction, use the '''H '''and '''V''' options.

| Now, click on the options under '''Align''' and observe how the objects align themselves.  

| Use the undo option '''CTRL + Z''' to understand the alignment better.

| The tool tips are quite useful to help understand the alignment.

| The last icon works only on texts. So we will learn about that in another tutorial.

| Next, we will adjust the gaps among the objects using the '''Distribute''' option.  

| Since the objects are in vertical direction, we have to use the last four icons under the '''Distribute '''option.  

| Let me align them to the centre first.

| Now click on the options under '''Distribute''' and observe how the objects align themselves.  

| Once again, use the undo option '''CTRL + Z''', to understand the alignment better.

| Refer to the tool tips to help understand the alignment better.

| Under '''Relative to''', observe there is an option '''Treat selection as group.'''  

| This will align the objects as a whole group.

| Click on the check box.  

| Now, click on the icons one by one  and observe the objects are aligned as a group, and not individually.

| Let us uncheck the box.  

| Now, the objects will be aligned individually.

| Next, let us align and distribute objects according to '''Last selected.'''  

| Change the '''Relative to''' option as '''Last selected.'''

| So, bring all the objects inside the '''canvas''' and place them randomly.

| Select the objects one by one. Select the circle last.

|As before, click on the icons one by one.

| Since the last selected object is circle, observe the objects are aligned according to the circle.

| Likewise, you can try out all the options listed in '''Relative to''' and observe the alignment of the objects.

| We will learn about the advanced options in '''Align and Distribute''' dialog box in later tutorials.

| So, let us close this dialog box now.

| Next, we will learn to arrange the objects in rows and columns.

| Go to '''Object menu.'''  

| Click on '''Rows and Columns.'''  

| The '''Rows and Columns '''dialog box opens up.  

| Using this option, we can arrange objects in rows and columns, giving necessary spaces.

| Arrange the objects randomly on the '''canvas.'''

| Now, let us arrange these objects in 2 rows and 3 columns.  

| So change the '''Row''' parameter to 2.  

| Observe when the '''Row''' parameter is changed the '''Column''' parameter changes automatically.  

| Click on '''Arrange '''button at the bottom right.

| The '''Align''' options help to align the objects in the right, centre and left.  

| Check it one by one and observe the changes.

| We can set the space between the objects, for both rows and columns, using the '''Set spacing''' option.  

| Now, change the space parameter as 5 for both row and column.  

| Click on '''Arrange '''button.

| Observe the space between the objects.

| Now I will show how to create a pattern using '''Align and Distribute'''

| I have a new '''Inkscape''' file with 4 squares of different sizes and colors.  

| Select all and rotate the squares so that they look like diamond shapes.

| Open '''Align and Distribute '''dialog box.

|  Click on '''Centre on vertical axis.'''

| Click on '''Centre on horizontal axis.'''

| A tile pattern is now formed on the canvas.

| Using these options creatively, we can form many unique patterns.

| Let us summarize. In this tutorial, we learnt to

| Align and distribute various objects

| Arrange objects in rows and columns

| Set spacing between objects and  Create a tile pattern

| Here are 2 assignments for you

|  Create 5 circles having the following dimensions

| Arrange them randomly on the canvas and select all

| Using '''Align and Distribute,''' change '''Relative to '''option to '''Biggest''' selected.

| Click on '''Align left edges.'''

| Click on '''Centre on horizontal axis.'''

| Create 6 squares of blue color and size 100 * 100 pixels.

|  Select all squares and open '''Rows and columns.'''

| Arrange them in 3 rows and 3 columns.

| Set both vertical and horizontal space parameter to 20.

| Your completed assignment should look like this.

| 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 Spoken Tutorial Project Team conducts workshops using spoken tutorial and gives certificates for those who pass an online test.

| For more details, please write to us.

| Spoken Tutorial Project is supported by the NMEICT, MHRD, Government of India.

| More information on this Mission is available at this link.

| We have come to the end of this tutorial.

| This is Arthi and Saurabh from IIT Bombay, signing off.

 

Thanks for joining.