View source for Inkscape/C4/Trace-bitmaps-in-Inkscape/English-timed

{| border =1
| '''Time'''
| '''Narration'''

|-
| 00:02
| Welcome to the Spoken Tutorial on “'''Trace bitmap in Inkscape'''” using '''Inkscape'''.

|-
| 00:08
| In this tutorial we will learn the Difference between raster and vector image, Various raster and vector formats, Convert raster image to vector 

|-
| 00:20
| To record this tutorial, I am using  '''Ubuntu Linux''' 12.04 OS , '''Inkscape''' version 0.91 

|-
| 00:29
| The images used as examples in this tutorial, have been provided in the '''Code Files''' link. 

|-
|  00:36
|Pause the tutorial here and download the images on your machine.

|-
| 00:42
| Here are the 2 images on my '''desktop'''. 

|-
| 00:45
| '''Linux.png''' is the raster image and '''Linux.pdf '''is the vector image. 

|-
| 00:51
|Let me open them. 

|-
| 00:53
| Both the images may look similar. We will know the difference only by zooming into the image. Let's do so.

|-
| 01:02
| Now, the first image looks pixelated because a raster image is made of up pixels.

|-
| 01:09
| But the second image does not pixelate because a vector image is made up of paths. 

|-
| 01:15
| Some of the raster image formats are 

JPEG, PNG,TIFF,GIF, BMP etc 

|-
| 01:27
| Some of the vector image formats are SVG,AI, CGM etc 

|-
| 01:34
| The formats that can be both vector and raster are 

PDF, EPS, SWF 

|-
|  01:43
| Let us now learn how to convert this raster image to vector. 

|-
| 01:47
| Open '''Inkscape.''' Now, we will import the raster image. 

|-
| 01:52
| Go to '''File '''and click on '''Import.''' 

|-
| 01:57
| Now, go to '''Path menu '''and click on '''Trace Bitmap.''' 

|-
| 02:02
| A dialog box opens up. Under the '''Mode''' tab we can see various options.

|-
| 02:08
| Make sure the image is selected.  By default, '''Brightness cutoff''' option is selected. 

|-
|  02:14
|Under '''Preview,''' check the '''Live Preview '''option to observe the changes. 

|-
| 02:20
| As you can see in the '''Preview''' window, '''Brightness cutoff''' finds the difference in brightness. 

|-
| 02:26
| Now click on the second option, that is '''Edge detection.''' 

|-
|  02:31
|As the name indicates, it finds only the edges. 

|-
| 02:35
| '''Color quantization''' traces along the boundaries of reduced colors.

|-
| 02:41
| '''Invert image''' will invert the colors of the bitmap if you think it looks better inverted. 

|-
|  02:47
|I will uncheck the Invert image.

|-
| 02:51
| '''Multiple scans''' is good for multiple colors. 

|-
| 02:54
| '''Brightness steps''' finds the difference in brightness. 

|-
| 02:58
| '''Colors''' finds an amount of colors specified. 

|-
| 03:01
| '''Grays''' is similar to '''Colors''', but finds only grayscale colors. Uncheck the '''Smooth''' option, since it creates more smooth lines in the edges.

|-
|  03:13
| Now we have seen all the tracing options. You can choose from any of these according to your requirement. 

|-
| 03:20
| I will choose '''Colors''' options by clicking on it. 

|-
| 03:24
| Now click on '''OK '''and close the dialog box.

|-
| 03:28
| The traced image in created on the top of the original image. 

|-
| 03:33
| Click and move the image to one side in order to see both the images. 

|-
| 03:38
| The image is now converted into vector. Zoom in to the images.

|-
| 03:43
| As mentioned earlier the first image gets pixelated, while the second one does not gets pixelated. 

|-
|  03:50
|And we can also see the paths very clearly.

|-
| 03:56
| Now, delete the original image. 

|-
| 03:58
| Select the image. Go to '''Path.''' Click on '''Break Apart.'''

|-
| 04:03
| Now double click on the image. Stack of images are created on the top of the other.

|-
|  04:10
|Click and drag them aside to make it visible.

|-
| 04:13
| Next let us learn how to edit the vector image. I will edit the black image.

|-
|  04:19
|So delete the other images.

|-
| 04:23
| Make sure the image is selected. 

|-
| 04:26
| Go to '''Path.''' Click on '''Break Apart.'''

|-
| 04:29
| Under '''Fill and Stroke,''' reduce the opacity to 50. Now you can see the parts clearly.

|-
| 04:37
| Let us change the colors of the image. 

|-
| 04:40
| You can change the colors according to your imagination. 

|-
|  04:44
|Now select all the parts and increase the '''opacity''' to 100.

|-
|  04:51
| Press '''Ctrl + G''' to group them all together.

|-
| 04:55
| Now let us add some hair-style. To do so, select the image and click on the '''Nodes''' tool.

|-
| 05:02
| Add nodes to the head area. Now move the nodes a little up as demonstrated.

|-
| 05:09
| Save the image in both raster and vector formats. 

|-
| 05:13
| First save it as raster, that is, in '''PNG '''format. Go to '''File''' and then click on '''Save As. '''

|-
| 05:21
| Change the name as '''Image-raster. '''Click on '''Save.'''

|-
| 05:29
| Next let us save the image as vector, that is, in '''PDF''' format. 

|-
| 05:34
| Once again, go to '''File''' and click on '''Save As. '''

|-
| 05:39
| Change the extension to '''PDF '''. Change the name as '''Image-vector. '''Click on '''Save.'''

|-
| 05:48
| Now let us go to the desktop and check both the images. 

|-
|  05:53
| You can clearly identify the difference between the two images. 

|-
| 05:58
| That's all for this tutorial. Let us summarize. 

|-
|  06:01
|In this tutorial, we have learnt the Difference between raster and vector image 

Various raster and vector formats, Convert raster image to vector

|-
| 06:12
| As an assignment, select the train image which is given in your code files link and convert it to a vector in Grays. 

|-
|  06:20
|Your completed assignment should like this.

|-
| 06:23
| The video available at the following link summarizes the Spoken Tutorial project. Please watch it. 

|-
| 06:30
| The Spoken Tutorial Project Team conducts workshops and gives certificates for those who pass an online test. 

|-
|  06:38
|For more details, please write to us. 

|-
| 06:41
| Spoken Tutorial Project is supported by the NMEICT, MHRD, Government of India.More information on this Mission is available at this link. 

|-
| 06:51
| We have come to the end of this tutorial. This is Arthi and Shital from IIT Bombay, signing off. Thanks for joining.

|}