Just saw this now. I think @BLiTZ once explained somewhere how he did this decal exactlyBasically, what has happened is Adobe Illustrator saw the nice efficient markup of the gradient1 file, laughed maniacally, and promptly made it, and anything made using it, as verbose as possible. This is why gradient45 is almost twice as large as gradient1, and CarbonFiber is almost twice as large again.
Illustrator will suck in efficient code like this:
SVG:<linearGradient ... > <stop offset="0" stop-opacity="0"/> <stop offset=".005"/> <stop offset=".01" stop-opacity="0"/> <stop offset=".015"/> [...] <stop offset=".985" stop-opacity="0"/> <stop offset=".99"/> <stop offset=".995" stop-opacity="0"/> <stop offset="1"/> </linearGradient>
and transmogrify it to:
SVG:<linearGradient ... > <stop offset="0" style="color-stop:#000000;stop-opacity:0"/> <stop offset=".005" style="color-stop:#000000"/> <stop offset=".01" style="color-stop:#000000;stop-opacity:0"/> <stop offset=".015" style="color-stop:#000000"/> [...] <stop offset=".985" style="color-stop:#000000;stop-opacity:0"/> <stop offset=".99" style="color-stop:#000000"/> <stop offset=".995" style="color-stop:#000000;stop-opacity:0"/> <stop offset=".1" style="color-stop:#000000"/> </linearGradient>
Essentially it takes things that are implied by default in the SVG specification - like every object is filled black unless you specifically tell it not to be filled black - and instead states everything explicitly.
Thanks Adobe!
However, the good news is if you run CarbonFiber.svg through a GTS/GT7 compatible version of SVGOMG it will, with a "precision" level of 3, undo most of Adobe's idiocy and almost halve the file size!
Speaking of idiocy... if Polyphony Digital's SVG implementation hadn't been completely incompetent we wouldn't need 400 lines of gradient data (and a ~12kb optimised file) to achieve a simple pattern, instead we could do it with just 8 lines of gradient data and the whole thing would fit in just 830 bytes...
View attachment 1168256
The entire markup for which is:
SVG:<svg xmlns="http://www.w3.org/2000/svg" width="1000" height="1000"> <defs> <linearGradient id="a" x2="10" gradientUnits="userSpaceOnUse"> <stop offset="0" stop-opacity="0"/> <stop offset=".5"/> <stop offset="1" stop-opacity="0"/> </linearGradient> <pattern id="c" width="10" height="10" patternUnits="userSpaceOnUse"> <path fill="url(#a)" d="M0 0h10v10H0z"/> </pattern> <linearGradient id="b" x1="20" x2="0" y2="20" gradientUnits="userSpaceOnUse"> <stop offset="0" stop-opacity="0"/> <stop offset=".25"/> <stop offset=".5" stop-opacity="0"/> <stop offset=".75"/> <stop offset="1" stop-opacity="0"/> </linearGradient> <pattern id="d" width="20" height="20" patternUnits="userSpaceOnUse"> <path fill="url(#b)" d="M0 0h20v20H0z"/> </pattern> </defs> <rect width="100%" height="100%" fill="url(#c)"/> <rect width="100%" height="100%" fill="url(#d)"/> </svg>
But nope, this won't work in GTS/GT7 because PD think they know better...
Thanks Polyphony!
You can use gradient spread to create a repeat essentially making a series of lines. Then use your angles to overlay them.Just saw this now. I think @BLiTZ once explained somewhere how he did this decal exactly
Its possible to achieve the same effect with just 8 colour stops if PD's SVG implementation wasn't so incompetent...You can use gradient spread to create a repeat essentially making a series of lines. Then use your angles to overlay them.
My CF decals use only two gradients to achieve a high res CF pattern.
<svg xmlns="http://www.w3.org/2000/svg" width="1000" height="1000">
<defs>
<linearGradient id="a" x2="10" gradientUnits="userSpaceOnUse">
<stop offset="0" stop-opacity="0"/>
<stop offset=".5"/>
<stop offset="1" stop-opacity="0"/>
</linearGradient>
<pattern id="c" width="10" height="10" patternUnits="userSpaceOnUse">
<path fill="url(#a)" d="M0 0h10v10H0z"/>
</pattern>
<linearGradient id="b" x1="20" x2="0" y2="20" gradientUnits="userSpaceOnUse">
<stop offset="0" stop-opacity="0"/>
<stop offset=".25"/>
<stop offset=".5" stop-opacity="0"/>
<stop offset=".75"/>
<stop offset="1" stop-opacity="0"/>
</linearGradient>
<pattern id="d" width="20" height="20" patternUnits="userSpaceOnUse">
<path fill="url(#b)" d="M0 0h20v20H0z"/>
</pattern>
</defs>
<rect width="100%" height="100%" fill="url(#c)"/>
<rect width="100%" height="100%" fill="url(#d)"/>
</svg>
Would the current version do or does it specifically have to be the version in the image you attached?Can someone create this logo for my please and remove the white background?
Thanks.
Thanks. The version is fine.Would the current version do or does it specifically have to be the version in the image you attached?
I managed with 2 stops per gradient.Its possible to achieve the same effect with just 8 colour stops if PD's SVG implementation wasn't so incompetent...
SVG:<svg xmlns="http://www.w3.org/2000/svg" width="1000" height="1000"> <defs> <linearGradient id="a" x2="10" gradientUnits="userSpaceOnUse"> <stop offset="0" stop-opacity="0"/> <stop offset=".5"/> <stop offset="1" stop-opacity="0"/> </linearGradient> <pattern id="c" width="10" height="10" patternUnits="userSpaceOnUse"> <path fill="url(#a)" d="M0 0h10v10H0z"/> </pattern> <linearGradient id="b" x1="20" x2="0" y2="20" gradientUnits="userSpaceOnUse"> <stop offset="0" stop-opacity="0"/> <stop offset=".25"/> <stop offset=".5" stop-opacity="0"/> <stop offset=".75"/> <stop offset="1" stop-opacity="0"/> </linearGradient> <pattern id="d" width="20" height="20" patternUnits="userSpaceOnUse"> <path fill="url(#b)" d="M0 0h20v20H0z"/> </pattern> </defs> <rect width="100%" height="100%" fill="url(#c)"/> <rect width="100%" height="100%" fill="url(#d)"/> </svg>
Can somebody make this?
View attachment 1177300
Here you go.Can someone help me out with this logo?
Hi again, can someone make this logo in svg without backgorund? just the letters in white color? thanks so much in advance
View attachment 1186338
Hey guys, anyone able to whip these up for me? Thanks in advance
It isn't exactly the same as there's way too much detail, but I did get it down to 1Can someone please help me with this logo?
Can it be done with a transparent background please?