Difference between revisions of "Inkscape/C4/Trace-bitmaps-in-Inkscape/English-timed"

From Script | Spoken-Tutorial
Jump to: navigation, search
Line 1: Line 1:
 
 
{| border =1
 
{| border =1
| <center>Time </center>
+
| '''Time'''
| <center>Narration</center>
+
| '''Narration'''
  
 
|-
 
|-

Revision as of 15:18, 5 January 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 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.

Contributors and Content Editors

Arthi, PoojaMoolya, Pratik kamble