Inkscape/C2/Create-and-edit-shapes/English-timed - Revision history

PoojaMoolya at 14:28, 8 March 2017

2017-03-08T14:28:09Z

Pratik kamble at 10:29, 3 January 2017

2017-01-03T10:29:03Z

Pratik kamble at 09:02, 23 December 2016

2016-12-23T09:02:05Z

Pratik kamble at 09:01, 23 December 2016

2016-12-23T09:01:01Z

Gaurav at 06:47, 30 November 2015

2015-11-30T06:47:43Z

Sandhya.np14 at 07:05, 9 September 2015

2015-09-09T07:05:21Z

Sandhya.np14 at 17:34, 6 September 2015

2015-09-06T17:34:55Z

Sandhya.np14 at 03:16, 1 September 2015

2015-09-01T03:16:50Z

Show changes

PoojaMoolya at 10:46, 26 March 2015

2015-03-26T10:46:30Z

Show changes

PoojaMoolya: Created page with "{| Border =1 | Time | Narration |- | 00:01 | Welcome to the Spoken Tutorial on '''“Create and edit multiple objects” '''using '''Inkscape.''' |- | 00:08 | In this tutor..."

2015-03-26T10:19:37Z

Created page with "{| Border =1 | Time | Narration |- | 00:01 | Welcome to the Spoken Tutorial on '''“Create and edit multiple objects” '''using '''Inkscape.''' |- | 00:08 | In this tutor..."

New page

