How to convert an image into a multi-layer SVG file.
You will need Inkscape, a graphics program comparable to Illustrator . It will run on Linux, Windows and Mac and is open source and a free program.
You can download it at https://inkscape.org/
These instructions are only for an image that doesn’t have too many colors or shadings. You really don’t want more than 6 layers.
Open Inkscape
Using the File menu choose Open and navigate to your image to open it.
On the left side of the main window is a tool bar. Choose the selector arrow at the top.
Click on your image to select.
From the menu at the top of the window choose Path →Trace Bitmap.
A window will open.
In the bottom section: Multiple scans: creates a group of paths,
Make sure that Colors, Stack scans, Remove background and Live preview are all selected.
Uncheck Smooth.
Next we will choose the number of layers. Keep an eye on the Live preview window and click the up arrow next to the Layer option until the preview picture contains everything you want to keep in your image. You may think you only have 3 or 4 layers plus the background but there are probably more. If you have more than 5 or 6 layers your graphic is going to be too complicated to use in Design Space and you will have to find something else.
Click on Update.
Using the Selector arrow from the tool bar on the left click and drag your image to the left.
Click on the image that remains and delete it
Move the remaining image back inside the box.
From the menu at the top of the screen choose Object →Ungroup.
From the menu at the top of the screen choose File →Save and name your file with .svg at the end.
Go to Design Space and if you aren’t already in a project start a new one.
Click on the Upload button on the left side of the screen.
Click the next Upload button
Click Browse and navigate to your image to open it.
Give your image a name and tags to find it later.
Click on Save and Design Space will do the rest.
