Difference between revisions of "Inkscape/C2/Create-and-edit-multiple-objects/English-timed"
From Script | Spoken-Tutorial
PoojaMoolya (Talk | contribs) (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...") |
PoojaMoolya (Talk | contribs) |
||
(4 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 ''' | + | | Welcome to the '''Spoken Tutorial''' on '''Create and edit multiple objects''' using '''Inkscape.''' |
|- | |- | ||
| 00:08 | | 00:08 | ||
− | | In this tutorial, we will learn to | + | | In this tutorial, we will learn to: copy and paste objects |
|- | |- | ||
| 00:13 | | 00:13 | ||
− | | | + | | Duplicate and '''clone''' objects |
|- | |- | ||
Line 25: | Line 25: | ||
|- | |- | ||
| 00:22 | | 00:22 | ||
− | | | + | | '''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 |
|- | |- | ||
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 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 | + | | As before, the cloned object is created exactly above the original one. |
|- | |- | ||
Line 137: | Line 137: | ||
|- | |- | ||
| 02:58 | | 02:58 | ||
− | | Please note that the | + | | 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 | + | | 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 | + | | 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 | + | | 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 | + | | 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 | + | | 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 | + | | 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 | + | | To un-group objects, first select the group and press either''' Ctrl + Shift + G '''keys or''' Ctrl + U '''keys. |
|- | |- | ||
| 05:28 | | 05:28 | ||
− | | Now the ellipses are | + | | Now the ellipses are un-grouped. |
|- | |- | ||
| 05:31 | | 05:31 | ||
− | | The short-cut icons for these operations are present in the command bar | + | | 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 | + | | To un-select all the objects, click anywhere on the blank space on the canvas. |
|- | |- | ||
| 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 | + | | 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. |
|- | |- | ||
| 06:36 | | 06:36 | ||
− | | Select the smaller pentagon. Go to '''Object | + | | Select the smaller pentagon. Go to '''Object''' menu and click on '''Raise. ''' |
|- | |- | ||
Line 278: | Line 277: | ||
|- | |- | ||
| 06:47 | | 06:47 | ||
− | | Now click on the star. Go to '''Object | + | | Now, click on the star. Go to '''Object''' menu. Click on '''Lower.''' |
|- | |- | ||
| 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. |
|- | |- | ||
| 07:00 | | 07:00 | ||
− | | Now let me click on the larger pentagon. Go to '''Object | + | | 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 | + | | Now again go to '''Object''' menu. Click on '''Lower to bottom.''' Notice the larger pentagon is now moved to the bottom. |
|- | |- | ||
Line 298: | Line 297: | ||
|- | |- | ||
| 07:25 | | 07:25 | ||
− | | Next let us learn how to do '''Clipping. ''' | + | | Next, let us learn how to do '''Clipping. ''' |
|- | |- | ||
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. |
|- | |- | ||
| 07:45 | | 07:45 | ||
− | | On this image I will draw an ellipse shape. | + | | On this image, I will draw an ellipse shape. |
|- | |- | ||
Line 325: | Line 325: | ||
|- | |- | ||
| 07:53 | | 07:53 | ||
− | | Go to '''Object | + | | Go to '''Object''' menu. Click on '''Clip '''and then on '''Set.''' |
|- | |- | ||
Line 333: | Line 333: | ||
|- | |- | ||
| 08:04 | | 08:04 | ||
− | | In Clipping, the shape of the object used as a clip | + | | In Clipping, the shape of the object used as a clip defines the area that is visible. |
|- | |- | ||
| 08:09 | | 08:09 | ||
− | | We can remove the clip by going back to '''Object | + | | 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. |
|- | |- | ||
| 08:19 | | 08:19 | ||
− | | Next let us learn to do '''Masking'''. | + | | Next, let us learn to do '''Masking'''. |
|- | |- | ||
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 | + | | Go to '''Object''' menu. Click on '''Fill and stroke.''' |
|- | |- | ||
| 08:44 | | 08:44 | ||
− | | Click on '''Radial gradient '''and then on '''Edit. ''' | + | | Click on '''Radial gradient '''and then on '''Edit.''' |
|- | |- | ||
| 08:50 | | 08:50 | ||
− | | Move the '''RGB | + | | Move the '''RGB''' sliders to the extreme right to change the color to white. |
|- | |- | ||
| 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 397: | Line 397: | ||
|- | |- | ||
| 09:30 | | 09:30 | ||
− | | Go to '''Object | + | | Go to '''Object''' menu. |
|- | |- | ||
Line 409: | Line 409: | ||
|- | |- | ||
| 09:40 | | 09:40 | ||
− | | Notice that the image takes on the transparency properties of the '''masking''' object | + | | Notice that the image takes on the transparency properties of the '''masking''' object which is the ellipse. |
|- | |- | ||
| 09:47 | | 09:47 | ||
− | | To remove the mask, go back to''' Object | + | | 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 |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
|- | |- | ||
| 10:02 | | 10:02 | ||
− | | | + | | 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''' |
|- | |- | ||
| 10:10 | | 10:10 | ||
− | | | + | | '''Clipping''' and '''Masking'''. |
|- | |- | ||
| 10:12 | | 10:12 | ||
− | | Here are 2 assignments for you | + | | Here are 2 assignments for you- |
|- | |- | ||
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 493: | Line 497: | ||
|- | |- | ||
| 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 | + | | The Spoken Tutorial Project team conducts workshops and gives certificates to those who pass an online test. |
|- | |- | ||
Line 508: | Line 513: | ||
|- | |- | ||
| 11:31 | | 11:31 | ||
− | | More information on this | + | | More information on this mission is available at this link. |
|- | |- | ||
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. |