Text/Curves Transparent on Export - SVG

[HydroJLW]

Hi,

The text in the image below is exporting as if it is cutting out from the black rectangle below it (showing the background). Is there a way to export this text in an SVG so that it shows up as white on the black background?

Not sure what I am doing wrong here.

Thank you,

Jack

[HydroJLW]

 

I would like this text to show up as white.

 

[GarryP]

If the text is a text layer – Artistic Text or Frame Text – then you should be able to give the text a white fill via the Colour Panel, or Swatches Panel, or via various other places.

If it already is filled then you might have used an Erase Blend Mode on it as that would erase the text from the layer it’s part of.

Difficult to know from such limited screenshots where we cannot see more of the structure of the layers in the Layers Panel.

Is it possible for you to share the actual document?

[HydroJLW]

5 minutes ago, GarryP said:

If the text is a text layer – Artistic Text or Frame Text – then you should be able to give the text a white fill via the Colour Panel, or Swatches Panel, or via various other places.

If it already is filled then you might have used an Erase Blend Mode on it as that would erase the text from the layer it’s part of.

Difficult to know from such limited screenshots where we cannot see more of the structure of the layers in the Layers Panel.

Is it possible for you to share the actual document?

Thanks @GarryP - I tried those options but was still running into issues...very strange!

I have attached an example file.

Thank you,

Jack

Example Design.afdesign

[GarryP]

Thanks for the file.

When I export that as an SVG I get what I would expect, the top-two-thirds-or-so is transparent and the bottom-third-or-so is black with white non-transparent text.

Can you give us some screenshots showing your Export Dialog settings?

Exported SVG attached.

Example Design.svg

Edited October 27, 2023 by GarryP
Added document.

[HydroJLW]

2 minutes ago, GarryP said:

Thanks for the file.

When I export that as an SVG I get what I would expect, the top-two-thirds-or-so is transparent and the bottom-third-or-so is black with white non-transparent text.

Can you give us some screenshots showing your Export Dialog settings?

Exported SVG attached.

Example Design.svg 1.34 kB · 0 downloads

Thanks for checking that out! - Hmm, perhaps it is just Vistaprint then. I see the same results as you in Affinity, so is it possible that Vistaprint is doing something specific with the file for the specific product I am looking at? Could it be applying its own erase blend mode or something?

Export settings below.

Thanks,

[HydroJLW]

7 minutes ago, HydroJLW said:

Thanks for checking that out! - Hmm, perhaps it is just Vistaprint then. I see the same results as you in Affinity, so is it possible that Vistaprint is doing something specific with the file for the specific product I am looking at? Could it be applying its own erase blend mode or something?

Export settings below.

Thanks,

I think it is that specific Vistaprint design - if I changed the background colour, the text remained in the same erase blend mode style....I tried in other products and the design behaved as I would have expected. I could change the background colours of the product, whilst the text at the bottom remained white on black.

Sorry, I just couldn't understand what was happening, as it was the only product I had looked at and I didn't think the website would override my own file!

So, I guess the style I wanted in that product isn't possible...

Thank you for your help! @GarryP

[GarryP]

You’re welcome.

Hopefully someone will come along and explain what’s happening.

[Dan C]

Thanks for your file provided @HydroJLW!

I can't see any specific issue with the layer setup to cause this to occur when using Vistaprint - as mentioned above I'm not seeing the same occur when viewing the exported SVG file in Affinity, or other applications.

If this is only occurring when uploading the exported file to Vistaprint, you may want to speak with the Vistaprint support team to understand why / how their software is interpreting this SVG incorrectly.

I hope this helps

[HydroJLW]

20 hours ago, Dan C said:

Thanks for your file provided @HydroJLW!

I can't see any specific issue with the layer setup to cause this to occur when using Vistaprint - as mentioned above I'm not seeing the same occur when viewing the exported SVG file in Affinity, or other applications.

If this is only occurring when uploading the exported file to Vistaprint, you may want to speak with the Vistaprint support team to understand why / how their software is interpreting this SVG incorrectly.

I hope this helps

Hi Dan,

Thank you for getting back to this - Yes, the issue seems to be with Vistaprint and that particular style of card...just sod's law that that was the first style I tried. I tried playing around with their own online designer and the elements I added were treated the same way, so it must just be the set style for that type of card. Glad all ok on the Affinity side of things!

Thanks again,

Jack