How to Create a Vector Outline With a Photo and Inkscape

Download Article

Explore this Article

IN THIS ARTICLE

1 Open Inkscape.

2 Open a photo or raster image.

3 Select a size for the vector image.

4 Resize your photo or raster image.

5 Click the pencil tool.

6 Zoom in on the raster image.

7 Trace with the pencil tool.

8 Edit the paths by nodes.

9 Find out where paths need adjustment.

10 Make adjustments where necessary.

11 Periodically zoom out to check your progress.

12 Remove your raster image so you can check for gaps.

13 Assemble all the various parts of the image.

14 Select a color for the image.

15 Fill the image with the paint bucket tool.

16 Continue until you have your basic outline.

17 Resize the image.

18 See how vectors work.

+ Show 15 more...

- Show less...

Other Sections

Video

Tips and Warnings

Related Articles

Author Info

Last Updated: June 2, 2025

Download Article

If you work with digital photos or images, you've probably noticed that if you resize them to be larger, they lose resolution and either become pixelated or blurry. This degradation affects raster images, a category of image files such as JPEG, BMP, GIF, or PNG, all of which are based on pixels. If you convert that image into a vector image, however, it can be enlarged to a billboard and will still look as sharp as the original. This tutorial shows you how to use Inkscape to create a vector outline from any digital image.

Steps

1

Open Inkscape.

Download Article

1. 
   You'll find it in your app list if you've already installed it. If not, you can download it for free from https://www.inkscape.org.
Advertisement

2

Open a photo or raster image.

Download Article

1. 
   You can start with any simple raster image. Until you have some experience creating vector images, it is good to learn the process with a simpler image.

   • You can great simple images by searching for Creative Commons images.

3

Select a size for the vector image.

Download Article

1. 
   This is the blank image that opened when you launched Inkscape. You can make your vector any size. Here's how:

   • Click on File > Document Properties. Alternatively, press CTRL + SHIFT + D.
   • Select from a list of standard page sizes or type in a custom width and height. This article will use 300x300. You do not have to hit Enter; just close the dialog box.
Advertisement

4

Resize your photo or raster image.

Download Article

1. 
   Resize the image so you can easily trace it. Here's how:

   • Click the Select and transform tool in the column of tool icons on the left side of the workspace, or press F1.
   • Click on your raster image until outward-pointing arrows appear at its corners.
   • If you see rotational arrows, click in the middle of your raster image again.
   • Click on one of the outward-pointing corner arrows and hold CTRL while moving the mouse diagonally to resize your raster image to the size of the vector image.
   • Holding CTRL maintains the aspect ratio of the selected object.

5

Click the pencil tool.

Download Article

1. 
   Click the pencil in the toolbar. This opens the freehand drawing tool. You can also open it by pressing F6.
Advertisement

6

Zoom in on the raster image.

Download Article

1. 
   Hold down Ctrl while moving the scroll wheel on your mouse. Alternative, you can click on the Zoom tool icon.

7

Trace with the pencil tool.

Download Article

1. 
   Start tracing. The traced paths should be somewhat similar to the shape, but they don't have to be exact. You will make adjustments later.
Advertisement

8

Edit the paths by nodes.

Download Article

1. 
   Click the Edit paths by nodes tool icon or press F2. Now you can zoom in on the path you drew and start editing. You will see many squares. Those are nodes that define the path. You won't need nearly as many as are there, so it's helpful to eliminate some of them. There are two ways to do this:

   • Select a section to edit and hit CTRL L to Simplify the path. This is an easy way to eliminate excess nodes. Unless you are doing some really fine work, this method should be sufficient enough for you. You can use the Simplify command multiple times on the same selected nodes.
   • Select a section to edit. Click on nodes (squares), and delete them by hitting the Delete key after each selection.

9

Find out where paths need adjustment.

Download Article

1. 
   Zoom in for a closer look. As you can see, this one will need some tightening up. It was created using a trackball, so precision work was difficult.
