User Decals - A Tutorial On How To Make .SVG (Request in separate thread)

[Sir Crashalot]

So I want to make a decal. Simple logo, a stylized helmet and some text, just one color. My source is a PNG with transparent background, good quality, 2118*2118 pixels.

I use Inkscape. I open the PNG. I do the automatic path tracing with default settings except scans set to 2 because there's just 1 color.

I ungroup multiple times and then do object to path.

I save as optimized SVG with all the options for a small filesize....
....and I still end up with a 2.8MB(!) SVG.

What am I doing wrong?


-edit- Nvm, figured it out. You have to delete several backgrounds before saving. Down to 19kb now, what a difference😄

 

[wowbaggerBR]

in need of some help about the mysterious ways of gradients. I have this old svg from GTS days, which is useful for helmet tops. I want to change the color gradient, say from this blue-white to a deep green-to-white linear. I did ungroup all paths and change the colors manually in each "square" using Inkscape.

it uploads and displays correctly in the browser, but in the game all gradients are like fused together, like so:

with Illustrator, achieve basically the same results (with a much smaller file size for some reason) using the "recolor artwork" feature

this is what it should look like:

how do I avoid this?

 

[Yumbi]

in need of some help about the mysterious ways of gradients. I have this old svg from GTS days, which is useful for helmet tops. I want to change the color gradient, say from this blue-white to a deep green-to-white linear. I did ungroup all paths and change the colors manually in each "square" using Inkscape.

it uploads and displays correctly in the browser, but in the game all gradients are like fused together, like so:View attachment 1505598

with Illustrator, achieve basically the same results (with a much smaller file size for some reason) using the "recolor artwork" feature

this is what it should look like:
View attachment 1505601
how do I avoid this?

Gradients are a tricky thing in GT7 because GT7 ignores the transformation for the gradient fill in the svg file.

Both of your svg files do not work for me btw. The text encoding seems to be wrong as I see that English is not your first language.

I'm only familiar with Inkscape.

You probably know already that setting the gradient(s) should be the absolute last step in creating the graphic. After that, DO NOT move any object or reorganize the layers.

When setting the gradient fill, do it for each object separately. Then save the graphic as "optimized SVG" in the "save as" menu.