Difference between revisions of "Inkscape/C2/Layers-and-Boolean-operations/English-timed"

From Script | Spoken-Tutorial
Jump to: navigation, search
Line 250: Line 250:
 
|-
 
|-
 
| 05:17
 
| 05:17
| The first icon raises the selected '''layer''' to be the topmost '''layer'''.  
+
| The first icon raises the selected '''layer''' to be the topmost layer.  
  
 
|-
 
|-
Line 274: Line 274:
 
|-
 
|-
 
| 05:48
 
| 05:48
|Click on this icon. The '''circle layer''' has moved above the '''eye layer.''' So the eyes are not visible.
+
|Click on this icon. The '''circle''' layer has moved above the '''eye''' layer. So the eyes are not visible.
  
 
|-
 
|-
 
| 05:57
 
| 05:57
| The third icon lowers the selected '''layer,''' one '''layer''' below.
+
| The third icon lowers the selected layer, one '''layer''' below.
  
 
|-
 
|-
 
| 06:01
 
| 06:01
|Click on this icon. Now the '''circle layer''' has moved below the '''eye layer.'''
+
|Click on this icon. Now the '''circle''' layer has moved below the '''eye''' layer.
  
 
|-
 
|-
Line 290: Line 290:
 
|-
 
|-
 
| 06:13
 
| 06:13
| The minus icon at the end will delete the selected '''layer'''. Select the '''bow copy layer''' and click on it.
+
| The minus icon at the end will delete the selected '''layer'''. Select the '''bow copy''' layer and click on it.
  
 
|-
 
|-
 
| 06:21
 
| 06:21
|Observe that the '''bow copy layer''' is no longer seen.
+
|Observe that the '''bow copy''' layer is no longer seen.
  
 
|-
 
|-
Line 302: Line 302:
 
|-
 
|-
 
| 06:31
 
| 06:31
|This means that if objects overlap on the selected '''layers''', '''Inkscape''' will do a pixel-by-pixel blend of the two objects.
+
|This means that if objects overlap on the selected layers, '''Inkscape''' will do a pixel-by-pixel blend of the two objects.
  
 
|-
 
|-
 
| 06:41
 
| 06:41
| So, keep the '''circle layer''' on the top to make the '''filter'''s visible.
+
| So, keep the '''circle''' layer on the top to make the '''filter'''s visible.
  
 
|-
 
|-
 
| 06:46
 
| 06:46
|  Click on the drop-down list of '''Blend mode.''' Notice there are 5 options.
+
|  Click on the drop-down list of the '''Blend mode.''' Notice there are 5 options.
  
 
|-
 
|-
Line 318: Line 318:
 
|-
 
|-
 
| 06:57
 
| 06:57
|Let me click on it. Observe no filter is added to the layer.
+
|Let me click on it. Observe, no filter is added to the layer.
  
 
|-
 
|-
Line 358: Line 358:
 
|-
 
|-
 
| 08:00
 
| 08:00
| We can see many more filters in the '''Filters menu. '''
+
| We can see many more filters in the '''Filters''' menu.
  
 
|-
 
|-
 
| 08:04
 
| 08:04
|To apply any particular filter, first select the object first and then click on the desired filter.
+
|To apply any particular filter, first select the object and then click on the desired filter.
  
 
|-
 
|-
 
| 08:12
 
| 08:12
|  Move the '''circle layer''' to the bottom again.
+
|  Move the '''circle''' layer to the bottom again.
  
 
|-
 
|-
 
| 08:16
 
| 08:16
| Let me select an '''eye'''. Go to '''Filters menu.''' Select '''Blur''' and '''Fancy blur.'''  
+
| Let me select an '''eye'''. Go to '''Filters''' menu. Select '''Blur''' and '''Fancy blur.'''  
  
 
|-
 
|-
Line 378: Line 378:
 
|-
 
|-
 
|08:29
 
|08:29
| Let me select the other 'eye'. Go to Filters '''menu.''' Select '''Bevel''' and '''Smart jelly.'''  
+
| Let me select the other 'eye'. Go to '''Filters''' menu. Select '''Bevel''' and '''Smart jelly.'''  
  
 
|-
 
|-
Line 386: Line 386:
 
