Jump to content
Ippokratis

Png files exported to Spine are not transparent

Recommended Posts

Hi,

I am creating some images for Spine Esoteric.

Spine accepts png images and after trying many - many combinations in the export settings, I cannot find a way to export transparency.

All transparent parts from the image are replaced with white. I tried png24, png8, checked transparency in the document settings, used different Matte color options, nothing works.

Can you please help me?

Kind regards,

Ippokratis

 

[Edit] A workaround is to save from affinity as exr and use a png converter to create the needed png files, but I would prefer to be able to save png with proper transparency.

 

Share this post


Link to post
Share on other sites

Hi Ippokratis :)

When exporting a PNG, please make sure the Matte option remains unchecked, this will ensure your transparency is retained.

I've exported an image using the PNG24 preset, and the transparency is retained when saved to my Photos library. Unfortunately I don't have Spine to test the image there, however I've included a screen recording showing the image and export below, along with the PNG I've exported for you to test.

PNG Download - https://www.dropbox.com/s/eyir1jg9sys2zaj/IMG_0003.png?dl=0

Share this post


Link to post
Share on other sites

Hi DanC,

 

Thanks for your feedback and for trying to help.

The image you send me cannot be imported in Spine (because its resolution is 6000x4000 with 64bits depth and 122Mb size).

I have tried another image using the settings you are suggesting, when imported into Spine it displays a png where all transparent pixels are white.

In Unity, using these settings the transparency is preserved but there is a white halo around the opaque parts, I can opt to though to use exr or psd or png with black  Matte - export options that display transparency as expected.

In Spine, the only format that supports transparency is png - and pngs from Affinity Photo does not work. It is very nice that Affinity Photo supports the Spine json format (this lets you assemble the spine skeleton using minimal effort) but without proper png export I have a thorn in the workflow (I need to use another program as described above).

If you wish to test it for yourself, the Spine Trial is here http://esotericsoftware.com/spine-download and the workflow to diaplay an image is described in this video, from 0:15 to 2:30.

 

Kind reagards,

Ippokratis

 

Share this post


Link to post
Share on other sites

No problem at all, I've downloaded and installed the trial version of Spine and I unfortunately can't replicate your PNG issues. I've exported 2 pngs from the iPad version of Affinity Photo, and 1 from the desktop, all at varying sizes and DPI. 

Each image has imported successfully with transparency, although it does appear that partial transparency is not compatible, which can cause a 'glow' around the image.

As can be seen below, each of the PNGs are correctly transparent, all exports were done using the PNG24 preset.

image.png

Could you possibly provide your Affinity file, or your PNGs to the following link, so I can test these directly?

https://www.dropbox.com/request/hvuPi9TSlD5j2y3okBQr

Share this post


Link to post
Share on other sites

Hi,

Thanks for helping me.

I followed your steps and I cannot reproduce the issues I was having - everything works as it should.

The most probable explanation is what you have suggested - I messed up with the export settings.

Thanks a lot again !

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

×

Important Information

These are the Terms of Use you will be asked to agree to if you join the forum. | Privacy Policy | Guidelines | We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.