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

Trouble exporting correct opacity in Photoshop to png

New Here ,
Jan 02, 2022 Jan 02, 2022

Copy link to clipboard

Copied

I am working in Photoshop 2022 and have a simple 3 layer desing with black, white and gray blocks. The black blocks are at 100% opacity, the gray at 20% and the white at 10%.  There is also some areas with no blocks showing the translucent background.  Everything is fine until I go to export and around the gray and white blocks there is a darker border. My goal is to get the exported png to look like the design in PS. What can I do to acheive this?

 

Please see pictures for an example.

 

Thanks

 

solid borders.pngPSSS.png

TOPICS
Windows

Views

382

Translate

Translate

Report

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 ,
Jan 02, 2022 Jan 02, 2022

Copy link to clipboard

Copied

Can you please provide some specific details on what method you are using to export? A screen shot including relevant options would be very helpful.

Votes

Translate

Translate

Report

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 ,
Jan 02, 2022 Jan 02, 2022

Copy link to clipboard

Copied

Also, can you open exported file back in Photoshop to preview whether everything is ok or exported file is wrong? 

Votes

Translate

Translate

Report

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
New Here ,
Jan 02, 2022 Jan 02, 2022

Copy link to clipboard

Copied

Thank you for the replies. I have attached a screenshot of the export process. Also, if I open the exported png in PS it still looks correct. It is when I open it in other programs that it shows the variation. Thanks

export.png

Votes

Translate

Translate

Report

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 ,
Jan 02, 2022 Jan 02, 2022

Copy link to clipboard

Copied

Which application produces the problematic display. 

 

What is the original image’s Color Space and bit depth? 

Could you post the png? 

Votes

Translate

Translate

Report

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
New Here ,
Jan 02, 2022 Jan 02, 2022

Copy link to clipboard

Copied

originalexport.png

Votes

Translate

Translate

Report

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 ,
Jan 03, 2022 Jan 03, 2022

Copy link to clipboard

Copied

LATEST

Which application produces the problematic display? 

Votes

Translate

Translate

Report

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
New Here ,
Jan 02, 2022 Jan 02, 2022

Copy link to clipboard

Copied

 

Votes

Translate

Translate

Report

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