|-
 
|-
 
| 08:44
 
| 08:44
| Now select the 'bow'. Go to '''Filters menu.''' Select '''Scatter''' and '''Air spray'''
+
| Now, select the 'bow'. Go to '''Filters''' menu. Select '''Scatter''' and '''Air spray'''.
  
 
|-
 
|-
Line 394: Line 394:
 
|-
 
|-
 
| 08:55
 
| 08:55
| The '''Opacity''' option, right below the '''Blend mode,''' helps to reduce the Opacity of the selected layer.
+
| The '''Opacity''' option, right below the '''Blend mode,''' helps to reduce the opacity of the selected layer.
  
 
|-
 
|-
 
| 09:01
 
| 09:01
| Select the '''circle layer.'''
+
| Select the '''circle''' layer.
  
 
|-
 
|-
 
| 09:03
 
| 09:03
|Adjust the Opacity level and observe the change in the '''ellipse'''.
+
|Adjust the '''Opacity''' level and observe the change in the ellipse.
  
 
|-
 
|-
Line 410: Line 410:
 
|-
 
|-
 
| 09:13
 
| 09:13
|  Go to '''Path menu.''' These are the available '''Boolean operations'''.
+
|  Go to '''Path''' menu. These are the available '''Boolean operations'''.
  
 
|-
 
|-
Line 430: Line 430:
 
|-
 
|-
 
| 09:51
 
| 09:51
| Again select both. Go to '''Path menu.'''
+
| Again select both. Go to '''Path''' menu.
  
 
|-
 
|-
Line 442: Line 442:
 
|-
 
|-
 
| 10:03
 
| 10:03
| Again select both the objects. Go to '''Path menu''' and click on '''Intersection '''and observe the change in the shape.
+
| Again select both the objects. Go to '''Path''' menu and click on '''Intersection '''and observe the change in the shape.
  
  
Line 451: Line 451:
 
|-
 
|-
 
| 10:16
 
| 10:16
|Again select both objects. Go to '''Path menu '''and click on '''Exclusion.'''  
+
|Again select both the objects. Go to '''Path''' menu and click on '''Exclusion.'''  
  
 
|-
 
|-
Line 463: Line 463:
 
|-
 
|-
 
| 10:27
 
| 10:27
|  Once again select both objects. Go to '''Path menu '''and click on '''Division.'''  
+
|  Once again select both objects. Go to '''Path''' menu and click on '''Division.'''  
  
 
|-
 
|-
Line 475: Line 475:
 
|-
 
|-
 
|10:44
 
|10:44
|  Select both objects again. Go to '''Path''' '''menu '''and click on '''Cut path. '''
+
|  Select both objects again. Go to '''Path''' menu and click on '''Cut Path. '''
  
 
|-
 
|-
Line 483: Line 483:
 
|-
 
|-
 
|10:53
 
|10:53
|'''Cut path''' option works only if the object has stroke. Un-select the shapes first.  
+
|'''Cut Path''' option works only if the object has stroke. Un-select the shapes first.  
  
 
|-
 
|-
 
| 10:59
 
| 10:59
|Now, select any one of the strokes and move it aside to make the cut path visible.
+
|Now, select any one of the '''strokes''' and move it aside to make the '''cut path''' visible.
  
 
|-
 
|-
Line 563: Line 563:
 
|-
 
|-
 
| 12:00
 
| 12:00
| In a similar way do for the star shape.
+
| In a similar way, do for the star shape.
  
 
|-
 
|-
Line 575: Line 575:
 
|-
 
|-
 
| 12:16
 
| 12:16
| The '''Spoken Tutorial''' Project team conducts workshops using spoken tutorials and gives certificates on passing online tests.
+
| The '''Spoken Tutorial''' project team conducts workshops using spoken tutorials and gives certificates on passing online tests.
  
 
|-
 
|-

Revision as of 22:00, 9 September 2015

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 help 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 the 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 disappear.
08:00 We can see many more filters in the Filters menu.
08:04 To apply any particular filter, first select the object 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 the 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. Un-select 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 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.

Thanks for joining.

Contributors and Content Editors

PoojaMoolya, Pratik kamble, Sandhya.np14