如何在透明背景上以部分透明度保存 Photoshop 文件?

平面设计 adobe-photoshop PNG
2022-02-22 11:17:55

我的程序中有一张图像,我想将其叠加在背景上。但是,图像会四处移动,我需要在前图像移动时背景图像保持原位。此外,前面的图像有一个我在 Photoshop 中创建的阴影。

为了让前面的图像可以移动,有一个阴影,并使背景图像保持在原地,我将前面的图像的背景设置为透明。

我现在正在“为网络保存”到 PNG-24。但是,Photoshop 不断将透明像素变为白色或黑色 - 没有真正的 Alpha 透明度。我该怎么办?

这是图像本身:

在此处输入图像描述

这是在我的程序本身中叠加在背景上的图像:(要注意的关键是,在图像的右上角,阴影变成了白色,覆盖并模糊了背景纹理。)

在此处输入图像描述

解决此问题的最佳方法是什么?当一切都说完了,我希望它看起来像这样:

在此处输入图像描述

2个回答

在 Photoshop 中,确保您已关闭背景图层,然后按 Ctrl+Shift+Alt+S,然后会出现一个框“Save for Web and Devices”。

从右侧的下拉列表中选择“PNG 24”并确保单击透明度复选框,点击保存,选择您的目的地,然后将其加载到您的站点中。

PNG 支持完全透明和 alpha 蒙版,因此它看起来完全符合您的喜好,并且可以毫无问题地移动 :)

您发布的图像已经具有透明背景。保存时(保存为 Web 和设备)我认为您没有选择透明度。此外,您的图像似乎已保存为索引图像。