How to Vectorize an Image


Vector and raster graphics are two different kinds of images, although they are not often distinguishable by the naked eye. Vector images are geometrical, computer graphics based on an x and y-axis, so that they can be scaled up or down for use in print, web or graphic design content. Raster graphics, or bitmaps, are made on a grid of pixels, and they aren’t considered as sharp when scaled into a larger size. You can vectorize an image or a photograph by tracing the image and creating a vector, scalable version.

Part 1
Using an Online Vectorizer

Using an Online Vectorizer on How to Vectorize an Image

1
There are several websites that vectorize a PNG, BMP, JPEG or GIF image for free.

Using an Online Vectorizer on How to Vectorize an Image

2

Using an Online Vectorizer on How to Vectorize an Image

3
Search for sites like Vectorization.org, Vectormagic.com or Autotracer.org, or type “vectorization website” into a search engine.

Using an Online Vectorizer on How to Vectorize an Image

4

Using an Online Vectorizer on How to Vectorize an Image

5
The most versatile option is to use a PDF; however you can also save it for Adobe programs as an EPS or AI file.

Using an Online Vectorizer on How to Vectorize an Image

6
This will take a few moments or minutes, depending upon the complexity of the file.

Using an Online Vectorizer on How to Vectorize an Image

7
You may notice that your image now looks like a computer-generated image. The effect is especially noticeable with photographs. Different online vectorization programs have different options for changing the look of your vector image before you download it. You may want to try a few different programs if you don’t like the result.

Using an Online Vectorizer on How to Vectorize an Image

8
Save the image to your Downloads folder or desktop. Use this image as you would a vector image.[1]

Part 2
Using Adobe Photoshop to Vectorize an Image

Using Adobe Photoshop to Vectorize an Image on How to Vectorize an Image

1
Use PNG, BMP, JPEG or GIF formats.

Using Adobe Photoshop to Vectorize an Image on How to Vectorize an Image

2
Open a new document and save it to your computer in AI format.

Using Adobe Photoshop to Vectorize an Image on How to Vectorize an Image

3
” Find your image on your computer and place it on top of the document.

Using Adobe Photoshop to Vectorize an Image on How to Vectorize an Image

4
Click on the Object menu and select “Tracing Options.” The following are settings that you may want to change before you trace your object: Choose your threshold. A higher threshold will mean more of the darker areas will be turned to black and lighter areas will be turned to white. When you trace an object, it will be changed into a black and white image. Add blur if you need to help smooth out the edges of the image. Choose your Path Fitting. The lower the number, the tighter the image will be traced along the lines. It may become jagged if it is too low. Too high and you will lose detail in your image. Set the Minimum Area. This allows you to remove parts of the image that won’t be part of your final vector image. Set the Corner Angle. The lower the number, the sharper the traced corners will be.

Using Adobe Photoshop to Vectorize an Image on How to Vectorize an Image

5
” It will allow you to return to these settings later on to tweak them.

Using Adobe Photoshop to Vectorize an Image on How to Vectorize an Image

6
Right click on the group and select “ungroup.” Use the Knife tool to cut grouped anchor points apart.

Using Adobe Photoshop to Vectorize an Image on How to Vectorize an Image

7
Add elements, colors or textures as you normally would with a vector image.

Using Adobe Photoshop to Vectorize an Image on How to Vectorize an Image

8
You should be able to convert it to another file type and use it as a vector image.[2]

Part 3
Using Adobe Photoshop to Vectorize a Sketch

Using Adobe Photoshop to Vectorize a Sketch on How to Vectorize an Image

1
Usually, this is an image that you want to enlarge, but it is too pixelated or low-resolution to use in its current form. You can also scan an image or drawing onto the computer using a scanner. If you are scanning an image into your computer, increase the contrast, so that it will be easier to trace.

Using Adobe Photoshop to Vectorize a Sketch on How to Vectorize an Image

2

Using Adobe Photoshop to Vectorize a Sketch on How to Vectorize an Image

3
Select “File” and “Place” to bring your photo or image into the program. Make sure your image covers a majority of your screen, so that you can work on it in detail.

Using Adobe Photoshop to Vectorize a Sketch on How to Vectorize an Image

4
Lock the first image layer by clicking the little square lock. The image will stay in one place while you work on it.

Using Adobe Photoshop to Vectorize a Sketch on How to Vectorize an Image

5
Click on your Pen tool. You are going to trace your image, so that it will create a sharp, vector image.

Using Adobe Photoshop to Vectorize a Sketch on How to Vectorize an Image

6
Choose the weight of the line that fits the line you are going to draw. Lines that are in the foreground should be thicker, while lines in the background should be thinner. Always use black outlines and white backgrounds during this process. You can change the colors later.

Using Adobe Photoshop to Vectorize a Sketch on How to Vectorize an Image

7
Click the second point at the end of a straight section to create a straight line. Create curved lines by clicking a second point and dragging the line until it matches the smooth curve of the image. Use the handles to adjust the Bezier curve. They can be adjusted indefinitely.

Using Adobe Photoshop to Vectorize a Sketch on How to Vectorize an Image

8

Using Adobe Photoshop to Vectorize a Sketch on How to Vectorize an Image

9
Remember that you want to create as few points as possible, while remaining as true to the shape as possible. This is a skill that will improve with practice.[3]

Using Adobe Photoshop to Vectorize a Sketch on How to Vectorize an Image

10
You can group these elements together later on. Fill in the colors when you are finished. You can add colors on the same layer or different layers.

Using Adobe Photoshop to Vectorize a Sketch on How to Vectorize an Image

11
Save your file as a vector image, such as AI or EPS. Use this new vector image for scaling.