Difference between revisions of "Inkscape/C2/Create-and-edit-multiple-objects/English-timed"
From Script | Spoken-Tutorial
PoojaMoolya (Talk | contribs) |
|||
| Line 306: | Line 306: | ||
| 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 424: | Line 425: | ||
|- | |- | ||
| 09:56 | | 09:56 | ||
| − | | Let us summarize. | + | | Let us summarize.In this tutorial, we learnt to: Copy and paste objects |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
|- | |- | ||
| Line 457: | 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 473: | 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 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 | ||
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. |
