- 613
- United Kingdom
GT7 SVG request thread.
- Thread starter daan
- 5,505 comments
- 390,581 views
Racer294
(Banned)
- 562
- United States
Dang, that's impressive. It had been though. Thanks again. GT7 library is lacking ATM.Eh? I literally just ripped it off the Johnstone website
Gt 7 team logo
Sorry new on posting.
Do i send pics here to have someone attempt to recreate a logo?
Apologies,
Noob here..
Created them on ipad procreate. Saved as a.png.
Transparent is good as well..
Please match same font as racing on VTP.
Having difficulty reducing the sizes tp 15kb
Thank you in advance
Sorry new on posting.
Do i send pics here to have someone attempt to recreate a logo?
Apologies,
Noob here..
Created them on ipad procreate. Saved as a.png.
Transparent is good as well..
Please match same font as racing on VTP.
Having difficulty reducing the sizes tp 15kb
Thank you in advance
Attachments
- 2,979
- In the walls listen'...
- cross_dmd
- 468
- Bristol, England
- RenoRanes007
- RanoRanes007
- 613
- United Kingdom
- 5,511
- Druids Bend
- Z4E_Midnight85
Hi all. I'm looking for a number of the decals on the Need For Speed Team Schubert Z4 #77 from 2011 N24, and most of them are proving difficult to even source a PNG (although I'm sure there's a few of you who'll find them in seconds!).
HENT AS - I've found the main company but not the right logo. There's two of them - one on the bonnet just black and white, one on the door with a blue gradient.
First Lease - can't find it anywhere.
studiodreyer.de - I've found their Facebook page but can't find a decent logo file anywhere.
"powered by ATS" ??? - not sur eon this one, can only really make out the ATS part.
Mayes Motorsports - PNG attached but not the right layout - can someone help?
Pangea Partners - PNG file attached.
There's also a web address on the boot lid which I'm struggling to make out. Looks like www.BARS.com, but that doesn't return anything on a search.
I've found this page which shows a scale model, for reference. https://www.alpimodel.com/minichamps/437112977.html
High res side profile pic attached, plus one that's been created for Assetto Corsa / iRacing.
HENT AS - I've found the main company but not the right logo. There's two of them - one on the bonnet just black and white, one on the door with a blue gradient.
First Lease - can't find it anywhere.
studiodreyer.de - I've found their Facebook page but can't find a decent logo file anywhere.
"powered by ATS" ??? - not sur eon this one, can only really make out the ATS part.
Mayes Motorsports - PNG attached but not the right layout - can someone help?
Pangea Partners - PNG file attached.
There's also a web address on the boot lid which I'm struggling to make out. Looks like www.BARS.com, but that doesn't return anything on a search.
I've found this page which shows a scale model, for reference. https://www.alpimodel.com/minichamps/437112977.html
High res side profile pic attached, plus one that's been created for Assetto Corsa / iRacing.
Attachments
Last edited:
Thank you very much. Really appreciating your work, mate
- 5,511
- Druids Bend
- Z4E_Midnight85
- 613
- United Kingdom
Just because I feel like being a tease...
Completely re-made by hand. This was actually really fun to do (it was a good brain exercise) and I'm actually really pleased how it turned out. Hence the tease
Sorry! lolWill post the finished decal later.
krisduv
Premium
- 1,659
- France
- krisduv
I'll edit this post later with some more
Last edited:
- 5,511
- Druids Bend
- Z4E_Midnight85
- 252
- Germany
Looking for some help.
- 786
- Vermont
- huff-
I was able to hand trace the logo, and I found some better pics that might make it easier to help me. On the broccolini I only need the veg, no tag or writing. These are the final decals for my livery, thank you for any help. Edit: sorted the cucumbers but the broccolini is beyond my ability.
Last edited:
- 613
- United Kingdom
With text drop shadow...
The observant amongst you may notice that the filesize of the SVG with the (subtle) drop-shadow is actually smaller than the version without, even though it effectively has twice the amount of text! Don't blame me if you ignore the warning on the button below...
Lets imagine that each line of text in the SVG without the drop shadow are ~3kb (actually not far from reality). To create a drop shadow most people would probably duplicate the text, maybe group it together, shift it over a bit, drop the opacity, send it back in the layer stacking order and call it a day.
This is example of (pseudo-)code an SVG application would spit out (Other SVG markup unnecessary for examples has been omitted):
You don't need to be a mathmagician to see the problem here: 3kb * 6 = 18kb. We've already smashed through PD's 15kb file-size limit and we haven't even included the rest of the logo yet!!
But what if we could reference (and therefore re-use) objects we've already defined? Well...
We can!
Most SVG elements defined with an "id" value can be later referenced and re-used by the "<use>" element with an "xlink:href" value pointing to the id of the element you want to reuse.
With a minimal amount of manual editing of the markup we can instantly reduce the file size by 50%!
Et voila! Completely FREE drop shadows and you still have space left!!
Didn't I say the the file with the drop shadow was smaller than the one without? Yes, yes I did...
You're gonna have to look at SVG files and compare them for yourself to figure out how... I'm not* spoon feeding you ALL my secrets!
*Actually, I'm considering making a proper thread for SVG optimisation tips and tricks - because, for instance ,this example can be tweaked a little to add free drop shadows to almost anything - and not just hiding them in spoilers in random posts! lol
This is example of (pseudo-)code an SVG application would spit out (Other SVG markup unnecessary for examples has been omitted):
SVG:
<svg>
<g opacity="0.2">
<path d="[path data, line 1 text]"/> <!-- ~3kb of data -->
<path d="[path data, line 2 text]"/> <!-- ~3kb of data -->
<path d="[path data, line 3 text]"/> <!-- ~3kb of data -->
</g>
<path d="[essentially same data as line 1 text above]"/> <!-- ~3kb of data -->
<linearGradient id="gradient_A" gradientUnits="objectBoundingBox">
[gradient data]
</linearGradient>
<path fill="url(#gradient_A)" d="[essentially same data as line 2 text above]"/> <!-- ~3kb of data -->
<linearGradient id="gradient_B" gradientUnits="objectBoundingBox">
[gradient data]
</linearGradient>
<path fill="url(#gradient_B)" d="[essentially same data as line 3 text above]"/> <!-- ~3kb of data -->
</svg>You don't need to be a mathmagician to see the problem here: 3kb * 6 = 18kb. We've already smashed through PD's 15kb file-size limit and we haven't even included the rest of the logo yet!!
But what if we could reference (and therefore re-use) objects we've already defined? Well...
We can!
Most SVG elements defined with an "id" value can be later referenced and re-used by the "<use>" element with an "xlink:href" value pointing to the id of the element you want to reuse.
With a minimal amount of manual editing of the markup we can instantly reduce the file size by 50%!
SVG:
<svg xmlns:xlink="http://www.w3.org/1999/xlink"> <!-- MUST add xmlns:xlink value to SVG element for this to work -->
<g transform="translate(10,10)" opacity=".02">
<path id="text_1" d="[path data]"/> <!-- ~3kb of data -->
<path id="text_2" d="[path data]"/> <!-- ~3kb of data -->
<path id="text_3" d="[path data]"/> <!-- ~3kb of data -->
</g>
<use xlink:href="#text_1"/> <!-- Re-use "text_1" -->
<linearGradient id="gradient_A" gradientUnits="objectBoundingBox">
[gradient data]
</linearGradient>
<use xlink:href="#text_2" fill="url(#gradient_A)"/> <!-- Re-use "text_2" -->
<linearGradient id="gradient_B" gradientUnits="objectBoundingBox">
[gradient data]
</linearGradient>
<use xlink:href="#text_3" fill="url(#gradient_B)"/> <!-- Re-use "text_3" -->
</svg>Et voila! Completely FREE drop shadows and you still have space left!!
Didn't I say the the file with the drop shadow was smaller than the one without? Yes, yes I did...
You're gonna have to look at SVG files and compare them for yourself to figure out how... I'm not* spoon feeding you ALL my secrets!
*Actually, I'm considering making a proper thread for SVG optimisation tips and tricks - because, for instance ,this example can be tweaked a little to add free drop shadows to almost anything - and not just hiding them in spoilers in random posts! lol
NOTE: The attached files have been deleted from this post as, thanks to PD's borked implementation of the SVG specification, they didn't display correctly (in GT). Fixed versions can be found HERE
Last edited:
- 2,979
- In the walls listen'...
- cross_dmd
Hot dawg! Thanks so much!View attachment 1163867
With text drop shadow...
View attachment 1163871
The observant amongst you may notice that the filesize of the SVG with the (subtle) drop-shadow is actually smaller than the version without, even though it effectively has twice the amount of text! Don't blame me if you ignore the warning on the button below...
Lets imagine that each line of text in the SVG without the drop shadow are ~3kb (actually not far from reality). To create a drop shadow most people would probably duplicate the text, maybe group it together, shift it over a bit, drop the opacity, send it back in the layer stacking order and call it a day.
This is example of (pseudo-)code an SVG application would spit out (Other SVG markup unnecessary for examples has been omitted):
SVG:<svg> <g opacity="0.2"> <path d="[path data, line 1 text]"/> <!-- ~3kb of data --> <path d="[path data, line 2 text]"/> <!-- ~3kb of data --> <path d="[path data, line 3 text]"/> <!-- ~3kb of data --> </g> <path d="[essentially same data as line 1 text above]"/> <!-- ~3kb of data --> <linearGradient id="gradient_A" gradientUnits="objectBoundingBox"> [gradient data] </linearGradient> <path fill="url(#gradient_A)" d="[essentially same data as line 2 text above]"/> <!-- ~3kb of data --> <linearGradient id="gradient_B" gradientUnits="objectBoundingBox"> [gradient data] </linearGradient> <path fill="url(#gradient_B)" d="[essentially same data as line 3 text above]"/> <!-- ~3kb of data --> </svg>
You don't need to be a mathmagician to see the problem here: 3kb * 6 = 18kb. We've already smashed through PD's 15kb file-size limit and we haven't even included the rest of the logo yet!!
But what if we could reference (and therefore re-use) objects we've already defined? Well...
We can!
Most SVG elements defined with an "id" value can be later referenced and re-used by the "<use>" element with an "xlink:href" value pointing to the id of the element you want to reuse.
With a minimal amount of manual editing of the markup we can instantly reduce the file size by 50%!
SVG:<svg xmlns:xlink="http://www.w3.org/1999/xlink"> <!-- MUST add xmlns:xlink value to SVG element for this to work --> <g transform="translate(10,10)" opacity=".02"> <path id="text_1" d="[path data]"/> <!-- ~3kb of data --> <path id="text_2" d="[path data]"/> <!-- ~3kb of data --> <path id="text_3" d="[path data]"/> <!-- ~3kb of data --> </g> <use xlink:href="#text_1"/> <!-- Re-use "text_1" --> <linearGradient id="gradient_A" gradientUnits="objectBoundingBox"> [gradient data] </linearGradient> <use xlink:href="#text_2" fill="url(#gradient_A)"/> <!-- Re-use "text_2" --> <linearGradient id="gradient_B" gradientUnits="objectBoundingBox"> [gradient data] </linearGradient> <use xlink:href="#text_3" fill="url(#gradient_B)"/> <!-- Re-use "text_3" --> </svg>
Et voila! Completely FREE drop shadows and you still have space left!!
Didn't I say the the file with the drop shadow was smaller than the one without? Yes, yes I did...
You're gonna have to look at SVG files and compare them for yourself to figure out how... I'm not* spoon feeding you ALL my secrets!
*Actually, I'm considering making a proper thread for SVG optimisation tips and tricks - because, for instance ,this example can be tweaked a little to add free drop shadows to almost anything - and not just hiding them in spoilers in random posts! lol
- 613
- United Kingdom
I know this isn't a request for a decal, but if this works, it could totally change how decals are made for GT. Well, not totally but it could open up new possibilities...
As I'm nowhere near my PS could someone please test this in game to see if the in-game SVG renderer can handle it please?!?
EDIT: Please don't rely on the decal uploaders thumbnail as that, unlike the rest of the GT site, actually uses the browser to render the SVG file (so of course it renders as it should). The rest of the site uses an SVG renderer to create preview images too so that is not a good indication of if this SVG will work in-game either.
As I'm nowhere near my PS could someone please test this in game to see if the in-game SVG renderer can handle it please?!?
EDIT: Please don't rely on the decal uploaders thumbnail as that, unlike the rest of the GT site, actually uses the browser to render the SVG file (so of course it renders as it should). The rest of the site uses an SVG renderer to create preview images too so that is not a good indication of if this SVG will work in-game either.
Last edited:
- 6,753
- Fürstentum Lippe
- GTP_Nuschel
We have a topic for all SVG related stuff too, feel free to track any experiments there:
User Decals - A Tutorial On How To Make .SVG (Request in separate thread)
New first post currently being edited Illustrator Tutorial Vector Magic Desktop version Tutorial Affinity Desgner Inkscape Tutorial Removing nodes to bring file size down using Inkscape If your circle is not showing correctly Golden rules for gradients Duplicate a gradient Simple text...
www.gtplanet.net
I can't test the uploaded file rn sadly.
I'm afraid to tell you that filters don't work with GT7 SVG standards (and GTS as well). I've tried this decal but it doesn't show the shadow path with blur.
Another thing to consider is that the GT decal uploader doesn't like that two or more paths get linked to the same gradient object.Just in case you, or anyone else, is curious why gradients can be problematic I've provided an explanation with examples - because a little new knowledge never hurt anyone - hidden in the spoiler below. (I've used a "spoiler" to avoid visual clutter and easily skipable for those that are completely not interested!
- 613
- United Kingdom
- 613
- United Kingdom
Goddammit PD!!
So does the uploader completely fall over or does it continue, get the thumbnail wrong but show up correctly in-game?
I'm sure I did a decal for someone that had two objects using the same gradient and I never got any complaints about it?!
Can't PD ever make anything simple?!?
- 613
- United Kingdom
Sorry, made another reply so you would get the notification (which you wouldn't if I edited the previous reply), anywhooo....
Are you certain about the decal uploader not liking multiple paths using the same gradient??
I'm not saying your experience is wrong, but this test...
And the actual markup...
SVG:
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="1257.307px" height="536.711px" viewBox="0 0 1257.307 536.711" xml:space="preserve">
<linearGradient id="Grad_1" gradientUnits="objectBoundingBox">
<stop offset="0" style="stop-color:#ED1C24"/>
<stop offset="0.1784" style="stop-color:#F15A24"/>
<stop offset="0.3547" style="stop-color:#FFFF00"/>
<stop offset="0.515" style="stop-color:#00FF00"/>
<stop offset="0.6814" style="stop-color:#0000FF"/>
<stop offset="0.8417" style="stop-color:#FF00FF"/>
<stop offset="0.984" style="stop-color:#662D91"/>
</linearGradient>
<rect x="9.091" y="83.168" fill="url(#Grad_1)" stroke="#000000" stroke-width="4" stroke-miterlimit="10" width="359.375" height="359.375"/>
<linearGradient id="Grad_2" xlink:href="#Grad_1" gradientTransform="rotate(90)"/>
<rect x="448.216" y="168.254" fill="url(#Grad_2)" stroke="#000000" stroke-width="4" stroke-miterlimit="10" width="359.375" height="359.375"/>
<rect x="888.841" y="9.083" fill="url(#Grad_1)" stroke="#000000" stroke-width="4" stroke-miterlimit="10" width="359.375" height="359.375"/>
</svg>First and third "<rect>" both directly use the same gradient. Second "<rect>" uses the same gradient a third time, but xlink(ed) via another "<linearGradient>".
Last edited:
- 613
- United Kingdom
Similar threads
