Raster To Vector Tutorial


Before we start vectorising your logo or design you will need Adobe Illustrator cs6 or above. If you do not have Illustrator CS6 install it as a free trial from Adobe’s site to complete this task.

Step 1. Open and Select Your Jpeg/ Png image

Once you have your png or jpeg opened with Adobe Illustrator CS6 or above you want to – 1. Use the select tool, and – 2. click on your image. You will need to do this to highlight the image before we start. If you need to select multiple layers use alt as you click each image to multi-select.

Step 2. Select “Window” Then Select “Image Trace”

Once your image is selected you will need to click window on the toolbar, then find image trace on the popup list. This will then open the image trace window panel for you to start vectorising your iamge.

Step 3. Select Your Image Trace Options

Next select your image trace options. Choose from preset modes (including high fidelity photo, 16 colour design or black and white logo) or choose to completely customise your settings. You may need to try a few different settings until you get the desired result from your image. Do not forget the advanced arrow drop down within the image trace panel to access more settings. You can always select preview to see how your settings look. There is also a handy “ignore white” button for those people who do not have any white within their logo or design.

Step 4. Once You Are Happy, Click The “Expand” Button

Once you are happy with the traced result you will need to expand the image into its relative vector paths. To do this is simple, just click the “Expand” button you see on the toolbar. This will then convert your jpeg or png image or logo into a fully scalable vector.

You Have Your New Vector!

It’s as easy as that. Try it out yourself on various jpegs, pngs and even camera photos. As you see from the results below this will convert any fussy lines and blurred edges into a sharp, bold, scaleable masterpiece.