Advertisement

10

Make adjustments where necessary.

Download Article

1. 
   Start adjusting. In this intentionally messed up image, the node is clearly visible. Moving the square will move its location, and moving the two circular extensions off of it will adjust its Bezier curve segments. You will have to experiment and read the Inkscape manual to get the hang of it.

   • To get the basic shape of your image, move the nodes (squares) to the correct places before doing further adjustments. You will find yourself adjusting the curves, but moving the nodes first makes it easier.
   • You can click on a segment connecting two nodes and adjust the line.

11

Periodically zoom out to check your progress.

Download Article

1. 
   Be aware that you can zoom in too close. Some parts of your image may require you to be very close, but others might need your perspective to be a little further out.
Advertisement

12

Remove your raster image so you can check for gaps.

Download Article

1. 
   You don't want gaps in your traced paths. Here's what to do:

   • Click on the Select and transform tool icon, or press F1:
   • Click on the photo and move it over to the side. You will probably want to keep it nearby for future reference.

13

Assemble all the various parts of the image.

Download Article

1. 
   Click on the Select and transform tool icon. You'll then use it to select the entire image, and 'unionize' it:

   • Click on Path > Union.
   • Hold down CTRL and ++ simultaneously.
Advertisement

14

Select a color for the image.

Download Article

1. 
   Choose the color that you want your image to be. Select it (or it may still be selected) and then choose the color at the bottom of the screen and click on it.

15

Fill the image with the paint bucket tool.

Download Article

1. 
   Find the Paint Bucket Icon and click on it. You won't be actually painting your image yet, but finding out where any gaps or holes are.

   • If it won't fill, it isn't 'bounded' and it needs more work on the nodes.
   • Zoom in even closer to see where more work needs done.
Advertisement

16

Continue until you have your basic outline.

Download Article

1. 
   This image is a traced vector outline from the flower above.

17

Resize the image.

Download Article

1. 
   Now you can make the image any size you want. Go into Document Properties to resize the image.
Advertisement

18

See how vectors work.

Download Article

1. 
   This image has been tripled in size with no loss of resolution or pixels. Note the gaps between the colors of the image and the outline. You may have to use another program to get your finer adjustments.

Expert Q&A

Search

Add New Question

Ask a Question

200 characters left

Include your email address to get a message when this question is answered.

Submit

Advertisement

Video

Tips

• If you are good at using a photo editor, start with your image - using desaturation and maximization of the contrast, you will get a strong outline of your image (http://imgur.com/szawt.png). Save it, import it into Inkscape, then choose menu Path > Trace Image. Select Edge Detection, press Update; you should see the desired outline of your image. If it looks reasonable, press OK, wait until Stop is not active anymore, close this window. You should have the outline overlaid over the original image.
  Thanks

  Helpful 0 Not Helpful 0

Submit a Tip

All tip submissions are carefully reviewed before being published

Name

Please provide your name and last initial

Submit

Thanks for submitting a tip for review!

Advertisement

You Might Also Like

Expert

1

Creating an SVG File in Illustrator or Inkscape: A Step-by-Step Tutorial

2

2 Simple Ways to Trace an Image or Bitmap With Inkscape

3

How to

Turn a 2D Image Into 3D Using Blender

4

How to

Make or Convert images to Vector Graphics in Photoshop

Expert

5

2 Easy Ways to Convert JPG to SVG (Vector)

Expert

6

How to

Use Adobe Illustrator Live Trace

7

How to

Rasterize

Expert

8

How to

Use Adobe Illustrator

Expert

9

How to

Trace an Image in Adobe Illustrator

10

How to

Trace an Image in Photoshop on Windows or Mac

Expert

11

How to

Remove Backgrounds in Adobe Illustrator

12

How to

Transfer a Hand Drawing to a Computer

Expert

13

How to

Create a Logo in Adobe Illustrator

Expert

14

2 Easy Ways to Crop an Image or Object in Inkscape

Advertisement