Once masked, Exported black PNG have added transparency to shapes

[Lisu34]

black rectangle test.afdesign

Designer v:1.9.2.1035
Windows Windows 10 Pro v:21H1 B:19043.1110
This bug is easily reproduceable. 

Test 1: Adding black rectangle to document (240px) exporting to PNG
viewing PNG file on Photoshop. the rectangle is completely black. NO ISSUES. 

Test 2: Adding black rectangle. duplicate, subtract a shape from it. 
another rectangle, masking a part of it. export to PNG
Viewing on Photoshop: All rectangles have transparency. maybe about 95% transparency

[Pšenda]

There is no problem for me - everything is completely black.
Only because of the non-pixel position are the edges of the shapes not completely black.
P.S. For information - this is not masking, but "clipping".

[Lisu34]

Nope. Open the PNG file I attached in the original post in PS, enlarge it. and you will see what i have now screenshot and added here below. 

[Komatös]

Deactivate in Photoshop under View --> Show --> Pixel Grid

[Lisu34]

Thank you for trying to help. 
the issue is not the pixel grid. 
here in the attached image you can see.  it more clearly. 
the black graphics which was exported from AD (with full 100% black and no transparency) once exported to PNG. and brought to Photoshop, it has become transparent. 
I have put a red rectangle one layer beneath it so you would see it clearly. 

again, If i create a normal black rectangle in AD, export to png and import to PS it will be total black. 
but once a manipulation was made to the black rectangle. upon export to png and import to PS it will have transparency. and not only on the manipulated rectangle. 
all black rectangle (the one manipulated and one that was just a simple black rectangle) all of them becomes a bit transparent. 

[Lisu34]

Made some more tests, it seems like only happen when exporting in 16b and it was bicubic 

Edit: 
Indeed the issue happen when exporting in 16b. 

when exporting in 8b the rectangle will be total black. in 16b it will have transparency. 

Edit 2: 
Upon more testing, no manipulation is needed to see the issue. 
once you create one black rectangle and save in 16b it has transparency when exported to PNG. can be view in PS. 

Edited July 27, 2021 by Lisu34
added info

[Pšenda]

1 hour ago, Lisu34 said:

a bit transparent

Do you mean this transparency?

 

5 hours ago, Pšenda said:

Only because of the non-pixel position are the edges of the shapes not completely black.

Just place the squares/shapes exactly on the whole pixels, as well as the first (completely black) square.

 

[Lisu34]

Am I the only one who see that ?

[Pšenda]

Just now, Lisu34 said:

Am I the only one who see that ?

Yes.

[Lisu34]

2 minutes ago, Pšenda said:

Yes.

cannot be. the place i just marked with red on that screenshot, that part you can see white/black transparency background of PS. (the checkmarks)
maybe your screen is too dark, maybe you can look from a higher angel at your screen to see it brighter. you will see it. 

Edited July 27, 2021 by Lisu34

[Lisu34]

Have a look. 
On the left, a totally black rectangle saved at 8b PNG 
on the right a totally black rectangle saved at 16b PNG  

zoomed in all the way in PS to show you as best as I could. 
can you see now that any difference between the two? 

[Lisu34]

Here, enlarged it some more for you. 
someone must be able to see the 16b one has transparency in it. you can see the gray and white transparency checkerboard that indicates transparent areas in Photoshop on the right part. 

[Lisu34]

Maybe something in my AD color profile is off ?

[Komatös]

I also don't see transparent areas anywhere in the sample images.

Maybe you should reset Photoshop.

[Pšenda]

5 hours ago, Lisu34 said:

you can see the gray and white transparency checkerboard

Yes, the chessboard is visible, but one has to look for it, otherwise it is completely invisible. This is also the reason why it is not at 8-bit depth, because the difference between the colors is minimal, so it disappears completely at a lower bit depth.

P.S. I can see the chessboard, but I'm not able to replicate it. If you load png into ADesigner/APhoto, do you have transparency there as well?

Edited July 27, 2021 by Pšenda

[Lisu34]

I have just checked the post on my phone, and it is indeed very hard to see the chessboard on mobile if any. 
but seeing it on a computer screen it is very obvious and jumps to the eyes. 

On Affinity Photo it is totally black, no transparency. 
The thing is, I need to provide an image in 16b for a UI and need to make sure if its really transparent or not lol. this is a strange one. 
once i open in PS, the chessboard is all over the place. 

it happens no matter the dimensions set. simply put, in AD open new document, add black rectangle on transparent background, export to PNG 16b open on PS. 
and it has transparency.  and just verified it happens on exported PNG from Affinity Photo as well. 
as long as the exported is 16b, the phenomenon happens. 
 

[Pšenda]

7 hours ago, Lisu34 said:

On Affinity Photo it is totally black, no transparency. 

Yes, in APh isn't problem.

 

ICC profile for monitor in OS is correct?

[Sean P]

Hi Lisu34,

I don't believe there is any issue here. 

I've attached a video inspecting both your attached PNG and one I've exported myself from Designer using in Photoshop. You will see that on each Rectangle the black is consistently RGB 0,0,0 and the Opacity is consistently at 100% in the areas yours is showing the transparency.

This to me indicates there is nothing wrong with the export and the issues you're seeing is due to your machine configuration. 

[telemax]

It seems to be a similar problem:

 

 

 

[Sean P]

17 minutes ago, telemax said:

It seems to be a similar problem:

 

That thread is different. The issue the person in that thread is having is that the TIFF they're opening has a Alpha Channel with varying layers of transparency. When opened it gets applied to the whole document so no matter where they paint, it will always be affected by the colours in the alpha. If they fill the 'Alpha' channel with solid white, it will make the semi-opaque elements go away. Probably also worth noting that when the TIFF is opened in Photoshop the Alpha is applied to the RGB channels and then discarded which is probably why its confusing some users.

This thread is relating to a user seeing the transparency checkerboard in Photoshop on an exported PNG.

As my video shows the supplied PNG from the OP is showing as solid black with 100% Opacity throughout.

[Pšenda]

5 hours ago, Sean P said:

You will see that on each Rectangle the black is consistently RGB 0,0,0 and the Opacity is consistently at 100% in the areas yours is showing the transparency.

The document is 16-bit, but the Info values are only 8-bit.

As OP wrote, export to 8 bits is fine, and transparency is visible for up to 16 bits. So can't the bit value of the Info panel be switched somehow?

Edit: You meant this:

 

Edited July 28, 2021 by Pšenda

[Lisu34]

thank you Sean P, 

indeed when tested with the info it shows opacity at 100%. 
really is strange but as long as its real black i'm ok with that. 

What I managed to do in PS, was changing to 8bit, and return to 16bit, only then, the black showed as full opacity black. 
 

[Lisu34]

Just thought to show you mine so you wont find me crazy  
But.. who knows, maybe it's just a PS glitch. 
 

[Pšenda]

22 minutes ago, Lisu34 said:

Just thought to show you mine so you wont find me crazy

Realize that others only see black - no one sees what you see. Try taking a picture of your monitor.

[Lisu34]

9 minutes ago, Pšenda said:

Realize that others only see black - no one sees what you see. Try taking a picture of your monitor.

I guess you wont see it if viewed on mobile. or are you using a computer monitor ?