Exit
  • Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
  • 한국 커뮤니티
1

Converting grayscale image to transparent not working correctly

Community Beginner ,
Apr 01, 2020 Apr 01, 2020

So I've been creating transparent pngs for years now in Photoshop - in every version since as long as I can remember. Here is how I've always done it:

1. Convert image to grayscale if it isn't already

2. Go to Channels and command-click the Gray layer

3. Invert the selection

4. Make a new layer and fill the selection with 100% black

5. Delete the background layer

So by doing this, I should be left with a layer that has nothing but a grayscale version of the image where all of the white is now completely transparent (I'll call it "grayscale layer"). So if I put a layer under that grayscale layer and fill it with 100% black, the image should look 100% black (since there is no white in the file anymore). If I fill that bottom layer with white, it should look like what I did when I started - 100% grayscale again. But for some reason now this method I've always used (or any other I try) leaves me with an image that looks like it's maybe 80% opacity overall. When I save the png, tho, it looks correct in the Finder preview. In fact, when I open the png or place it in any other program - Illustrator, Preview, Affinity Photo, Safari, etc., it looks correct. The only program where it looks wrong, is in Photoshop, where it was created in the first place. What is really weird is if I put a color, even 100% white, on a layer under the grayscale layer, it looks correct. Attached is a screenshot of the psd file showing white under just the left half of the grayscale layer so you can see what I mean...
TransparencyIssues.jpg
You can see that the opacity of the transparent side on the right looks like it's maybe 80% opacity or so. But it's not. When I sample the deepest part of the black in that area, the file/info pallette shows it as 100% black. Even if it really were 80% opacity, why does it look like it's 100% opacity over the white on the left side? I'm on an iMac using Photoshop CC 21.1.1. But this is also happening in Photoshop 2019 as well. And it's not happening with just this image. I've tried many different images - some even years old - same issue. So I'm baffled. Anyone have any idea as to why this would be happening? This is a crucial component of what I do. So any insight would be greatly appreciated.

4.9K
Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Adobe
Community Expert ,
Apr 01, 2020 Apr 01, 2020

Instead of 

»4. Make a new layer and fill the selection with 100% black«

use Layer > New Fill Layer > Solid Color, then alt-click the Layer Mask ison in the Layers Panel to make it visible and selected and measure in the »white« areas – are they truly 0% K? 

 

Can you probide an oroginal image and the corresponding png? 

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Beginner ,
Apr 01, 2020 Apr 01, 2020

So crazy, but yes...the whites are truly white and blacks are truly black according to the file info. They just don't look it on screen. Below is the original jpg and png I made from it. They will look identical here, because again...anywhere outside of Photoshop it looks fine. But if you open the png in Photoshop, it will look like it's at 80% opacity. At least for me it does.

Paint_Rolls_VOL1_107.jpgPaint_Rolls_VOL1_107.png

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Beginner ,
Apr 01, 2020 Apr 01, 2020

Here is a screenshot of what that same png looks like in Photoshop. You can clearly see the checkerboard pattern through the blacks...Screen Shot 2020-04-01 at 1.50.46 PM.png

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Apr 02, 2020 Apr 02, 2020

Two things: 

• Photoshop does display transparency against nothing (represented by the checkerboard) in its own way. 

• Secondly the originally »black« areas are not actually truly black, therefore not actually truly white in the resulting Layer Mask. 

See the color sampler readings in screenshots where I applied Layer > Layer Mask > From Transparency on your png. 

Screenshot 2020-04-02 at 09.35.29.pngScreenshot 2020-04-02 at 09.35.37.png

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Beginner ,
Apr 02, 2020 Apr 02, 2020

It's a texture. I expect some of the blacks to be a tad bit transparent. But I promise you when I made this image I made certain that darkest points were as dark as they could be. And the lightest points were as light as they can be. That's all anyone can do to get the best possible contrast out of an image. I sampled just like you have done there and found true white and black in that image somewhere. I'm not going to show it here because it really isn't the point. Even if there is no absolute black or white, why does 95% black look like 75% black without white under it? That's the problem. Look at my original screenshot. Whatever the number values are for the black on the left should not be returning what I see on the right just because there is no white underneath it. It makes no sense. If the only answer is that "Photoshop displays transparency in it's own way", then that "way" is garbage now. I'm telling you, I have been making transparencies this way for over 15 years and I've never seen results like this.

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Beginner ,
Apr 02, 2020 Apr 02, 2020

Here is another completey random image I pulled...same thing...I put white under the left half of the transparency and the right side looks like that side of the image is 10 - 15% more tranparent than it should be. This now happens with any image I try to make a transparency from. Why? And why when I export the png that appears to be half lighter on one side than the other does it look exactly like the original as a jpg? I'm baffled.
Screen Shot 2020-04-02 at 9.06.08 AM.png 

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Apr 02, 2020 Apr 02, 2020

CC 2017 is the oldest installed version I can start on this computer and it’s the same there. 

So which older version of Photoshop are you referring to? 

 

And why do you want to preview the image against the Transparency checkerboard anyway? 

 

«If the only answer is that "Photoshop displays transparency in it's own way", then that "way" is garbage now.«

Do the other applications display the png against a checkeboard background or against a solid color background?

 

Anyway, maybe this thread is of interest to you: 

https://feedback.photoshop.com/photoshop_family/topics/photoshop-background-transparency-composite-i...

 

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Beginner ,
Apr 02, 2020 Apr 02, 2020

That article helps a lot actually. Thank you. At least I know I'm building my files correctly and not losing my mind. It's clearly a Photoshop alpha preview problem - "broken" as the article said. Definitely an issue that needs solved.


I don't remember seeing this issue in any version of Photoshop before 2019. But perhaps I had "Desaturate Monitor Colors by 0%" turned on and didn't realize it? Perhaps I hadn't worked with images before where it was so glaringly obvious. I don't know.

I don't really care about seeing the checkerboard. I care that the file is built correctly. And without white under it, the transparency looks wrong. Therefore I thought my files were not built correctly. I sell these images and didn't want my customers to have issues. My brain just can't deal with it 🙂 But looks like I just need to accept that Photoshop displays transparency inaccurately, trust that my files are built correctly and move on.

Thanks for the extra effort in finding that article. It helped a lot.

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Apr 02, 2020 Apr 02, 2020

Well, there are a lot of Bug Reports and Feature Requests over on feedback.photoshop.com, finding a relevant one can be a problem. 

And unless you have already done so you may want to add your vote and a comment (to »bump« the thread back up the list). 

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Beginner ,
Apr 02, 2020 Apr 02, 2020
LATEST

Done and done. Thanks again.

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines