Difference between revisions of "Inkscape/C2/Create-and-edit-multiple-objects/English-timed"

From Script | Spoken-Tutorial
Jump to: navigation, search
 
(3 intermediate revisions by 2 users not shown)
Line 1: Line 1:
 
{| Border =1
 
{| Border =1
−
| Time
+
| '''Time'''
−
|  Narration
+
|  '''Narration'''
  
 
|-
 
|-
 
| 00:01
 
| 00:01
−
| Welcome to the '''Spoken Tutorial''' on '''“Create and edit multiple objects” '''using '''Inkscape.'''
+
| Welcome to the '''Spoken Tutorial''' on '''Create and edit multiple objects''' using '''Inkscape.'''
  
 
|-
 
|-
 
| 00:08
 
| 00:08
−
| In this tutorial, we will learn to: * copy and paste objects
+
| In this tutorial, we will learn to: copy and paste objects
  
 
|-
 
|-
 
| 00:13
 
| 00:13
−
|* Duplicate and '''clone''' objects
+
| Duplicate and '''clone''' objects
  
 
|-
 
|-
 
| 00:16
 
| 00:16
−
|* Group and Order various objects
+
|  Group and Order various objects
  
 
|-
 
|-
 
| 00:19
 
| 00:19
−
|* Multiple selection and invert selection
+
| Multiple selection and invert selection
  
 
|-
 
|-
 
| 00:22
 
| 00:22
−
|* '''Clipping''' and '''Masking'''.
+
| '''Clipping''' and '''Masking'''.
  
 
|-
 
|-
 
|00:25
 
|00:25
−
| To record this tutorial, I am using: * '''Ubuntu Linux''' 12.04 OS
+
| To record this tutorial, I am using: '''Ubuntu Linux''' 12.04 OS
  
 
|-
 
|-
 
| 00:31
 
| 00:31
−
|* '''Inkscape''' version 0.48.4
+
| '''Inkscape''' version 0.48.4
  
 
|-
 
|-
Line 45: Line 45:
 
|-
 
|-
 
| 00:42
 
| 00:42
−
| Let's open the 'Assignment_1.svg' file that we created earlier.  
+
| Let's open the '''Assignment_1.svg''' file that we created earlier.  
  
 
|-
 
|-
Line 81: Line 81:
 
|-
 
|-
 
| 01:32
 
| 01:32
−
| Recall that we had already pressed '''Ctrl + C''' to copy the object.
+
| Recall that we had already pressed '''Ctrl + C''' to '''copy''' the object.
  
 
|-
 
|-
 
| 01:38
 
| 01:38
−
| To paste the object in the exact location from where it was copied, press '''Ctrl + Alt + V '''keys.
+
| To '''paste''' the object in the exact location from where it was copied, press '''Ctrl + Alt + V '''keys.
  
 
|-
 
|-
Line 129: Line 129:
 
|-
 
|-
 
| 02:49
 
| 02:49
−
| As before, the '''cloned''' object is created exactly above the original one.  
+
| As before, the cloned object is created exactly above the original one.  
  
 
|-
 
|-
Line 225: Line 225:
 
|-
 
|-
 
| 05:28
 
| 05:28
−
| Now the ellipses are ungrouped.
+
| Now the ellipses are un-grouped.
  
 
|-
 
|-
Line 241: Line 241:
 
|-
 
|-
 
| 05:48
 
| 05:48
−
| If we want to select all objects except a particular one, we can use the '''Invert Selection '''option.
+
| If we want to select all the objects except a particular one, we can use the '''Invert Selection '''option.
  
 
|-
 
|-
Line 249: Line 249:
 
|-
 
|-
 
| 05:59
 
| 05:59
−
| So, first click on the arrow. Now go to '''Edit''' menu and click on '''Invert selection.'''
+
| So, first click on the arrow. Now, go to '''Edit''' menu and click on '''Invert selection.'''
−
 
+
  
 
|-
 
|-
Line 258: Line 257:
 
|-
 
|-
 
| 06:16
 
| 06:16
−
| Now let us learn how to order the objects.
+
| Now, let us learn how to order the objects.
  
 
|-
 
|-
Line 266: Line 265:
 
|-
 
|-
 
| 06:25
 
| 06:25
−
| Now let us draw a star and keep it on top of the smaller pentagon.
+
| Now, let us draw a star and keep it on top of the smaller pentagon.
  
 
|-
 
|-
Line 282: Line 281:
 
|-
 
|-
 
| 06:53
 
| 06:53
−
| Now the star is moved down or lowered and the larger pentagon now appears above it.
+
| Now, the star is moved down or lowered and the larger pentagon now appears above it.
  
 
|-
 
|-
Line 306: Line 305:
 
|-
 
|-
 
| 07:31
 
| 07:31
−
|  conform to another element or shape of your design  
+
|  conform to another '''element''' or shape of your design  
 +
 
 
|-
 
|-
 
| 07:35
 
| 07:35
Line 313: Line 313:
 
|-
 
|-
 
| 07:39
 
| 07:39
−
| I will use an image for this demonstration. I have an image here in a new Inkscape file.
+
| I will use an '''image''' for this demonstration. I have an image here, in a new Inkscape file.
  
 
|-
 
|-
Line 325: Line 325:
 
|-
 
|-
 
| 07:53
 
| 07:53
−
| Go to '''Object menu.''' Click on '''Clip '''and then on '''Set.'''  
+
| Go to '''Object''' menu. Click on '''Clip '''and then on '''Set.'''  
  
 
|-
 
|-
Line 337: Line 337:
 
|-
 
|-
 
| 08:09
 
| 08:09
−
| We can remove the clip by going back to '''Object menu.''' Click on '''Clip''' and then click on '''Release.'''  
+
| We can remove the clip by going back to '''Object''' menu. Click on '''Clip''' and then click on '''Release.'''  
  
 
|-
 
|-
 
| 08:17
 
| 08:17
−
| Now the clip is released.
+
| Now the '''clip''' is released.
  
 
|-
 
|-
Line 353: Line 353:
 
|-
 
|-
 
| 08:25
 
| 08:25
−
| In '''Masking''', the ''transparency'' or ''lightness'' of one object determines the opacity of the second object.
+
| In '''Masking''', the ''transparency'' or ''lightness'' of one object determines the '''opacity''' of the second object.
  
 
|-
 
|-
Line 361: Line 361:
 
|-
 
|-
 
| 08:38
 
| 08:38
−
| Now select the ellipse.
+
| Now, select the ellipse.
  
 
|-
 
|-
 
| 08:40
 
| 08:40
−
| Go to '''Object menu.''' Click on '''Fill and stroke.'''  
+
| Go to '''Object''' menu. Click on '''Fill and stroke.'''  
  
 
|-
 
|-
Line 373: Line 373:
 
|-
 
|-
 
| 08:50
 
| 08:50
−
| Move the '''RGB sliders''' to the extreme right to change the color to white.
+
| Move the '''RGB''' sliders to the extreme right to change the color to white.
  
 
|-
 
|-
Line 381: Line 381:
 
|-
 
|-
 
| 09:05
 
| 09:05
−
| Move the '''RGB sliders''' to the extreme left to change the color to black and change the '''alpha''' value to '''255'''.
+
| Move the '''RGB''' sliders to the extreme left to change the color to black and change the '''alpha''' value to '''255'''.
  
 
|-
 
|-
Line 397: Line 397:
 
|-
 
|-
 
| 09:30
 
| 09:30
−
| Go to '''Object menu. '''
+
| Go to '''Object''' menu.
  
 
|-
 
|-
Line 413: Line 413:
 
|-
 
|-
 
| 09:47
 
| 09:47
−
| To remove the mask, go back to''' Object menu. '''
+
| To remove the mask, go back to''' Object''' menu.
  
 
|-
 
|-
Line 425: Line 425:
 
|-
 
|-
 
| 09:56
 
| 09:56
−
| Let us summarize.
+
| Let us summarize.In this tutorial, we learnt to: Copy and paste objects  
−
 
+
−
|-
+
−
| 09:57
+
−
| In this tutorial, we learnt to: Copy and paste objects  
+
  
 
|-
 
|-
 
| 10:02
 
| 10:02
−
|* Duplicate and '''clone''' objects
+
| Duplicate and '''clone''' objects
  
 
|-
 
|-
 
| 10:05
 
| 10:05
−
|* Group and Order various objects
+
| '''Group''' and '''Order''' various objects
  
 
|-
 
|-
 
| 10:08
 
| 10:08
−
|* Multiple selection and invert selection
+
| '''Multiple selection''' and '''invert selection'''
  
 
|-
 
|-
 
| 10:10
 
| 10:10
−
|* '''Clipping''' and '''Masking'''.
+
| '''Clipping''' and '''Masking'''.
  
 
|-
 
|-
Line 458: Line 454:
 
| 10:20
 
| 10:20
 
|  Place the circle centrally on top of the ellipse.  
 
|  Place the circle centrally on top of the ellipse.  
 +
 
|-
 
|-
 
| 10:23
 
| 10:23
 
|  It should look like an eye shape.  
 
|  It should look like an eye shape.  
 +
 
|-
 
|-
 
| 10:25
 
| 10:25
 
|  Now group them.  
 
|  Now group them.  
 +
 
|-
 
|-
 
| 10:27
 
| 10:27
 
|  Next create a '''clone''' to make another eye.  
 
|  Next create a '''clone''' to make another eye.  
 +
 
|-
 
|-
 
| 10:31
 
| 10:31
Line 474: Line 474:
 
| 10:35
 
| 10:35
 
| Create a circle in blue color and a square in red color.  
 
| Create a circle in blue color and a square in red color.  
 +
 
|-
 
|-
 
| 10:40
 
| 10:40
 
|  Duplicate the square and keep both the squares in diagonally opposite direction.
 
|  Duplicate the square and keep both the squares in diagonally opposite direction.
 +
 
|-
 
|-
 
| 10:45
 
| 10:45
 
|  Select both the squares and group them into a single object.  
 
|  Select both the squares and group them into a single object.  
 +
 
|-
 
|-
 
| 10:50
 
| 10:50
 
|  Place the circle centrally on top of the grouped squares.  
 
|  Place the circle centrally on top of the grouped squares.  
 +
 
|-
 
|-
 
| 10:54
 
| 10:54
Line 494: Line 498:
 
| 11:03
 
| 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.
 
| 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
 
| 11:12
Line 516: Line 521:
 
|-
 
|-
 
| 11:38
 
| 11:38
−
| 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.
+
  
 
|}
 
|}

Latest revision as of 14:14, 9 March 2017

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 object'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 un-group objects, first select the group and press either Ctrl + Shift + G keys or Ctrl + U keys.
05:28 Now the ellipses are un-grouped.
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 un-select all the objects, click anywhere on the blank space on the canvas.
05:48 If we want to select all the 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.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 to 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.

Contributors and Content Editors

PoojaMoolya, Pratik kamble, Sandhya.np14

Retrieved from "https://script.spoken-tutorial.org/index.php?title=Inkscape/C2/Create-and-edit-multiple-objects/English-timed&oldid=32953"