Affinity Designer svg fades can’t be uploaded for Gran Turismo 7.

Junkysport · April 19, 2022

I don’t know if anyone can help me with this.
I design decals for a PlayStation game in the svg format.
applying a one colour svg files is not a problem as long as you stick to their rules.

・The file size can not exceed 15 KB

・Lettering will be converted to outlines

・Ensure special blending modes such as addition and multiplication have not been used

・Ensure that bitmaps have not been embedded

・The SVG file version should be 1.0 or 1.1

The problem I have is that if I make a simple shape and apply a fade from one colour to another, when I upload to the site it turns the shape black. However if I use a free software called Vectornator it works fine. I’ve taken a look at the code of this item and compared it to one made in designer and it shows the colour matrix as a different type. I want to just use designer for these graphics.
here are the two svg files in code. The first one is a designer file the second is the Vectornator file:

<?xml version="1.0" encoding="UTF-8" standalone="no"?>

<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">

<vectornator:setting key="IsTimeLapseWatermarkDisabled" value="false"/>

<vectornator:setting key="UndoHistoryDisabled" value="true"/>

<vectornator:setting key="VNDimensionsVisible" value="true"/>

<vectornator:setting key="VNSnapToGuides" value="true"/>

<vectornator:setting key="WDCMYKEnabledKey" value="false"/>

<vectornator:setting key="WDDisplayWhiteBackground" value="false"/>

<vectornator:setting key="WDDynamicGuides" value="false"/>

<vectornator:setting key="WDGuidesVisible" value="true"/>

<vectornator:setting key="WDIsolateActiveLayer" value="false"/>

<vectornator:setting key="WDOutlineMode" value="false"/>

<vectornator:setting key="WDRulersVisible" value="true"/>

<vectornator:setting key="WDSnapToEdges" value="false"/>

<vectornator:setting key="WDSnapToGrid" value="false"/>

<vectornator:setting key="WDSnapToPoints" value="false"/>

<vectornator:setting key="WDUnits" value="Points"/>

</metadata>

<defs>

</radialGradient>

</defs>

</g>

</svg>

_____________________________________________

<?xml version="1.0" encoding="UTF-8" standalone="no"?>

<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">

<vectornator:setting key="IsTimeLapseWatermarkDisabled" value="false"/>

<vectornator:setting key="UndoHistoryDisabled" value="true"/>

<vectornator:setting key="VNDimensionsVisible" value="true"/>

<vectornator:setting key="VNSnapToGuides" value="true"/>

<vectornator:setting key="WDCMYKEnabledKey" value="false"/>

<vectornator:setting key="WDDisplayWhiteBackground" value="false"/>

<vectornator:setting key="WDDynamicGuides" value="false"/>

<vectornator:setting key="WDGuidesVisible" value="true"/>

<vectornator:setting key="WDIsolateActiveLayer" value="false"/>

<vectornator:setting key="WDOutlineMode" value="false"/>

<vectornator:setting key="WDRulersVisible" value="true"/>

<vectornator:setting key="WDSnapToEdges" value="false"/>

<vectornator:setting key="WDSnapToGrid" value="false"/>

<vectornator:setting key="WDSnapToPoints" value="false"/>

<vectornator:setting key="WDUnits" value="Points"/>

</metadata>

<defs>

</radialGradient>

</defs>

</g>

</svg>

if anyone can help me I would greatly appreciate it.

v_kyr · April 19, 2022

Hello and welcome!

First of all it's better to use the forums CODE insert option, in order to better read then the SVG code in a more formatted manner. So like this for example ...

<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg width="2871px" height="2784px" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;">
    <g id="Untitled">
        <rect x="638.264" y="599.68" width="1353.95" height="1353.95" style="fill:url(#_Radial1);"/>
    </g>
    <defs>
        <radialGradient id="_Radial1" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(2597.34,0,0,2597.34,151.137,2435.19)">
          <stop offset="0" style="stop-color:rgb(235,235,235);stop-opacity:0"/>
          <stop offset="0" style="stop-color:rgb(188,188,188);stop-opacity:0.2"/>
          <stop offset="0.61" style="stop-color:rgb(91,91,91);stop-opacity:0"/>
          <stop offset="1" style="stop-color:black;stop-opacity:1"/>
      </radialGradient>
    </defs>
</svg>

When doing a compare of your initial two SVG code files here ...

I think the stop settings for the radialGradient are slightly different and when you export from Affinity, try to disable the viewBox setting under Export > SVG (see the more ... button there for further SVG export options) and see if it then looks different (you can crosscheck in a webbroser like Firefox etc. when opening the SVG file there).

Here's your Vectornator one exported from ADe for tryout ...

test_ade2.svg

test_ade2.svg

Junkysport · April 19, 2022

Thank you I will take note and give it a try. Many thanks.

Sign In

Affinity Designer svg fades can’t be uploaded for Gran Turismo 7.

Recommended Posts

Junkysport

Link to comment

Share on other sites

v_kyr

Link to comment

Share on other sites

Junkysport

Link to comment

Share on other sites

Join the conversation

Browse

Activity

Affinity

Important Information