Custom SVG graphics -> issues

Post Reply
farbstoff-fabrik
Posts: 52
Joined: Sun Sep 20, 2020 6:26 pm
Location: Netherlands

Custom SVG graphics -> issues

Post by farbstoff-fabrik » Sun Jan 03, 2021 7:32 am

Hi there,

I am experiencing a lot of trouble with custom .svg graphics. When I have designed in Illustrator the following issues occur:

1) colors in illustrator are displayed differently in VMD
2) gradients are displayed differently
3) strokes are displayed differently
4) Opacity is displayed differently

I am breaking my head on this issue - for like 20+ hours already, and it's (let's say mildly) getting frustrating.

Is there anything I need to change when exporting, or any other tips?

Thanks in advance.

-Matt

creart
Posts: 31
Joined: Sat Dec 19, 2020 12:13 pm
Location: Netherlands
Contact:

Re: Custom SVG graphics -> issues

Post by creart » Mon Jan 04, 2021 12:11 pm

I experienced similar problems, so in the end I just created oversized png's and imported those....
It didn't take me that long to get annoyed enough to leave svg and go with png....
Apparently I'm not as patient as you :-)

User avatar
honki-bobo
Posts: 111
Joined: Sat Nov 09, 2019 1:18 pm

Re: Custom SVG graphics -> issues

Post by honki-bobo » Tue Jan 12, 2021 2:53 pm

Are you using the SVG inside a VoltageImage or as a knob/slider?

I use Inkscape to do my vector graphics. To use them in VMD I save them as "normal" SVG (not as Inkscape SVG). I don't know about Illustrator, but you could look for a similar output file format that omits everything Illustrator-related from the resulting SVG.

If necessary you can strip the SVG further down to the bare minimum using a XML- or text editor.
Image
Monkey Business Audio
Modules - Forum

farbstoff-fabrik
Posts: 52
Joined: Sun Sep 20, 2020 6:26 pm
Location: Netherlands

Re: Custom SVG graphics -> issues

Post by farbstoff-fabrik » Fri Jan 15, 2021 10:48 am

The thing is that rescaling with SVG is just tighter then png. PNG works much quicker, yes. Knobman/skinman are perfect apps for that, but in the end - the pixelated graphics just didn't work for me within the VM environment. PNG takes me half an hour, SVG half a day. So I am doing something wrong.

"If necessary you can strip the SVG further down to the bare minimum using a XML- or text editor." That feels a lot like code :). I wish there was a simple manual/guide for basic operations to get best results in VM.

I did have a workaround, in the end I experienced in AI that "save-as" works perfectly for the background, and "export as" for the knobs. All in all - I am satisfied now with the results but the way to it was looooooooooooooong.

I'll do some more testing and if i find the best way, i'll post it right here.

In inkscape I experienced that my knobs "bounce". Perhaps that's the export problem?

Post Reply