Inkscape/C2/Layers-and-Boolean-operations/English-timed
From Script | Spoken-Tutorial
Revision as of 10:34, 11 June 2015 by PoojaMoolya (Talk | contribs)
Time | Narration |
00:00 | Welcome to the Spoken Tutorial on “Layers and boolean operations” using Inkscape. |
00:07 | In this tutorial we will learn about Layers |
00:11 | Filters |
00:12 | Boolean operations |
00:15 | To record this tutorial, I am using |
00:18 | Ubuntu Linux 12.04 OS |
00:21 | Inkscape version 0.48.4 |
00:25 | Let us open Inkscape. Go to Dash home and type Inkscape. |
00:30 | Click on the Inkscape logo. |
00:32 | Let's open the Assignment_2.svg file that we created earlier. |
00:38 | I had saved it in documents folder. |
00:41 | First, we will learn about Layers in Inkscape. |
00:45 | Go to Layer menu and click on Layers option. |
00:50 | Now the Layer palette is opened on the right side of the interface. |
00:55 | By default a layer is there. You can see, that is named as Layer 1. |
01:01 | To add or create a new layer, click on the plus icon on the Layer palette. |
01:07 | A dialog box named Add layer opens up. |
01:10 | In the Layer name text box, we can assign a name to the layer. |
01:15 | I will name this layer as eye. |
01:18 | Now, we can decide the position of the layer by clicking on the Position drop down list. |
01:25 | There are 3 options here. |
01:27 | Above current will keep this layer on top of the current layer. |
01:32 | Below current will place this layer below the current layer. |
01:36 | As sublayer of current indicates that it will be a part of the current layer. |
01:41 | I will position it as Above current and click on the Add button. |
01:47 | Notice a new layer named eye is now visible in the Layer palette. |
01:52 | In a similar way, create another layer named bow. |
02:00 | Now we have 3 layers in the Layer palette. |
02:04 | Next let us learn to rename a layer. |
02:08 | First double click on Layer 1. And then rename it as circle and press Enter. |
02:16 | Coming back to our canvas. There are 2 eyes and a bow. |
02:20 | Let us move these shapes to the 2 different layers that we created. |
02:25 | Select both the eyes by dragging the mouse. |
02:28 | Now press Ctrl + X on your keyboard. The eyes have now disappeared. |
02:34 | Now click on the eye layer in the Layer Palette. |
02:38 | Come back to the canvas and press Ctrl + Alt + V. |
02:44 | Repeat the same action for the bow shape. |
02:52 | Click on any empty space on the canvas to deselect all the objects. |
03:00 | The eye and lock icons help to hide and lock layers. |
03:04 | When you hide a layer, you are able to see the objects on the subsequent lower layers clearly. |
03:11 | When you lock a layer, you are able to prevent accidental edits to that particular layer. |
03:18 | These are particularly useful when we have to work on large and complex graphic assignments. |
03:25 | Notice 2 icons namely, an eye and a lock, on the left of each layer. |
03:32 | We will now learn how to use these. |
03:35 | To lock or unlock layers, click on the lock icon. I have now locked the bow layer. |
03:42 | Note that if a layer is locked, we cannot make any changes to that layer. |
03:47 | Let's try to select the bow on the canvas. You will notice that it is not possible to do so. |
03:58 | Now, I will unlock the bow layer. |
04:01 | Now, I am able to select the bow object and change its properties, as well. |
04:07 | To make a layer visible or invisible on the canvas, click on the eye icon to the left of the layer. |
04:15 | I am clicking on the eye icon for the bow layer. |
04:18 | Observe what happens on the canvas. |
04:23 | Now, let me duplicate the bow layer. |
04:26 | Go to Layer menu and click on Duplicate Current Layer option. |
04:32 | Notice a new layer named bow copy is created in the Layer Palette window. |
04:41 | But we cannot see the new bow on the canvas. That is because the bow object is overlapped on the previous layer. |
04:50 | Select the bow on the top layer and move it to one side to see both the bows. |
04:56 | Select the circle layer. |
04:58 | Draw an ellipse on the canvas encircling the eyes and the bows. Color it orange. |
05:05 | The ellipse is seen in the background with the other objects visible above it. |
05:10 | The four icons next to the plus icon in the Layers Palette, helps to position the selected layer. |
05:17 | The first icon raises the selected layer to be the topmost layer. |
05:23 | The circle layer is currently selected. |
05:25 | Observe that on clicking, the circle layer now becomes the topmost layer. |
05:33 | The last icon lowers the selected layer to be the bottom-most layer. |
05:38 | Click on this icon. Observe that the circle layer is now the bottom-most layer. |
05:44 | The second icon raises the selected layer, one layer above. |
05:48 | Click on this icon. The circle layer has moved above the eye layer. So the eyes are not visible. |
05:57 | The third icon lowers the selected layer, one layer below. |
06:01 | Click on this icon. Now the circle layer has moved below the eye layer. |
06:07 | So, that is how these four icons can be used. |
06:13 | The minus icon at the end will delete the selected layer. Select the bow copy layer and click on it. |
06:21 | Observe that the bow copy layer is no longer seen. |
06:27 | Blend mode is a shortcut to apply the Blend filter to an entire layer. |
06:31 | This means that if objects overlap on the selected layers, Inkscape will do a pixel-by-pixel blend of the two objects. |
06:41 | So, keep the circle layer on the top to make the filters visible. |
06:46 | Click on the drop down list of Blend mode. Notice there are 5 options. |
06:52 | The first option that is Normal, does not add any filter to the layer. |
06:57 | Let me click on it. Observe no filter is added to the layer. |
07:03 | Next click on Multiply. |
07:06 | Notice that objects on the topmost layer, filters the light so that the objects on the bottom layers are visible. |
07:14 | At the same time, it also blends or mixes the colors to form darker colors in the overlap regions. |
07:21 | Next option is Screen. |
07:25 | Observe the top objects; they add lightness to the bottom objects. |
07:30 | So, it blends or mixes the colours to form lighter colours in the overlap regions. |
07:36 | Select Darken. The objects on the top layer, darken the objects on the bottom layers. |
07:44 | Now, let us select the last option that is Lighten. Here the top objects lighten the bottom objects. |
07:53 | If at any time you return the Blend mode back to Normal, the blend filters applied so far, disappears. |
08:00 | We can see many more filters in the Filters menu. |
08:04 | To apply any particular filter, first select the object first and then click on the desired filter. |
08:12 | Move the circle layer to the bottom again. |
08:16 | Let me select an eye. Go to Filters menu. Select Blur and Fancy blur. |
08:26 | Observe the changes on the eye. |
08:29 | Let me select the other eye. Go to Filters menu. Select Bevel and Smart jelly. |
08:39 | Once again observe the changes applied to the eye. |
08:44 | Now select the bow. Go to Filters menu. Select Scatter and Air spray |
08:51 | The bow appears as if it has been air-sprayed. |
08:55 | The Opacity option right below the Blend mode, helps to reduce the Opacity of the selected layer. |
09:01 | Select the circle layer. |
09:03 | Adjust the Opacity level and observe the change in the ellipse. |
09:10 | Next we will learn about boolean operations. |
09:13 | Go to Path menu. These are the available boolean operations. |
09:21 | Keep the available shapes aside. |
09:26 | Draw a square of green color and a circle of red color. Keep the circle above the square towards the side. |
09:36 | Select both. Go to Path menu and click on Union. Observe the 2 shapes are now joined together |
09:46 | Now press Ctrl + Z on your keyboard to undo this action. |
09:51 | Again select both. Go to Path menu. |
09:55 | Click on Difference and observe what happens. |
09:59 | Press Ctrl + Z again to undo this action. |
10:03 | Again select both the objects. Go to Path menu and click on Intersection and observe the change in the shape.
|
10:11 | Press Ctrl + Z again to undo this action. |
10:16 | Again select both objects. Go to Path menu and click on Exclusion. |
10:22 | Observe the change in the shape. |
10:24 | Again press Ctrl + Z. |
10:27 | Once again select both objects. Go to Path menu and click on Division. |
10:34 | Click on the divided circle and move that part aside to see the result. |
10:39 | Now press Ctrl + Z twice to undo these actions. |
10:44 | Select both objects again. Go to Path menu and click on Cut path. |
10:50 | Observe the change in the shape. |
10:53 | Cut path option works only if the object has stroke. Unselect the shapes first. |
10:59 | Now, select any one of the strokes and move it aside to make the cut path visible. |
11:05 | Let us summarize. In this tutorial, we learnt about |
11:09 | Layers |
11:10 | Filters and Boolean Operations |
11:14 | Here are 4 assignments for you |
11:16 | Create a rectangle with pink color and a triangle with green color. |
11:21 | Keep the triangle on the top of the rectangle. |
11:24 | Select both. Use Union. It should look like a home icon. |
11:30 | Name the layer as home. |
11:32 | Draw a 2 circles. |
11:34 | Keep one on top of the other. |
11:36 | Select both and use Difference. |
11:39 | It should look like a crescent. |
11:42 | * Draw an ellipse. |
11:44 | Create a star with 10 corners. |
11:46 | Keep it in the centre of the ellipse. |
11:49 | Select both and apply Exclusion. |
11:52 | Create 2 layers named crescent and star respectively. |
11:57 | Cut the crescent shape and paste in crescent layer. |
12:00 | In a similar way do for the star shape. |
12:03 | Your completed assignment should look like this. |
12:07 | The video at the link shown, summarizes the Spoken Tutorial project. If you do not have good bandwidth, you can download and watch it. |
12:16 | The Spoken Tutorial Project Team conducts workshops using spoken tutorials and gives certificates on passing online tests. |
12:23 | For more details, please write to us. |
12:27 | Spoken Tutorial Project is supported by the National Mission on Education through ICT, MHRD, Government of India. |
12:34 | More information on this Mission is available at the link shown. |
12:39 | We have come to the end of this tutorial. |
12:42 | This is Arthi and Saurabh from IIT Bombay, signing off.
|