为什么我的透明PNG看起来不好?


23

我想将JPG转换为透明,并使用GIMP,我以使GIF透明的方式添加了alpha层和透明度,将其转换为PNG,但是当我将其加载到模板上时显示不佳:

在此处输入图片说明

原始图片是在此处输入图片说明

当将其制成透明PNG时,为什么看起来不好?制作透明的GIF会更好吗?还是蓝色与黑色不能很好地融合在一起,使用其他一些徽标可能会给我带来更多的运气:

在此处输入图片说明在此处输入图片说明

谢谢


1
最好是弄清楚如何将其转换为透明png。
乔纳斯(Joonas)2012年

感谢您的评论。我以使GIF透明的方式,使用我使用GIMP的信息来更新问题。我还没有尝试将其设为gif,但这将是我的替代步骤,以查看效果是否更好。
尼古拉斯

2
我现在可以告诉您.gif不会更好地工作。.png图像当前的质量不是.png可以做到的。但是,.gif可以做到最好。因此,您的操作方式一定会在徽标周围留下白色斑点。(这可能会帮助您journalxtra.com/easyguides/…)–乔纳斯
Joonas

GIMP 2.8.10的其他怪异观察:*通过“图层”->“透明度”->“颜色转换为alpha”添加透明度时,无论选择如何,都将进行减法*当您首次执行“图层”->“透明度”时- >“添加Alpha通道”,那么“将颜色设置为Alpha”将仅在选择时起作用。
2015年

Answers:


31

以我的经验,在GIMP中为图像添加平滑透明度的主要技巧是使用“ 图层”→“透明度”→“颜色到Alpha ...”工具。当然,您必须知道如何更好地使用它-它本身所做的就是使您的图像看起来既有趣又半透明。

如果我拍下您上面发布的图像,然后在其上运行“将颜色转换为Alpha ”(当然,选择白色作为透明颜色),我得到的是:

        颜色转换为Alpha后的徽标

如您所见,此图像在浅色背景上看起来不错。不幸的是,将其放在深色背景上会使灰色元素完全消失,而蓝色部分看起来也不太好:

        颜色到黑色背景上的Alpha后的徽标

问题在于“将颜色转换为Alpha”工具执行了应做的工作:将原始图像中的所有白色转换为透明度。这意味着灰线变为半透明的线,而浅蓝色变为半透明的深蓝。

但是,我们真正想要的是,文本和徽标的其他元素的基本颜色应保持不透明,并且只有边缘周围的抗锯齿像素才应变为半透明。要解决此问题,我们需要在颜色中添加一些白色。对于这样的图像,其中不透明区域主要由单色组成的一种方法是:

  1. 复制图层。

  2. 在较低的层上,通过执行“ 图层”→“蒙版”→“添加图层蒙版...”,然后选择“传输图层的Alpha通道” ,将透明度转换为蒙版 。

  3. 将透明度转移到蒙版之后,使下层完全变为白色(例如,在“填充全部选择”模式下使用“桶填充”工具)。

  4. 现在,您已经为图像的所有颜色添加白色,但是字母和数字的内部仍然不是完全不透明。为了使它们如此,我们需要对下层的蒙版进行标准化-但是,由于图像的不同部分具有不同的颜色和亮度,因此我们需要对每个部分分别进行处理。

    为此,请在“层”对话框中单击较低层的遮罩以对其进行编辑,然后使用“矩形选择”工具在图像中选择图像的每个不同部分(“ B”,“ NANO”及其上方的图形)旋转,然后在每个选择上运行颜色→自动→标准化

完成所有步骤(并可选地合并图层)之后,结果应如下所示:

        将白色恢复为不透明部分后的徽标

如果将其与上面的第一张图片进行比较,几乎没有区别。但是看看将其放在黑色背景上会发生什么:

        将白色还原为不透明部分后,黑色背景的徽标

现在,颜色看起来不透明,但是背景仍然是透明的,并且边缘是光滑的。

毫无疑问,您还可以在字母周围看到一些灰色条纹,尤其是“ B”。我怀疑这主要是因为原始的JPEG图像已经由于有损压缩而在这些区域中遭受了色度损失,在白色背景上并没有那么明显。有两种方法(我知道)可以解决此问题:您可以手动调整白色层上的蒙版颜色级别以减少边缘,或者可以尝试从原始图像中的字母中采样纯色,然后将下层的白色替换为纯色(矩形选择,桶填充)。或者,您甚至可以尝试两者。

但是,所有一切实际上都是您只能在没有其他选择的情况下尝试的方法。一个更好的解决方案是,试图找到原来的载体(AI,SVG,EPS,PDF等),从这些标识是肯定渲染的文件-他们应该有充分的透明度信息,是免费的压缩失真,并且是可扩展的太!只有在真的不可能获得原始图像的情况下,您才应该考虑使用这些低分辨率的JPEG文件。

另外,即使最终使用位图,也可以通过重绘一些元素(尤其是文本,看起来像是Copperplate)来获得更清晰的结果。


2

这里的问题是图像的边缘有“淡入白色”,而您尚未删除它。使用灰色可以实现褪色或抗锯齿,而灰色对于深色则具有高对比度。

我不使用GIMP,但是简单地说,最简单的方法是在层堆栈的底部制作一个新层,并用明显,高对比度的颜色填充它,并且通常不在图像中。我经常使用RGB(255,0,0)。这将立即为您突出显示您需要删除或调整的所有区域,以使图像在任何背景下均可工作。您需要删除(而不是白色)上层区域,以便您可以看到底层显示的红色。完成后,请在导出PNG之前删除或隐藏对比度层。该对比层特别有用,因为您可以看到最终结果,而无需将其导出进行测试。

您要结束的实际上是一个单层,其中所有透明部分都被删除了(不是白色,而是透明的)。由于它是非破坏性的,所以我通常使用图层蒙版来做到这一点,但是可以做任何需要做的事情。

但是,我确实认为,如果重构元素而不是仅导入JPEG,将会有更好的结果。另外,其中的线条确实很细很浅,在黑色的地方它们可能会掉线。

在某些情况下,最好将徽标设想为图章或贴纸,将内部位留为白色,并在外部边缘周围绘制5px的白线。

By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.