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

  • Thread starter daan
  • 1,302 comments
  • 209,294 views
2,227
United Kingdom
Druids Bend
Z4E_Midnight85
Anyone got any good ideas on how to make the red stripe detail in the image below? I can't seem to get the curves to match the car in the editor... 🤷‍♂
 

Attachments

  • Screenshot_20210906-130733_Google.jpg
    Screenshot_20210906-130733_Google.jpg
    39.4 KB · Views: 17
107
Germany
Germany
if you are an illustrator user / decal creator this will make you consider a different export method
 
Last edited:
58
United Kingdom
United Kingdom
SouperK
Anyone got any good ideas on how to make the red stripe detail in the image below? I can't seem to get the curves to match the car in the editor... 🤷‍♂
Is it the bleeding distorting your line? For pinstripes over 3D curves, especially over special paint surfaces like the silver flake, I sometimes use a straight line, and align the camera to try and find the angle from which the the curve looks straight. It might need multiple angles, sectioning the line and trying to find angles and rotations that blend without drawing the eye to the join; that looks like a 2 possibly 3-liner to me :) The decal depth can help in blending sections. Which car are you putting this on btw?

If the closest to straight angle still has a curve, I’ll give it a go with a straight line, then replace with a curve. For subtle curves, the patterns-1-55 decal is good, once you stretch it up and skinny it in, you can skew it to tweak the curve.
 
2,227
United Kingdom
Druids Bend
Z4E_Midnight85
Is it the bleeding distorting your line? For pinstripes over 3D curves, especially over special paint surfaces like the silver flake, I sometimes use a straight line, and align the camera to try and find the angle from which the the curve looks straight. It might need multiple angles, sectioning the line and trying to find angles and rotations that blend without drawing the eye to the join; that looks like a 2 possibly 3-liner to me :) The decal depth can help in blending sections. Which car are you putting this on btw?

If the closest to straight angle still has a curve, I’ll give it a go with a straight line, then replace with a curve. For subtle curves, the patterns-1-55 decal is good, once you stretch it up and skinny it in, you can skew it to tweak the curve.
I'm putting it on the Gr.3 Viper. It's mainly a matter of getting it to match the edge of the vent opening. I can get it to work partially as one decal using straight protection from above, but it always distorts. I'll try get a pic up.
 
58
United Kingdom
United Kingdom
SouperK
I'm putting it on the Gr.3 Viper. It's mainly a matter of getting it to match the edge of the vent opening. I can get it to work partially as one decal using straight protection from above, but it always distorts. I'll try get a pic up.
I tried the rear vent going around the lights at the back of the Gr.3 Viper, it seems to be a horrible surface where points map to more than one place. If you put a decal in this area it appears somewhere else and/or goes all pixelly.

There are other cars like this, the Audi S4 around the passenger window, the RUF number plates, around the headlights of the GR Yaris, the door handle of the Gr4. Atenza and there are others. I‘ve wondered in the past if anyone ever made a list of these annoying buggers. Also stuff like wavy surfaces, take a bow the front of the Stratos hood, where I used a wave to get a straight line :grumpy:

sometimes using depth can help, and replacing lines with squares (so that the depth is calculated in a tight viewbox) or vice-versa, I never overcame the ones I’ve listed and the Viper has me beaten too, interested to know if anyone can overcome these anomalies
 
58
United Kingdom
United Kingdom
SouperK
If there is room for an XML editing guide, I was going to ask about importing SVGs into Vectornator on iPad, but I found an XML editor and it solved the problem. I used to edit XML for Inkscape gradients (need a new laptop atm), removing any transforms in the code so I could set them back to ‘absolute’ co-ordinates. w3schools have good guides for xml and svg editing, once you get used to <> and </> it’s pretty easy, you just learn what works for your graphics app and the quirks of GT Sport, work on a copy file and experiment. Also useful for optimising down to 15kb, and learning how compact you can get by examining the gtplanet svg :) You can create decals directly in xml, I followed the w3schools gradients tutorial and had masked radial gradients that worked.

Vectornator didn’t play well with decals using ‘fill=even odd’ applied to a group of paths inside a viewbox sized rectangle. The decal was basically un-editable. I removed the <g> definition... </g>, and applied a fill to the paths individually, also removed the rectangle, voila, Vectornator allowed editing.

For gradients, Inkscape was set to ‘absolute’ saving (rather than relative), but transforms were still applied in the xml, so I removed them, re-opened the file and the raw gradient appears now in the wrong place, often far from the original so I’d have to mess with the viewbox settings in XML too to see it. Move it back to the right place, re-size (but don’t skew), save and the gradient works.

The ‘don’t skew’ part is interesting. I never figured a way to get rx and ry to work, i.e. an ellipse/oval instead of a circle, so I’d end up skewing everything else inversely, then skewing back in GT Sport. In other words, when PD say ‘simple shapes’ for gradients, do they mean either straight or a circle only?

Here’s the link for W3schools SVG: https://www.w3schools.com/graphics/svg_intro.asp they do xml too.
 
107
Germany
Germany
I tried the rear vent going around the lights at the back of the Gr.3 Viper, it seems to be a horrible surface where points map to more than one place. If you put a decal in this area it appears somewhere else and/or goes all pixelly.

There are other cars like this, the Audi S4 around the passenger window, the RUF number plates, around the headlights of the GR Yaris, the door handle of the Gr4. Atenza and there are others. I‘ve wondered in the past if anyone ever made a list of these annoying buggers. Also stuff like wavy surfaces, take a bow the front of the Stratos hood, where I used a wave to get a straight line :grumpy:

sometimes using depth can help, and replacing lines with squares (so that the depth is calculated in a tight viewbox) or vice-versa, I never overcame the ones I’ve listed and the Viper has me beaten too, interested to know if anyone can overcome these anomalies
imho the only working method which can conquer these flawed model areas is to project a custom decal via camera angle and then adjust the decal in your vector software until it fits. very tiresome but some of my highly qualified discord members use it if all other approaches are proved futile. and even that is not a guarantee for success.
 
58
United Kingdom
United Kingdom
SouperK
Thanks @CBOT, I clicked on your DISCORD link and before I knew it I’d ‘slid onto your server’, I’m bit notification-phobic but hopefully I’ll slide back and say ‘hi’ at some point, but ‘hi’ here in the meantime :)
 
Last edited:
107
Germany
Germany
all cool, @SouperK.
very small, low activity server*. sent you a DM. if you want to join just answer that.

*also: right click on the specific discord server icon lets you mute it. if you dont want a permanent alarm clock keeping you awake all night that is 😉
 
2,227
United Kingdom
Druids Bend
Z4E_Midnight85
imho the only working method which can conquer these flawed model areas is to project a custom decal via camera angle and then adjust the decal in your vector software until it fits. very tiresome but some of my highly qualified discord members use it if all other approaches are proved futile. and even that is not a guarantee for success.
That's the approach I was using, I just can't get the mapping right yet. Always comes out distorted and I can't seem to reverse engineer the distortion accurately.
 
107
Germany
Germany
That's the approach I was using, I just can't get the mapping right yet. Always comes out distorted and I can't seem to reverse engineer the distortion accurately.
yea. some errors are total 💩 and seemingly can't be fixed no matter what you do. shame.

anyhow, just let me know when you need a hand and i will try to help if i can.
 
Last edited:
2,227
United Kingdom
Druids Bend
Z4E_Midnight85
yea. some errors are total 💩 and seemingly can't be fixed no matter what you do. shame.

anyhow, just let me know when you need a hand and i will try to help if i can.
Thank you! I'm going to have another go at the weekend so I'll let you know if I get stuck.