How to work with bitmaps (.png, .jpg, .bmp etc.) in VIGO6
NB! It is not enough just opening the bitmap file in a vector graphics editor such as Inkscape, and saving 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, the free vector graphics editor Inkscape is used.
First thing is before we even start using the program to draw.
We need to make sure the right settings is chosen in inkscape:
Shift+Ctrl+D is the shortcut for opening the Document Properties.
In this properties panel we need to make sure that both our "Display Units" and our "Units" are set to pixels (px).
Another REALLY important thing is that we set our "Scale x:" to 1. Normally it's set to 0.265, which would make the source into mm instead of pixels.
We are now ready to start redrawing our bitmap:
- First we open the desired 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 it is done in all the corners to get a rounded form.
- We have now finished 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, the opacity is changed 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 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”.