{| Border =1
| Time
| Narration

|-
| 00:01
| Welcome to the Spoken Tutorial on '''“Create and edit multiple objects” '''using '''Inkscape.'''

|-
| 00:08
| In this tutorial, we will learn to Copy and paste objects

|-
| 00:13
| Duplicate and '''clone''' objects

|-
| 00:16
| Group and Order various objects

|-
| 00:19
| Multiple selection and invert selection

|-
| 00:22
| '''Clipping''' and '''Masking'''

|-
|00:25
| To record this tutorial, I am using '''Ubuntu Linux''' 12.04 OS

|-
| 00:31
| '''Inkscape''' version 0.48.4

|-
| 00:35
| Go to '''Dash home '''and type '''Inkscape.'''

|-
| 00:39
| You can open '''Inkscape''' by clicking on the logo.

|-
| 00:42
| Let's open the '''Assignment_1.svg '''file that we created earlier.

|-
| 00:49
| I had saved it in my '''Documents''' folder.

|-
| 00:52
| First we will learn how to copy and paste an object.

|-
| 00:56
| To do so, we should first select an object. So, click on the pentagon.

|-
| 01:02
| Now, press '''Ctrl + C''' on your keyboard to copy it.

|-
| 01:07
| Now press '''Ctrl + V''' to paste the object. You can see a copy of the pentagon on the canvas.

|-
| 01:17
| There are 3 other ways of creating copies of objects.

|-
| 01:21
| In all these 3 methods, a copy of the object is created exactly above the original one.

|-
| 01:29
| The first method is called '''Paste Special.'''

|-
| 01:32
| Recall that we had already pressed '''Ctrl + C''' to copy the object.

|-
| 01:38
| To paste the object in the exact location from where it was copied, press '''Ctrl + Alt + V '''keys.

|-
| 01:47
| Move the copied object to see the original object right below it.

|-
| 01:54
| Let us move these two objects and keep it aside.

|-
| 01:57
| The second method is called '''Duplication'''. For duplication, we do not need to copy the object first.

|-
| 02:05
| Select the pentagon and press '''Ctrl + D '''keys on your keyboard.

|-
| 02:13
| Now a duplicate pentagon is created exactly on the top of the original one.

|-
| 02:19
| Let us move the duplicated object to see the original one below it.

|-
| 02:25
| The changes made on the duplicated object does not affect the original object.

|-
| 02:32
| Let us check this by changing its color to green and reducing its size.

|-
| 02:40
| The third method is called '''Cloning.'''

|-
| 02:44
| Click on the '''ellipse''' and press '''Alt + D''' to create a '''clone'''.

|-
| 02:49
| As before, the '''cloned''' object is created exactly above the original one.

|-
| 02:55
| Let us move it aside to make it visible.

|-
| 02:58
| Please note that the '''cloned''' object will always be linked to the original object.

|-
| 03:04
| The original object is also known as its parent.

|-
| 03:08
| Any modifications on the original object, that is, in size, color etc. will affect its '''clone'''.

|-
|03:16
| Let us check this by changing the original objects's color to pink, rotating it and reducing its size.

|-
| 03:30
| Observe that the exact same changes are replicated in the '''cloned''' object automatically.

|-
| 03:36
| To unlink the '''clone''' from the original object, first select the '''clone''' and then press '''Shift + Alt + D. '''

|-
| 03:44
| Now, select the original object again and change its size.

|-
| 03:50
| Observe that the cloned object does not get affected.

|-
| 03:54
| The short-cut icons for these operations are present in the '''command bar,''' as shown.

|-
|04:01
| To select multiple objects hold the '''Shift key''' and click on the objects that you want to select.

|-
| 04:08
| I will select one ellipse first. Then I will hold the '''Shift key '''and select the other ellipse.

|-
| 04:15
| Notice that both the objects are now selected.

|-
| 04:19
| We can now group them by pressing '''Ctrl + G '''keys together.

|-
| 04:24
| Notice the ellipses are now grouped as a single object.

|-
| 04:28
| You can move them around and you will notice that both the objects move together as one object.

|-
| 04:35
| Try resizing the group and you will notice that both the objects get resized proportionately.

|-
| 04:43
| Change the colour to blue and observe that both the objects change to the same colour.

|-
| 04:53
| What do we do if we want to change the properties of only one of the objects in a group?

|-
| 05:01
| To select an object within a group, press the '''Ctrl '''button and''' click '''on the object'''. '''

|-
| 05:08
| By this action, we can enter inside the group and select individual objects.

|-
| 05:13
| To exit the group, click anywhere on the blank space on the canvas.

|-
| 05:18
| To ungroup objects, first select the group and press either''' Ctrl + Shift + G '''keys or''' Ctrl + U '''keys'''. '''

|-
| 05:28
| Now the ellipses are ungrouped.

|-
| 05:31
| The short-cut icons for these operations are present in the command bar, as shown.

|-
| 05:36
| To select all the objects on the canvas, press '''Ctrl + A''' keys'''.'''

|-
| 05:42
| To unselect all the objects, click anywhere on the blank space on the canvas.

|-
| 05:48
| If we want to select all objects except a particular one, we can use the '''Invert Selection '''option.

|-
| 05:55
| Let's say, we want to select all the objects except the arrow.

|-
| 05:59
| So, first click on the arrow. Now go to '''Edit menu '''and click on '''Invert selection.'''

|-
| 06:08
| Notice that all the objects in the '''canvas''' are now selected except the arrow.

|-
| 06:16
| Now let us learn how to order the objects.

|-
| 06:20
| Let me move the smaller pentagon on top of the larger pentagon.

|-
| 06:25
| Now let us draw a star and keep it on top of the smaller pentagon.

|-
| 06:36
| Select the smaller pentagon. Go to '''Object menu '''and click on '''Raise. '''

|-
| 06:42
| Notice the smaller pentagon is now raised and is above the star.

|-
| 06:47
| Now click on the star. Go to '''Object menu.''' Click on '''Lower.'''

|-
| 06:53
| Now the star is moved down or lowered and the larger pentagon now appears above it.

|-
| 07:00
| Now let me click on the larger pentagon. Go to '''Object menu '''and click on '''Raise to top. '''Now the larger pentagon appears on top.

|-
| 07:11
| Now again Go to '''Object menu.''' Click on '''Lower to bottom.''' Notice the larger pentagon is now moved to the bottom.

|-
| 07:20
| We can find these options in the '''Tool controls bar''' too.

|-
| 07:25
| Next let us learn how to do '''Clipping. '''

|-
| 07:28
| Clipping can make your complicated objects

|-
| 07:31
| conform to another element or shape of your design
|-
| 07:35
| by changing their entire shape quickly and easily.

|-
| 07:39
| I will use an image for this demonstration. I have an image here in a new Inkscape file.

|-
| 07:45
| On this image I will draw an ellipse shape.

|-
|07:49
| Now, select the image and the ellipse.

|-
| 07:53
| Go to '''Object menu.''' Click on '''Clip '''and then on '''Set.'''

|-
| 07:59
| Notice that the image is now clipped to the shape of the ellipse.

|-
| 08:04
| In Clipping, the shape of the object used as a clip, defines the area that is visible.

|-
| 08:09
| We can remove the clip by going back to '''Object menu.''' Click on '''Clip''' and then click on '''Release.'''

|-
| 08:17
| Now the clip is released.

|-
| 08:19
| Next let us learn to do '''Masking'''.

|-
| 08:22
| '''Masking''' is very similar to '''Clipping'''.

|-
| 08:25
| In '''Masking''', the ''transparency'' or ''lightness'' of one object determines the opacity of the second object.

|-
| 08:32
| To demonstrate '''Masking''', I will first make the ellipse semi-transparent using the gradient tool.

|-
| 08:38
| Now select the ellipse.

|-
| 08:40
| Go to '''Object menu.''' Click on '''Fill and stroke.'''

|-
| 08:44
| Click on '''Radial gradient '''and then on '''Edit. '''

|-
| 08:50
| Move the '''RGB sliders''' to the extreme right to change the color to white.

|-
| 09:00
| Click on the '''Stop''' drop down arrow and select the other stop.

|-
| 09:05
| Move the RGB sliders to the extreme left to change the color to black and change the alpha value to 255.

|-
| 09:15
| Click on '''Add stop '''to add one more color in between.

|-
| 09:20
| Click on the '''Node tool''' and move the diamond handle towards the top.

|-
| 09:27
| Now, select the image and the ellipse.

|-
| 09:30
| Go to '''Object menu. '''

|-
| 09:32
| Click on '''Mask '''and then on '''Set.'''

|-
| 09:36
| Observe that the '''mask''' is formed on the image.

|-
| 09:40
| Notice that the image takes on the transparency properties of the '''masking''' object, which is the ellipse.

|-
| 09:47
| To remove the mask, go back to''' Object menu. '''

|-
| 09:51
| Click on '''Mask''' and then on '''Release.'''

|-
| 09:54
| The '''mask''' is now removed.

|-
| 09:56
| Let us summarize.

|-
| 09:57
| In this tutorial, we learnt to Copy and paste objects

|-
| 10:02
| Duplicate and '''clone''' objects

|-
| 10:05
| Group and Order various objects

|-
| 10:08
| Multiple selection and invert selection

|-
| 10:10
| '''Clipping''' and '''Masking'''

|-
| 10:12
| Here are 2 assignments for you

|-
| 10:15
| Create a vertical ellipse in grey color and a circle in black color.

|-
| 10:20
| Place the circle centrally on top of the ellipse.
|-
| 10:23
| It should look like an eye shape.
|-
| 10:25
| Now group them.
|-
| 10:27
| Next create a '''clone''' to make another eye.
|-
| 10:31
| Move it to the side to make both the eyes visible.

|-
| 10:35
| Create a circle in blue color and a square in red color.
|-
| 10:40
| Duplicate the square and keep both the squares in diagonally opposite direction.
|-
| 10:45
| Select both the squares and group them into a single object.
|-
| 10:50
| Place the circle centrally on top of the grouped squares.
|-
| 10:54
| Select both and create a '''clip'''. It should look like a bow.

|-
| 11:00
| Your completed assignment should look like this.

|-
| 11:03
| 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
|-
| 11:12
| The Spoken Tutorial Project Team conducts workshops and gives certificates for those who pass an online test.

|-
| 11:21
| For more details, please write to us.

|-
| 11:23
| Spoken Tutorial Project is supported by the NMEICT, MHRD, Government of India.

|-
| 11:31
| More information on this Mission is available at this link.

|-
| 11:35
| We have come to the end of this tutorial.

|-
| 11:38
| This is Arthi and Saurabh from IIT Bombay, signing off.

Thanks for joining.

|}

@@ Line 117: / Line 117: @@
 |-
 | 02:22
-| Let us now move the rectangle.
+| Let us now move the rectangle.To do so, you should click anywhere on the rectangle.
-−
-|-
-| 02:23
-|To do so, you should click anywhere on the rectangle.
 |-
@@ Line 480: / Line 476: @@
 |-
-| 10:32
+|10:32
-|It  is supported by the NMEICT, MHRD, Government of India.
+|It is supported by the NMEICT, MHRD, Government of India.
 |-

@@ Line 1: / Line 1: @@
 {| Border =1
-| Time
+| '''Time'''
-| Narration
+| '''Narration'''
 |-

@@ Line 13: / Line 13: @@
 |-
 | 00:10
-| We will learn about Inkscape interface and how to:* Create basic shapes
+| We will learn about Inkscape interface and how to: Create basic shapes
 |-
 | 00:16
-| Fill color and * Modify shapes using '''handles'''.
+| Fill color and  Modify shapes using '''handles'''.
 |-
 | 00:20
-|For this tutorial, I am using:  * '''Ubuntu Linux''' 12.04 OS
+|For this tutorial, I am using:  '''Ubuntu Linux''' 12.04 OS
 |-
@@ Line 85: / Line 85: @@
 |-
 | 01:47
-|Let's open the 'drawing_1.svg' file that we created earlier.
+|Let's open the '''drawing_1.svg''' file that we created earlier.
 |-

@@ Line 17: / Line 17: @@
 |-
 | 00:16
-|* Fill color and * Modify shapes using '''handles'''.
+| Fill color and * Modify shapes using '''handles'''.
 |-
@@ Line 25: / Line 25: @@
 |-
 | 00:25
-|* '''Inkscape''' version 0.48.4
+| '''Inkscape''' version 0.48.4
 |-
 | 00:29
-| Go to '''Dash home '''and type: "Inkscape".
+| Go to '''Dash home '''and type: '''Inkscape'''.
 |-
@@ Line 433: / Line 433: @@
 |-
 | 09:34
-|We also learnt to- * Create basic shapes like rectangle, square, circle, ellipse, polygon and star.
+|We also learnt to-  Create basic shapes like rectangle, square, circle, ellipse, polygon and star.
 |-
 | 09:42
-|* Fill color into the shapes and  modify the shapes using '''handles'''.
+| Fill color into the shapes and  modify the shapes using '''handles'''.
 |-
@@ Line 493: / Line 493: @@
 |-
 | 10:50
-|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 309: / Line 309: @@
 |-
 | 06:30
-|Notice 2 '''square handles '''and 2 circular '''handles '''called '''arc handles, '''on the shape.
+|Notice 2 '''resize handles '''and 2 circular '''handles '''called '''arc handles, '''on the shape.
 |-
 | 06:37
-|The 2 '''square handles '''can be used to alter the shape of the circle to an ellipse shape.
+|The 2 '''resize handles '''can be used to alter the shape of the circle to an ellipse shape.
 |-

@@ Line 13: / Line 13: @@
 |-
 | 00:10
-| We will learn about  Inkscape interface and how to:  Create basic shapes
+| We will learn about Inkscape interface and how to:* Create basic shapes
 |-
 | 00:16
-|*  Fill color and Modify shapes using '''handles'''.
+|* Fill color and * Modify shapes using '''handles'''.
 |-
 | 00:20
-|For this tutorial, I am using  '''Ubuntu Linux''' 12.04 OS
+|For this tutorial, I am using:  * '''Ubuntu Linux''' 12.04 OS
 |-
@@ Line 29: / Line 29: @@
 |-
 | 00:29
-|* Go to '''Dash home '''and type: "Inkscape".
+| Go to '''Dash home '''and type: "Inkscape".
 |-
@@ Line 37: / Line 37: @@
 |-
 | 00:38
-|On the top of the interface, you will find the '''menu bar '''and''' Tool controls bar.'''
+|On the top of the interface, you will find the '''menu bar '''and''' Tool controls''' bar.
 |-
 | 00:44
-| This is followed by '''rulers '''at the top and at the side.
+| This is followed by the '''rulers '''at the top and at the side.
 |-
@@ Line 53: / Line 53: @@
 |-
 | 00:58
-|In the centre, is the '''canvas'''. This is where you will draw your graphics.
+|In the centre, is the '''canvas'''. This is where you will draw your '''graphics'''.
 |-
@@ Line 61: / Line 61: @@
 |-
 | 01:09
-|Now, let us learn to create and edit some basic shapes in '''Inkscape'''.
+|Now, let us learn to create and '''edit''' some basic shapes in '''Inkscape'''.
 |-
@@ Line 89: / Line 89: @@
 |-
 | 01:53
-|I had saved in '''Documents''' folder. Click on '''Open''' button at the bottom right.
+|I had saved it in '''Documents''' folder. Click on '''Open''' button at the bottom right.
 |-
@@ Line 153: / Line 153: @@
 |-
 | 03:17
-|If you want to keep the aspect ratio same, hold the '''Ctrl key''' while resizing.
+|If you want to keep the '''aspect ratio''' same, hold the '''Ctrl key''' while resizing.
 |-
@@ Line 161: / Line 161: @@
 |-
 | 03:32
-|Click and drag the '''handle, '''either to the left or to the right.
+|Click and drag the '''handle''', either to the left or to the right.
 |-
@@ Line 169: / Line 169: @@
 |-
 | 03:43
-|Now let's change the height of the rectangle.
+|Now, let's change the height of the rectangle.
 |-
@@ Line 181: / Line 181: @@
 |-
 | 03:54
-|We can also change the width and height of the rectangle manually by changing the '''Width''' and '''Height''' parameters on the''' Tool controls bar.'''
+|We can also change the width and height of the rectangle manually by changing the '''Width''' and '''Height''' parameters on the''' Tool controls bar'''.
 |-
@@ Line 205: / Line 205: @@
 |-
 | 04:27
-|Notice that now, the shape of the corner '''handles '''has changed to indicate that it is ready for rotation.
+|Notice that now the shape of the corner '''handles '''has changed to indicate that it is ready for rotation.
 |-
@@ Line 229: / Line 229: @@
 |-
 | 05:04
-|Let us un-select this shape now.
+|Let us unselect this shape now.
 |-
 | 05:06
-|To do so, click anywhere in the '''canvas''' area or outside the '''canvas''' boundary.
+|To do so, click anywhere in the '''canvas''' area or outside the canvas boundary.
 |-
@@ Line 297: / Line 297: @@
 |-
 | 06:14
-|Now I will click on '''Arc icon''' and we see the change in the shape.
+|Now I will click on '''Arc''' icon and we see the change in the shape.
 |-
@@ Line 321: / Line 321: @@
 |-
 | 06:53
-|Observe the change in the shape.
+|Observe the changes in the shape.
 |-
@@ Line 405: / Line 405: @@
 |-
 | 08:52
-|Convert this shape int'''o a star shape, by clicking on the '''star icon next to '''polygon''' icon, in the '''Tool controls bar'''.
+|Convert this shape into a star shape by clicking on the '''star''' icon next to the '''polygon''' icon, in the '''Tool controls bar'''.
 |-

@@ Line 250: / Line 250: @@
 | 05:25
 |To draw a square, simply hold the '''Ctrl''' key and drag on the '''Canvas.'''
 |-