Adobe Illustrator appears to be the standard in almost any creative industry. I have not used it. If you work for a company that is footing the monthly bill for Ai, high five, that is awesome. But for me, that is going to cost another dollars a month. One time charge. Also, many of the features in Ai are also in Affinity Designer, so you can refer to Ai tutorials for guidance. So you have a sweet little watercolor image that you want to vectorize and manipulate in imaging software??

No problem! To get started, take a photo or scan of the image s you want to work with. If this was a more complicated image, or you have terrible lighting, scanning the image would work best.

The goal now is to get the image s you want out of the full image so that it is easer to work with in InkScape. If you scanned your image in, you may have been able to cut out the figure at that time. In that case, just skip this step. Click on the Export Persona icon boxed in red in the image below. Here you can choose the Slice Tool to select the images you want to work with. You can see that I sliced 4 images separately do not worry about overlap.

Once you have them as you like, make sure your affinity designer image to vector free s affinity designer image to vector free checked in the Slice viewer and select Export.

This will allow you to save these images to a chosen folder. Open a new document in InkScape. Find the sliced file sand open them. You can affinity designer image to vector free multiple images on your board, but you will only be manipulating them one at a time. You can now see all of your images ready for manipulation.

It is best to work on one image at a time. Move the image you will be focusing on to the art-board. This is where the magic happens. Since we are dealing with watercolor images, I am going to assume there is more than one shade of color in your image. You can play around with the Trace Bitmap settings, but to pull all the contrast out of your element you are going to need to select the following settings:. Under Multiple scans, select Colors. Check Smooth, Stack scans, and Remove Background.

I like to keep the number of scans at For simple images, I never end up with this many layers. But even for more complex works, it keeps the contrast relatively accurate. Select OK. Open Affinity Designer, create a new document, and drag your InkScape file on to the design board. Once your image is on your board, select Edit Document. To remove the background of the image, I found it easiest to use the Layers window. I just unselect all items with the background color. Now you can really play around with your image.

You can adjust the size, change the colors of each layer, remove layers, etc. You can see that, using this technique, you can create simple paintings by hand, and then manipulate them as vectors to create more complicated images.

Thank you so much for this! I literally spend a week trying to figure this out. And initially i only found Adobe Illustrator tutorials. This is really helpful. There are some great ::free:: tools out there, but can definitely be difficult to navigate! Thank you very much, Jess. I thought of buying a third-party software like VectorMagic and at last I found your blog. Very helpful! Affinity designer image to vector free have read the tutorial. I use ipad for vectorising calligraphy on affinity designer.

Can I use inscape on my ipad? If yes, can you share the link? If no, is there any alternative. Thank you. This is awesome! Watercolor colors are so complicated in their values and hues. I hope you have other Affinity Designer tutorials in the future. I mostly do stuff for web design, which often includes logo work and modding and touching up various images.

I have a XP-Pen Artist Works for me. After Adobe moved to a subscription model, I looked around and tried a few different apps trying to find a replacement affinity designer image to vector free Illustrator.

I was so happy when I found Designer. For me, Designer is way easier to draw with and manipulate drawings than Illustrator. It is a great application. In terms of function and affinity designer image to vector free, Affinity Designer is an impressive, low-budget alternative to Adobe Illustrator. Your tutorial and the additional advice in the comments are super helpful.

I have paintings on a white background that I want to isolate for t-shirts and other things. Save my name, email, and website in this browser for the next time I comment. Toggle navigation. Video Tutorials Shop OklaRoots! Here are the tools you affinity designer image to vector free need to do this: Watercolor image or any other type of image you wish to digitize Digital camera, smartphone camera, or scanner Affinity Designer InkScape XQuartz if working on a Mac… InkScape download will instruct you to download this first Mac computer you can do all of this on a PC as well, but this tutorial is for a Mac.

I have my new file setting set as you see below: Click on the Export Persona icon boxed in red in the image below. Now we have our image s ready to go! Select your images: I keep the new file settings at their default: You can now see all of your images ready for manipulation.

You can play around with the Trace Bitmap settings, but to pull all the contrast out of your element you are going to need to select the following settings: Under Multiple scans, select Colors. You now have a vectorized water color image!

Save your InkScape file. I just unselect all items with the background color This leaves me with a nice, clean image to work with: Now you can really play around with your image. In the image below you can see that I changed the color of each layer, and then separated them.

Share This. Tags adobe illustrator affinity designer fabric design vectors watercolor. Jessica OklaRoots. Sophie 1st Jun 18 Thank you so much for this! Dorothy affinity designer image to vector free Jun 18 Thank you very much, Jess. Monika 26th Feb 19 Hi! Jessica Forman 16th Mar affinity designer image to vector free This is awesome!

Shelley Monkland 18th Aug 20 Thank you so much for this tutorial, just what I was looking for. Sue 25th Sep 20 Your tutorial and the additional advice in the comments are super helpful. Cancel Reply Your email address will not be published.