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

From Script | Spoken-Tutorial
Jump to: navigation, search
(Created page with " {| Border =1 | Time | Narration |- | 00:00 | Welcome to the Spoken Tutorial on '''“Layers and boolean operations” '''using '''Inkscape.''' |- | 00:07 | In this tutorial...")
 
Line 6: Line 6:
 
|-
 
|-
 
| 00:00
 
| 00:00
| Welcome to the Spoken Tutorial on '''“Layers and boolean operations” '''using '''Inkscape.'''
+
| Welcome to the '''Spoken Tutorial''' on '''“Layers and Boolean operations” '''using '''Inkscape.'''
  
 
|-
 
|-
 
| 00:07
 
| 00:07
| In this tutorial we will learn about  Layers  
+
| In this tutorial, we will learn about: * Layers  
  
 
|-
 
|-
 
| 00:11
 
| 00:11
|Filters
+
|* Filters
  
 
|-
 
|-
 
| 00:12
 
| 00:12
| Boolean operations
+
|* Boolean operations.
  
 
|-
 
|-
 
| 00:15
 
| 00:15
| To record this tutorial, I am using
+
| To record this tutorial, I am using:
  
 
|-
 
|-
 
| 00:18
 
| 00:18
| '''Ubuntu Linux''' 12.04 OS
+
|* '''Ubuntu Linux''' 12.04 OS
  
 
|-
 
|-
 
| 00:21
 
| 00:21
| '''Inkscape''' version 0.48.4
+
|* '''Inkscape''' version 0.48.4
  
 
|-
 
|-
 
| 00:25
 
| 00:25
| Let us open '''Inkscape'''. Go to '''Dash home '''and type '''Inkscape'''.
+
| Let us open '''Inkscape'''. Go to '''Dash home '''and type "Inkscape".
  
 
|-
 
|-
Line 42: Line 42:
 
|-
 
|-
 
| 00:32
 
| 00:32
| Let's open the '''Assignment_2.svg '''file that we created earlier.
+
| Let's open the 'Assignment_2.svg' file that we created earlier.
  
 
|-
 
|-
 
| 00:38
 
| 00:38
|I had saved it in documents folder.
+
|I had saved it in '''Documents''' folder.
  
 
|-
 
|-
Line 54: Line 54:
 
|-
 
|-
 
| 00:45
 
| 00:45
| Go to '''Layer menu '''and click on '''Layers '''option'''.'''
+
| Go to '''Layer''' menu and click on '''Layers '''option.
  
 
|-
 
|-
Line 62: Line 62:
 
|-
 
|-
 
| 00:55
 
| 00:55
|  By default a '''layer''' is there. You can see, that is named as '''Layer 1'''.
+
|  By default, a '''layer''' is there. You can see, that is named as '''Layer 1'''.
  
 
|-
 
|-
Line 82: Line 82:
 
|-
 
|-
 
| 01:18
 
| 01:18
| Now, we can decide the position of the '''layer''' by clicking on the '''Position''' drop down list.  
+
| Now, we can decide the position of the '''layer''' by clicking on the '''Position''' drop-down list.  
  
 
|-
 
|-
Line 118: Line 118:
 
|-
 
|-
 
| 02:04
 
| 02:04
| Next let us learn to rename a '''layer.'''
+
| Next, let us learn to rename a '''layer.'''
  
 
|-
 
|-
 
| 02:08
 
| 02:08
|First double click on '''Layer 1'''. And then rename it as '''circle '''and press '''Enter.'''
+
|First, double click on '''Layer 1'''. And then rename it as '''circle '''and press '''Enter.'''
  
 
|-
 
|-
 
|02:16
 
|02:16
| Coming back to our '''canvas'''. There are 2 eyes and a bow.
+
| Coming back to our '''canvas'''... there are 2 '''eyes''' and a '''bow'''.
  
 
|-
 
|-
Line 134: Line 134:
 
|-
 
|-
 
| 02:25
 
| 02:25
|  Select both the eyes by dragging the mouse.  
+
|  Select both the eyes by dragging the '''mouse'''.  
  
 
|-
 
|-
Line 190: Line 190:
 
|-
 
|-
 
| 03:47
 
| 03:47
| Let's try to select the bow on the canvas. You will notice that it is not possible to do so.
+
| Let's try to select the '''bow''' on the canvas. You will notice that it is not possible to do so.
  
 
|-
 
|-
Line 198: Line 198:
 
|-
 
|-
 
| 04:01
 
| 04:01
| Now, I am able to select the '''bow''' object and change its properties, as well.
+
| Now, I am able to select the '''bow''' object and change its properties as well.
  
 
|-
 
|-
Line 246: Line 246:
 
|-
 
|-
 
|05:10
 
|05:10
|  The four icons next to the '''plus''' icon in the '''Layers Palette''', helps to position the selected '''layer'''.
+
|  The four icons next to the '''plus''' icon in the '''Layers Palette''' help to position the selected '''layer'''.
  
 
|-
 
|-
Line 306: Line 306:
 
|-
 
|-
 
| 06:41
 
| 06:41
| So, keep the '''circle layer''' on the top to make the filters 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 '''Blend mode.''' Notice there are 5 options.
  
 
|-
 
|-
 
| 06:52
 
| 06:52
|  The first option that is '''Normal,''' does not add any filter to the layer.  
+
|  The first option, that is '''Normal,''' does not add any '''filter''' to the layer.  
  
 
|-
 
|-
Line 322: Line 322:
 
|-
 
|-
 
| 07:03
 
| 07:03
| Next click on''' Multiply. '''
+
| Next, click on''' Multiply. '''
  
 
|-
 
|-
 
| 07:06
 
| 07:06
|Notice''' '''that objects on the topmost layer, filters the light so that the objects on the bottom layers are visible.
+
|Notice that objects on the topmost layer filters the light so that the objects on the bottom layers are visible.
  
 
|-
 
|-
Line 354: Line 354:
 
|-
 
|-
 
| 07:53
 
| 07:53
|  If at any time you return the''' Blend mode''' back to''' Normal''', the blend filters applied so far, disappears.
+
|  If at any time you return the''' Blend mode''' back to''' Normal''', the blend filters applied so far disappear.
  
 
|-
 
|-
Line 370: Line 370:
 
|-
 
|-
 
| 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.'''  
  
 
|-
 
