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

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

3
00:00:13 --> 00:00:15
Duplicate and clone objects

4
00:00:16 --> 00:00:18
Group and Order various objects

5
00:00:19 --> 00:00:21
Multiple selection and invert selection

6
00:00:22 --> 00:00:24
Clipping and Masking

7
00:00:25 --> 00:00:30
To record this tutorial, I am using Ubuntu Linux 12.04 OS

8
00:00:31 --> 00:00:34
Inkscape version 0.48.4

9
00:00:35 --> 00:00:38
Go to Dash home and type Inkscape.

10
00:00:39 --> 00:00:41
You can open Inkscape by clicking on the logo.

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

12
00:00:49 --> 00:00:51
I had saved it in my Documents folder.

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

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

15
00:01:02 --> 00:01:06
Now, press Ctrl + C on your keyboard to copy it.

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

17
00:01:17 --> 00:01:20
There are 3 other ways of creating copies of objects.

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

19
00:01:29 --> 00:01:31
The first method is called Paste Special.

20
00:01:32 --> 00:01:37
Recall that we had already pressed Ctrl + C to copy the object.

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

22
00:01:47 --> 00:01:53
Move the copied object to see the original object right below it.

23
00:01:54 --> 00:01:56
Let us move these two objects and keep it aside.

24
00:01:57 --> 00:02:04
The second method is called Duplication. For duplication, we do not need to copy the object first.

25
00:02:05 --> 00:02:12
Select the pentagon and press Ctrl + D keys on your keyboard.

26
00:02:13 --> 00:02:18
Now a duplicate pentagon is created exactly on the top of the original one.

27
00:02:19 --> 00:02:24
Let us move the duplicated object to see the original one below it.

28
00:02:25 --> 00:02:31
The changes made on the duplicated object does not affect the original object.

29
00:02:32 --> 00:02:39
Let us check this by changing its color to green and reducing its size.

30
00:02:40 --> 00:02:43
The third method is called Cloning.

31
00:02:44 --> 00:02:48
Click on the ellipse and press Alt + D to create a clone.

32
00:02:49 --> 00:02:54
As before, the cloned object is created exactly above the original one.

33
00:02:55 --> 00:02:57
Let us move it aside to make it visible.

34
00:02:58 --> 00:03:03
Please note that the cloned object will always be linked to the original object.

35
00:03:04 --> 00:03:07
The original object is also known as its parent.

36
00:03:08 --> 00:03:15
Any modifications on the original object, that is, in size, color etc. will affect its clone.

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

38
00:03:30 --> 00:03:35
Observe that the exact same changes are replicated in the cloned object automatically.

39
00:03:36 --> 00:03:43
To unlink the clone from the original object, first select the clone and then press Shift + Alt + D.

40
00:03:44 --> 00:03:49
Now, select the original object again and change its size.

41
00:03:50 --> 00:03:53
Observe that the cloned object does not get affected.

42
00:03:54 --> 00:04:00
The short-cut icons for these operations are present in the command bar, as shown.

43
00:04:01 --> 00:04:07
To select multiple objects hold the Shift key and click on the objects that you want to select.

44
00:04:08 --> 00:04:14
I will select one ellipse first. Then I will hold the Shift key and select the other ellipse.

45
00:04:15 --> 00:04:18
Notice that both the objects are now selected.

46
00:04:19 --> 00:04:23
We can now group them by pressing Ctrl + G keys together.

47
00:04:24 --> 00:04:27
Notice the ellipses are now grouped as a single object.

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

49
00:04:35 --> 00:04:42
Try resizing the group and you will notice that both the objects get resized proportionately.

50
00:04:43 --> 00:04:52
Change the colour to blue and observe that both the objects change to the same colour.

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

52
00:05:01 --> 00:05:07
To select an object within a group, press the Ctrl button and click on the object.

53
00:05:08 --> 00:05:12
By this action, we can enter inside the group and select individual objects.

54
00:05:13 --> 00:05:17
To exit the group, click anywhere on the blank space on the canvas.

55
00:05:18 --> 00:05:27
To ungroup objects, first select the group and press either Ctrl + Shift + G keys or Ctrl + U keys.

56
00:05:28 --> 00:05:30
Now the ellipses are ungrouped.

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

58
00:05:36 --> 00:05:41
To select all the objects on the canvas, press Ctrl + A keys.

59
00:05:42 --> 00:05:47
To unselect all the objects, click anywhere on the blank space on the canvas.

60
00:05:48 --> 00:05:54
If we want to select all objects except a particular one, we can use the Invert Selection option.

61
00:05:55 --> 00:05:58
Let's say, we want to select all the objects except the arrow.

62
00:05:59 --> 00:06:07
So, first click on the arrow. Now go to Edit menu and click on Invert selection.

63
00:06:08 --> 00:06:15
Notice that all the objects in the canvas are now selected except the arrow.

64
00:06:16 --> 00:06:19
Now let us learn how to order the objects.

65
00:06:20 --> 00:06:24
Let me move the smaller pentagon on top of the larger pentagon.

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

67
00:06:36 --> 00:06:41
Select the smaller pentagon. Go to Object menu and click on Raise.

68
00:06:42 --> 00:06:46
Notice the smaller pentagon is now raised and is above the star.

