Copy link to clipboard
Copied
Hi all, hoping someone else has ran into this and solved it as Google is not proving fruitful.
In Photoshop, I'm trying to add a transparent gradient to the bottom edge of a graphic so that it "fades" into the background of a web page. I've tried using the gradient tool with a layer mask and even using rectangle marquee tool with the Select > Select and Mask > Feathering tool. The transparent gradient shows perfectly in photoshop, but when exporting or saving as PNG (with transparency selected) there is no transparency in the saved file, whether viewing in windows photo viewer or when uploaded to the website and viewed in chrome.
I've also tried Save for web (legacy)
Help? Please? Thank you!
edit:/ In Photoshop: https://i.imgur.com/U8GUryN.png
Saved file: https://i.imgur.com/FjGH9Kj.png
Copy link to clipboard
Copied
Post your psd. There nothing with transparency in either of the png file you posted. Upload your PSD and post a link to it. One of your png file has a raster image that look like Photoshop rendering transparency using a gray checkerboard to indicate where there is transparency.
Copy link to clipboard
Copied
Yea, your png has is a background layer, which is never transparent. Maybe reset your preferences. I had no problem creating a png with transparency as you described.
Find more inspiration, events, and resources on the new Adobe Community
Explore Now