|-
 
| 08:26
 
| 08:26
|Observe the changes on the eye.
+
|Observe the changes on the 'eye'.
  
 
|-
 
|-
 
|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.'''  
  
 
|-
 
|-
 
| 08:39
 
| 08:39
|Once again observe the changes applied to the eye.
+
|Once again observe the changes applied to the 'eye'.
  
 
|-
 
|-
 
| 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'''
  
 
|-
 
|-
 
| 08:51
 
| 08:51
|The bow appears as if it has been air-sprayed.
+
|The 'bow' appears as if it has been air-sprayed.
  
 
|-
 
|-
 
| 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.
  
 
|-
 
|-
Line 406: Line 406:
 
|-
 
|-
 
| 09:10
 
| 09:10
| Next we will learn about '''boolean operations. '''
+
| Next, we will learn about '''Boolean operations. '''
  
 
|-
 
|-
 
| 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 422: Line 422:
 
|-
 
|-
 
| 09:36
 
| 09:36
| Select both. Go to Path menu and click on Union.  Observe the 2 shapes are now joined together
+
| Select both. Go to '''Path''' menu and click on '''Union'''.  Observe the 2 shapes are now joined together.
  
 
|-
 
|-
 
| 09:46
 
| 09:46
|  Now press '''Ctrl + Z''' on your keyboard to undo this action.  
+
|  Now press '''Ctrl + Z''' on your keyboard to '''undo''' this action.  
  
 
|-
 
|-
Line 438: Line 438:
 
|-
 
|-
 
|09:59
 
|09:59
| Press '''Ctrl + Z '''again to undo this action.
+
| Press '''Ctrl + Z '''again to '''undo''' this action.
  
 
|-
 
|-
Line 447: Line 447:
 
|-
 
|-
 
| 10:11
 
| 10:11
|  Press '''Ctrl + Z '''again to undo this action.
+
|  Press '''Ctrl + Z '''again to '''undo''' this action.
  
 
|-
 
|-
Line 471: Line 471:
 
|-
 
|-
 
| 10:39
 
| 10:39
|Now press '''Ctrl + Z''' twice to undo these actions.
+
|Now, press '''Ctrl + Z''' twice to '''undo''' these actions.
  
 
|-
 
|-
Line 483: Line 483:
 
|-
 
|-
 
|10:53
 
|10:53
|'''Cut path''' option works only if the object has stroke. Unselect the shapes first.  
+
|'''Cut path''' option works only if the object has stroke. Un-select the shapes first.  
  
 
|-
 
|-
Line 491: Line 491:
 
|-
 
|-
 
| 11:05
 
| 11:05
| Let us summarize. In this tutorial, we learnt about  
+
| Let us summarize. In this tutorial, we learnt about:
  
 
|-
 
|-
 
| 11:09
 
| 11:09
| Layers  
+
|* Layers  
  
 
|-
 
|-
 
| 11:10
 
| 11:10
| Filters and Boolean Operations
+
|* Filters and Boolean Operations.
  
 
|-
 
|-
 
|11:14
 
|11:14
| Here are 4 assignments for you
+
| Here are 4 assignments for you:
  
 
|-
 
|-
Line 523: Line 523:
 
|-
 
|-
 
| 11:32
 
| 11:32
| Draw a 2 circles.
+
| Draw 2 circles.
  
 
|-
 
|-
Line 531: Line 531:
 
|-
 
|-
 
| 11:36
 
| 11:36
| Select both and use Difference.
+
| Select both and use '''Difference'''.
  
 
|-
 
|-
Line 539: Line 539:
 
|-
 
|-
 
| 11:42
 
| 11:42
|* Draw an ellipse.  
+
| Draw an ellipse.  
  
 
|-
 
|-
Line 559: Line 559:
 
|-
 
|-
 
| 11:57
 
| 11:57
|Cut the crescent shape and paste in crescent layer.
+
|'''Cut''' the crescent shape and '''paste''' in crescent layer.
  
 
|-
 
|-
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.
  
 
|-
 
|-
Line 587: Line 587:
 
|-
 
|-
 
| 12:34
 
| 12:34
|More information on this Mission is available at the link shown.
+
|More information on this mission is available at the link shown.
  
 
|-
 
|-
Line 596: Line 596:
 
| 12:42
 
| 12:42
 
|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 22:49, 1 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 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 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. 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