Inkscape/C4/Trace-bitmaps-in-Inkscape/English-timed - Revision history

PoojaMoolya at 06:12, 28 March 2017

2017-03-28T06:12:05Z

Arthi at 07:37, 24 March 2017

2017-03-24T07:37:20Z

Pratik kamble at 13:44, 20 February 2017

2017-02-20T13:44:34Z

Pratik kamble at 09:48, 5 January 2017

2017-01-05T09:48:11Z

Pratik kamble at 10:11, 23 December 2016

2016-12-23T10:11:31Z

PoojaMoolya: Created page with " {| border =1 | Time | Narration |- | 00:02 | Welcome to the Spoken Tutorial on “'''Trace bitmap in Inkscape'''” using '''Inkscape'''...."

2016-06-07T05:21:45Z

Created page with " {| border =1 | <center>Time </center> | <center>Narration</center> |- | 00:02 | Welcome to the Spoken Tutorial on “'''Trace bitmap in Inkscape'''” using '''Inkscape'''...."

New page

{| border =1
| <center>Time </center>
| <center>Narration</center>

|-
| 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 steps''' 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.

|}

@@ Line 105: / Line 105: @@
 |-
 | 02:20
-| As you can see in the '''Preview''' window, '''Brightness steps''' finds the difference in brightness.
+| As you can see in the '''Preview''' window, '''Brightness cutoff''' finds the difference in brightness.
 |-

@@ Line 9: / Line 9: @@
 |-
 | 00:08
-| In this tutorial we will learn the
+| In this tutorial we will learn the Difference between raster and vector image, Various raster and vector formats, Convert raster image to vector
 Difference between raster and vector image
 Various raster and vector formats
 Convert raster image to vector
 |-
@@ Line 54: / Line 51: @@
 | Some of the raster image formats are
-JPEG
+JPEG, PNG,TIFF,GIF, BMP etc
 PNG
 TIFF
 GIF
 BMP etc
 |-
 | 01:27
-| Some of the vector image formats are
+| Some of the vector image formats are SVG,AI, CGM etc
 SVG
 AI
 CGM etc
 |-
@@ Line 71: / Line 61: @@
 | The formats that can be both vector and raster are
-PDF
+PDF, EPS, SWF
 EPS
 SWF
 |-
@@ Line 169: / Line 157: @@
 |-
 | 03:43
-| As mentioned earlier
+| As mentioned earlier the first image gets pixelated, while the second one does not gets pixelated.
 the first image gets pixelated,
 while the second one does not gets pixelated.
 |-
@@ Line 275: / Line 261: @@
 |-
 |  06:01
-|In this tutorial, we have learnt the
+|In this tutorial, we have learnt the Difference between raster and vector image
-Difference between raster and vector image
+Various raster and vector formats, Convert raster image to vector
 Various raster and vector formats
 Convert raster image to vector
 |-

@@ Line 10: / Line 10: @@
 | 00:08
 | In this tutorial we will learn the
 Difference between raster and vector image
-* Difference between raster and vector image
+Various raster and vector formats
-* Various raster and vector formats
+Convert raster image to vector
-* Convert raster image to vector
 |-
@@ Line 55: / Line 54: @@
 | Some of the raster image formats are
-* JPEG
+JPEG
-* PNG
+PNG
-* TIFF
+TIFF
-* GIF
+GIF
-* BMP etc
+BMP etc
 |-
 | 01:27
 | Some of the vector image formats are
-* SVG
+SVG
-* AI
+AI
-* CGM etc
+CGM etc
 |-
@@ Line 72: / Line 71: @@
 | The formats that can be both vector and raster are
-* PDF
+PDF
-* EPS
+EPS
-* SWF
+SWF
 |-
@@ Line 171: / Line 170: @@
 | 03:43
 | As mentioned earlier
 the first image gets pixelated,
-* the first image gets pixelated,
+while the second one does not gets pixelated.
-* while the second one does not gets pixelated.
 |-
@@ Line 279: / Line 277: @@
 |In this tutorial, we have learnt the
-* Difference between raster and vector image
+Difference between raster and vector image
-* Various raster and vector formats
+Various raster and vector formats
-* Convert raster image to vector
+Convert raster image to vector
 |-

@@ Line 1: / Line 1: @@
 {| border =1
-| <center>Time </center>
+| '''Time'''
-| <center>Narration</center>
+| '''Narration'''
 |-

@@ Line 306: / Line 306: @@
 |-
 | 06:41
-| Spoken Tutorial Project is supported by the NMEICT, MHRD, Government of India.
+| Spoken Tutorial Project is supported by the NMEICT, MHRD, Government of India.More information on this Mission is available at this link.
-−
 More information on this Mission is available at this link.
 |-
 | 06:51
-| We have come to the end of this tutorial.
+| We have come to the end of this tutorial. This is Arthi and Shital from IIT Bombay, signing off. Thanks for joining.
-−
 This is Arthi and Shital from IIT Bombay, signing off. Thanks for joining.
 |}