How to Make a Vector from an Image (Vectorization)

Comparing Moon vectorization using original and SVG
Original Moon (left) vs. Vectorized Moon (Right)

Converting images to a scalable vector graphic (SVG) is very easy with only limited knowledge of Inkscape needed. If you have not already done so  download Inkscape, a free alternative to Corel Draw and Adobe Illustrator. In this tutorial, we will be converting a logo to SVG as well as converting a picture of a moon from JPG to SVG.

Steps for tracing a bitmap
Click on image for larger version.
  1. Paste your image of the moon into Inkscape, then select the image by clicking on it.
  2. From the top menu bars select Path>Trace Bitmap (Shift+Alt+B)
  3. Select the amount of scans and color option. To preview click on Update
  4. Click OK.

That was very simple wasn’t it? You can now resize and edit it as much as you want as it is a SVG image. Now we will look at making a logo into a SVG image, simple logos are usually are composed of text and not the complex image we just saw. Here are the steps for a converting a simple logo into a SVG file:

Using Inkscape to convert a logo into SVG

  1. Repeat all the steps from the moon, but change the number of scans to below ten
  2. Right-click on the image then click on ungroup (Ctrl+Shift+G)
  3. Take apart the scans to take away unneeded scans from the logo
Logo taken apart using Inkscape
Logo taken apart

In this logo, I was left with two parts which were the side rectangle and the large F from the original scan. To further improve the SVG, using Inkscape to edit the paths, an advanced feature with documentation available. Also try this technique using other logos such as the Disney logo which can be easily taken apart after converted using Inkscape.

Advertisements

Leave a Reply

Please log in using one of these methods to post your comment:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s