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

From Script | Spoken-Tutorial
Jump to: navigation, search
(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...")
 
Line 5: Line 5:
 
|-
 
|-
 
| 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 53: Line 53:
 
|-
 
|-
 
| 00:52
 
| 00:52
−
| First we will learn how to copy and paste an object.  
+
| First we will learn how to '''copy''' and '''paste''' an object.  
  
 
|-
 
|-
Line 61: Line 61:
 
|-
 
|-
 
| 01:02
 
| 01:02
−
| Now, press '''Ctrl + C''' on your keyboard to copy it.
+
| Now, press '''Ctrl + C''' on your keyboard to '''copy''' it.
  
 
|-
 
|-
 
| 01:07
 
| 01:07
−
| Now press '''Ctrl + V''' to paste the object. You can see a copy of the pentagon on the canvas.
+
| Now press '''Ctrl + V''' to '''paste''' the object. You can see a copy of the pentagon on the canvas.
  
 
|-
 
|-
Line 137: Line 137:
 
|-
 
|-
 
| 02:58
 
| 02:58
−
| Please note that the '''cloned''' object will always be linked to the original object.
+
| Please note that the cloned object will always be linked to the original object.
  
 
|-
 
|-
Line 149: Line 149:
 
|-
 
|-
 
|03:16
 
|03:16
−
| Let us check this by changing the original objects's color to pink, rotating it and reducing its size.  
+
| Let us check this by changing the original object's color to pink, rotating it and reducing its size.  
  
 
|-
 
|-
 
| 03:30
 
| 03:30
−
| Observe that the exact same changes are replicated in the '''cloned''' object automatically.
+
| Observe that the exact same changes are replicated in the cloned object automatically.
  
 
|-
 
|-
Line 169: Line 169:
 
|-
 
|-
 
| 03:54
 
| 03:54
−
| The short-cut icons for these operations are present in the '''command bar,''' as shown.
+
| The short-cut icons for these operations are present in the '''command bar''' as shown.
  
 
|-
 
|-
 
|04:01
 
|04:01
−
| To select multiple objects hold the '''Shift key''' and click on the objects that you want to select.  
+
| To select multiple objects, hold the '''Shift''' key and click on the objects that you want to select.  
  
 
|-
 
|-
 
| 04:08
 
| 04:08
−
| I will select one ellipse first. Then I will hold the '''Shift key '''and select the other ellipse.
+
| I will select one ellipse first. Then I will hold the '''Shift''' key and select the other ellipse.
  
 
|-
 
|-
Line 209: Line 209:
 
|-
 
|-
 
| 05:01
 
| 05:01
−
| To select an object within a group, press the '''Ctrl '''button and''' click '''on the object'''. '''
+
| To select an object within a group, press the '''Ctrl '''button and click on the object.  
  
 
|-
 
|-
Line 221: Line 221:
 
|-
 
|-
 
| 05:18
 
| 05:18
−
| To ungroup objects, first select the group and press either''' Ctrl + Shift + G '''keys or''' Ctrl + U '''keys'''. '''
+
| To un-group objects, first select the group and press either''' Ctrl + Shift + G '''keys or''' Ctrl + U '''keys.  
  
 
|-
 
|-
Line 229: Line 229:
 
|-
 
|-
 
| 05:31
 
| 05:31
−
| The short-cut icons for these operations are present in the command bar, as shown.
+
| The short-cut icons for these operations are present in the command bar as shown.
  
 
|-
 
|-
 
| 05:36
 
| 05:36
−
| To select all the objects on the canvas, press '''Ctrl + A''' keys'''.'''
+
| To select all the objects on the canvas, press '''Ctrl + A''' keys.  
  
 
|-
 
|-
 
| 05:42
 
| 05:42
−
| To unselect all the objects, click anywhere on the blank space on the canvas.
+
| To un-select all the objects, click anywhere on the blank space on the canvas.
  
 
|-
 
|-
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 270: Line 270:
 
|-
 
|-
 
| 06:36
 
| 06:36
−
| Select the smaller pentagon. Go to '''Object menu '''and click on '''Raise. '''
+
| Select the smaller pentagon. Go to '''Object''' menu and click on '''Raise. '''
  
 
|-
 
|-
Line 278: Line 278:
 
|-
 
|-
 
| 06:47
 
| 06:47
−
| Now click on the star. Go to '''Object menu.''' Click on '''Lower.'''
+
| Now, click on the star. Go to '''Object''' menu. Click on '''Lower.'''
  
 
|-
 
|-
Line 286: Line 286:
 
|-
 
|-
 
| 07:00
 
| 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.
+
| 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
 
| 07:11
−
| Now again Go to '''Object menu.''' Click on '''Lower to bottom.''' Notice the larger pentagon is now moved to the bottom.  
+
| Now again go to '''Object''' menu. Click on '''Lower to bottom.''' Notice the larger pentagon is now moved to the bottom.  
  
 
|-
 
|-
Line 298: Line 298:
 
|-
 
|-
 
| 07:25
 
| 07:25
−
| Next let us learn how to do '''Clipping. '''
+
| Next, let us learn how to do '''Clipping. '''
  
 
|-
 
|-
Line 317: Line 317:
 
|-
 
|-
 
| 07:45
 
| 07:45
−
| On this image I will draw an ellipse shape.
+
| On this image, I will draw an ellipse shape.
  
 
|-
 
|-
Line 333: Line 333:
 
|-
 
|-
 
| 08:04
 
| 08:04
−
| In Clipping, the shape of the object used as a clip, defines the area that is visible.  
+
| In Clipping, the shape of the object used as a clip defines the area that is visible.  
  
 
|-
 
|-
Line 345: Line 345:
 
|-
 
|-
 
| 08:19
 
| 08:19
−
| Next let us learn to do '''Masking'''.
+
| Next, let us learn to do '''Masking'''.
  
 
|-
 
|-
Line 369: Line 369:
 
|-
 
|-
 
| 08:44
 
| 08:44
−
| Click on '''Radial gradient '''and then on '''Edit. '''
+
| Click on '''Radial gradient '''and then on '''Edit.'''
  
 
|-
 
|-
Line 377: Line 377:
 
|-
 
|-
 
| 09:00
 
| 09:00
−
| Click on the '''Stop''' drop down arrow and select the other stop.  
+
| Click on the '''Stop''' drop-down arrow and select the other stop.  
  
 
|-
 
|-
 
| 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 409: Line 409:
 
|-
 
|-
 
| 09:40
 
| 09:40
−
| Notice that the image takes on the transparency properties of the '''masking''' object, which is the ellipse.
+
| Notice that the image takes on the transparency properties of the '''masking''' object which is the ellipse.
  
 
|-
 
|-
Line 429: Line 429:
 
|-
 
|-
 
| 09:57
 
| 09:57
−
| In this tutorial, we learnt to  Copy and paste objects  
+
| 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'''.
  
 
|-
 
|-
 
| 10:12
 
| 10:12
−
| Here are 2 assignments for you
+
| Here are 2 assignments for you-
  
 
|-
 
|-
Line 493: Line 493:
 
|-
 
|-
 
| 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
−
| The Spoken Tutorial Project Team conducts workshops and gives certificates for those who pass an online test.
+
| The Spoken Tutorial Project team  conducts workshops and gives certificates to those who pass an online test.
  
 
|-
 
|-
Line 508: Line 508:
 
|-
 
|-
 
| 11:31
 
| 11:31
−
| More information on this Mission is available at this link.
+
| More information on this mission is available at this link.
  
 
|-
 
|-
Line 517: Line 517:
 
| 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.
  
 
|}
 
|}

Revision as of 19:57, 1 September 2015

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 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 un-select 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 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=23439"