How to work with bitmaps (.png, .jpg, .bmp etc.) in VIGO6
NB! It is not enough to open the bitmap file in a vector graphics editor such as Inkscape, and save it as an “.svg” file. By doing this, you will still get a non-convertable source for the COPP Converter, as the file is not a vector graphics drawing, but still just a bitmap in disguise.
Let’s start converting a simple png file:
In this example, we use the free vector graphics editor Inkscape.
First thing before we even start using the program to draw.
We need to make sure that we choose the right settings in inkscape:
Shift+Ctrl+D is the shortcut for opening the document properties.
In this properties panel we need to set both our "Display Units" and our "Units" to pixels (px).
Another important thing is to set our "Scale x:" to 1. Normally it is 0.265, which would make the source into mm instead of pixels.
Drawring in bitmap
First we open our bitmap drawing in Inkscape:
Using the Bezier tool, we now start drawing a path on our bitmap drawing:
You can always pull in the section between two points in the path to get the exact curve and form you need to fit with your bitmap.
In this example, we do it on all the corners to get a rounded form.
Now, we are done with drawing our main path for the new drawing:
Next step is to include the circles. Because we drew the new shape with a color, our original bitmap is now hidden, so we have to reduce the opacity, in order to see the position of the circles. In this example, we change the opacity from 100% to 50%:
Now that we can see the circles, we can start drawing with the Bezier tool again:
Draw all of the circles:
Now we set the opacity back to 100 %:
Now we decide the color of our drawing, by picking a color in the palette of colors on the bottom on the screen.
We also have to remember to delete the original bitmap drawing, which is still laying in the background.
Do this by selecting all the newly drawn paths, and then pull the drawing to a location so that the original bitmap becomes visible. (Use ctrl+g to group the path together, for easier use):
Now just click the part of the original bitmap which becomes visible, and click delete:
Now center your drawing by changing the “x,y” values to 0,0:
As the final step, make sure that your artboard fits your content perfectly by choosing
“Edit” -> “Resize Page to Selection”:
You have now finished redrawing your original bitmap in vector graphics, and it is now a valid input for the converter when saved as “.svg”.