Do your own awesome vector posters with Inkscape & potrace

Martin Brinkmann
Apr 11, 2010
Updated • Nov 28, 2016
Tutorials
|
5

This article will cover a very powerful but little advertised feature of Inkscape. If you don't know it, Inkscape is a free vector graphics editor, counterpart of Adobe Illustrator (like GIMP is Photoshop's counterpart for raster graphics).

This feature is Inkscape's vectorization tool, made possible by the integration of potrace.

"Vecto-what? What for?" OK: first, a quick Computer Graphics 101, as part of our No Geek Left Behind program:

  • Raster graphics are described by pixels and are nothing more than a big matrix filled with colors. As such, they look bad when zoomed at high levels.
    Example tools used to produce them: Paint, Photoshop, Paint.NET, GIMP
    Example extensions: .jpg, .png, .psd, .xcf
  • Vector graphics are described by mathematical elements and other properties. As such, they look sharp regardless of the zoom level.
    Example tools used to produce them: Illustrator, Inkscape, Xara Xtreme
    Example extensions: .svg, .ai

Use cases where one would want to vectorize a raster file? Sure. What if you want a correct paper print of a drawing you found on the web? What if you need a crisp partner's logo for a brochure and the best he provides you is a sloppy GIF? What if your company lost the source vector files for its logo? In such cases, this article will help.

Disclaimer: Ghacks does not encourage anybody to use these tools to murder your cat, refine plutonium, or rework copyrighted material to commercial ends. Use it when you cannot buy a print of the real thing, know your fair use limits, be a good citizen. OK? Let's vectorize the Ghacks logo.

Step 1: First, open the file you want to vectorize in Inkscape

Step 2: Select the image by left-clicking it, and click Path > Trace Bitmap (or hit Shift+Alt+B)

inkscape

Step 3: Tune the settings with the preview. In this case, it is a good idea to increase the threshold (use the "Update" button to see the results of your changes). Then click ok to render the trace:

inkscape

Step 4: Finally, the hardest awaits you: declare layers, group stuff together, do/correct the coloring/gradients, manually refine the trace, add effects, etc.

inkscape

Comments:

  • potrace does not do miracles. While it works wonders on simple compositions or logos, don't expect it to vectorize a complicated photo
  • Did I say it? potrace does not do miracles. If the original raster quality is small and of poor quality, you'll end up with speckles and artifacts here and there. Well, Inkscape selection tools and paths operators are here to help you manually improve the vector result
  • The tracing window has lots of modes and options. Play with them. Learn how one will work great here, while the other will be preferable to extract the best from another image

Despite all this, with some imagination and experience through trial and error, you can quickly achieve surprisingly good results (I especially like to play with the colors). And though this is technically more remix than creation (but who said remix is a bad thing?), you'll learn Inkscape tools in the process, bringing you one step closer from creating your very own vector masterpieces.

Inkscape is free software licensed under the GPLv2, available for all the major platforms.

Ronan is a geek and musician living in Montreal. He likes living in places full of weird home-made colorful posters and writes about software, music and life at flying molehill.

Summary
Do your own awesome vector posters with Inkscape & potrace
Article Name
Do your own awesome vector posters with Inkscape & potrace
Description
This article will cover a very powerful but little advertised feature of Inkscape that enables you to vectorize photos or images.
Author
Publisher
Ghacks Technology News
Logo
Advertisement

Previous Post: «
Next Post: «

Comments

  1. Tobey said on April 13, 2010 at 3:49 pm
    Reply

    This is an awesome article!
    No, really, I’m glad I took the time to read it. Informative and entertaining at the same time. Oh, and I haven’t seen this TED episode yet…
    THANKS! :-)

    1. Ronan Jouchet said on April 13, 2010 at 7:33 pm
      Reply

      Thanks Tobey.
      Glad you appreciated it, this is my first article on gHacks. More to come :)

      1. Tobey said on April 14, 2010 at 11:15 am
        Reply

        Yeah, I noticed. Good luck with the rest! :-)

Leave a Reply

Check the box to consent to your data being stored in line with the guidelines set out in our privacy policy

We love comments and welcome thoughtful and civilized discussion. Rudeness and personal attacks will not be tolerated. Please stay on-topic.
Please note that your comment may not appear immediately after you post it.