PNG/GIF won't save transparancy

Question

I'm in Photoshop CC in Windows 7.

1. Create a new file with two layers, one is a solid color, above it I have a text layer.

2. Make the opacity of the solid layer 50%. Screen shows what I want correctly.

3. Save for web: PNG 24, Save Transparency button is selected. (Matte field looks white, but I can't select it).

At this point the image looks correct. I see a checkerboard pattern indicating that transparency is on.

4. Save file and view it. It has a solid background.

I've done this in the past and this is all I recall doing to get a transparent background on a PNG. Did something change?

Thanks!

P.S. Same deal on GIFs, which I have also made this way in the past. Everything looks great until I view the saved image.

melissapiccone · Accepted Answer

I created a new document for print - no artboards and it worked the way it's supposed to. I don't know why it's different with an artboard - it shouldn't be. You have to generate your images from an artboard.

Put the parts into a group. Rename the group - I named mine test.png. Add the extension .png to the name. Under the file menu - generate - make sure image assets is checked. You'll find a new folder where your document is stored called assets. If you haven't saved your document it will be on the desktop.

melissapiccone · Answer

How are you viewing the saved image? You need to place it over something other than white to see the transparency. If you view it in a browser, it won't look transparent. Create a new image in Photoshop. Add some colored squares - drop in your image into a new layer and you should see it is transparent. The checkerboard background is only in Photoshop and just a way to show you it's transparent.

Sign up

To post, reply, or follow discussions, please sign in with your Adobe ID.

Sign in to Adobe Community

To post, reply, or follow discussions, please sign in with your Adobe ID.

Scanning file for viruses.

This file cannot be downloaded