Difference between revisions of "Inkscape/C4/Trace-bitmaps-in-Inkscape/English-timed"
From Script | Spoken-Tutorial
PoojaMoolya (Talk | contribs) |
|||
| (One intermediate revision by one other user not shown) | |||
| Line 9: | Line 9: | ||
|- | |- | ||
| 00:08 | | 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 | | Some of the raster image formats are | ||
| − | JPEG | + | JPEG, PNG,TIFF,GIF, BMP etc |
| − | PNG | + | |
| − | TIFF | + | |
| − | GIF | + | |
| − | BMP etc | + | |
|- | |- | ||
| 01:27 | | 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 | | The formats that can be both vector and raster are | ||
| − | PDF | + | PDF, EPS, SWF |
| − | EPS | + | |
| − | SWF | + | |
|- | |- | ||
| Line 105: | Line 93: | ||
|- | |- | ||
| 02:20 | | 02:20 | ||
| − | | As you can see in the '''Preview''' window, '''Brightness | + | | As you can see in the '''Preview''' window, '''Brightness cutoff''' finds the difference in brightness. |
|- | |- | ||
| Line 169: | Line 157: | ||
|- | |- | ||
| 03:43 | | 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 | | 06:01 | ||
| − | |In this tutorial, we have learnt the | + | |In this tutorial, we have learnt the 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 | + | |
|- | |- | ||
Latest revision as of 11:42, 28 March 2017
| 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. |