69
00:06:47 --> 00:06:52
Now click on the star. Go to Object menu. Click on Lower.

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

71
00:07:00 --> 00:07:10
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.

72
00:07:11 --> 00:07:19
Now again Go to Object menu. Click on Lower to bottom. Notice the larger pentagon is now moved to the bottom.

73
00:07:20 --> 00:07:24
We can find these options in the Tool controls bar too.

74
00:07:25 --> 00:07:27
Next let us learn how to do Clipping.

75
00:07:28 --> 00:07:30
Clipping can make your complicated objects

76
00:07:31 --> 00:07:34
conform to another element or shape of your design

77
00:07:35 --> 00:07:38
by changing their entire shape quickly and easily.

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

79
00:07:45 --> 00:07:48
On this image I will draw an ellipse shape.

80
00:07:49 --> 00:07:52
Now, select the image and the ellipse.

81
00:07:53 --> 00:07:58
Go to Object menu. Click on Clip and then on Set.

82
00:07:59 --> 00:08:03
Notice that the image is now clipped to the shape of the ellipse.

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

84
00:08:09 --> 00:08:16
We can remove the clip by going back to Object menu. Click on Clip and then click on Release.

85
00:08:17 --> 00:08:18
Now the clip is released.

86
00:08:19 --> 00:08:21
Next let us learn to do Masking.

87
00:08:22 --> 00:08:24
Masking is very similar to Clipping.

88
00:08:25 --> 00:08:31
In Masking, the transparency or lightness of one object determines the opacity of the second object.

89
00:08:32 --> 00:08:37
To demonstrate Masking, I will first make the ellipse semi-transparent using the gradient tool.

90
00:08:38 --> 00:08:39
Now select the ellipse.

91
00:08:40 --> 00:08:43
Go to Object menu. Click on Fill and stroke.

92
00:08:44 --> 00:08:49
Click on Radial gradient and then on Edit.

93
00:08:50 --> 00:08:59
Move the RGB sliders to the extreme right to change the color to white.

94
00:09:00 --> 00:09:04
Click on the Stop drop down arrow and select the other stop.

95
00:09:05 --> 00:09:14
Move the RGB sliders to the extreme left to change the color to black and change the alpha value to 255.

96
00:09:15 --> 00:09:19
Click on Add stop to add one more color in between.

97
00:09:20 --> 00:09:26
Click on the Node tool and move the diamond handle towards the top.

98
00:09:27 --> 00:09:29
Now, select the image and the ellipse.

99
00:09:30 --> 00:09:31
Go to Object menu.

100
00:09:32 --> 00:09:35
Click on Mask and then on Set.

101
00:09:36 --> 00:09:39
Observe that the mask is formed on the image.

102
00:09:40 --> 00:09:46
Notice that the image takes on the transparency properties of the masking object, which is the ellipse.

103
00:09:47 --> 00:09:50
To remove the mask, go back to Object menu.

104
00:09:51 --> 00:09:53
Click on Mask and then on Release.

105
00:09:54 --> 00:09:55
The mask is now removed.

106
00:09:56 --> 00:09:56
Let us summarize.

107
00:09:57 --> 00:10:01
In this tutorial, we learnt to  Copy and paste objects

108
00:10:02 --> 00:10:04
Duplicate and clone objects

109
00:10:05 --> 00:10:07
Group and Order various objects

110
00:10:08 --> 00:10:09
Multiple selection and invert selection

111
00:10:10 --> 00:10:11
Clipping and Masking

112
00:10:12 --> 00:10:14
Here are 2 assignments for you

113
00:10:15 --> 00:10:19
Create a vertical ellipse in grey color and a circle in black color.

114
00:10:20 --> 00:10:22
Place the circle centrally on top of the ellipse.

115
00:10:23 --> 00:10:24
It should look like an eye shape.

116
00:10:25 --> 00:10:26
Now group them.

117
00:10:27 --> 00:10:30
Next create a clone to make another eye.

118
00:10:31 --> 00:10:34
Move it to the side to make both the eyes visible.

119
00:10:35 --> 00:10:39
Create a circle in blue color and a square in red color.

120
00:10:40 --> 00:10:44
Duplicate the square and keep both the squares in diagonally opposite direction.

121
00:10:45 --> 00:10:49
Select both the squares and group them into a single object.

122
00:10:50 --> 00:10:53
Place the circle centrally on top of the grouped squares.

123
00:10:54 --> 00:10:59
Select both and create a clip. It should look like a bow.

124
00:11:00 --> 00:11:02
Your completed assignment should look like this.

125
00:11:03 --> 00:11:11
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

126
00:11:12 --> 00:11:20
The Spoken Tutorial Project Team conducts workshops and gives certificates for those who pass an online test.

127
00:11:21 --> 00:11:22
For more details, please write to us.

128
00:11:23 --> 00:11:30
Spoken Tutorial Project is supported by the NMEICT, MHRD, Government of India.

129
00:11:31 --> 00:11:34
More information on this Mission is available at this link.

130
00:11:35 --> 00:11:37
We have come to the end of this tutorial.

131
00:11:38 --> 00:11:43
This is Arthi and Saurabh from IIT Bombay, signing off.
Thanks for joining.