将混合模式与PNG相乘


14

我在Photoshop中有一个图层可以相乘,但是当我保存到网页时它会失去混合模式。

如何以另一种方式保持相乘或达到同样的效果?


2
stackoverflow用于编程问题

我想也许你们可以告诉我这是否可以用代码完成。

1
您需要在保存之前展平图像。这不能通过代码或通过任何其他方式完成。只需保存副本。展平图像。然后保存它。它将完全按照您的想象,以任何格式,PNG,Jpeg,GIF,TIF。没关系。
Django Reinhardt

如果你正在开发iPhone,这可能是有用的:stackoverflow.com/questions/3679399 / ...
Django Reinhardt

Answers:


24

这是你可以做的一件事。

  1. 复制要相乘的图像。(CtrlACtrlC

  2. 制作一个新的“黑色”颜色图层,然后单击“添加遮罩”。

  3. alt- 单击“蒙版”图标,以便进入蒙版编辑模式。

  4. 将“多次”图像粘贴到遮罩(b / w)中,然后将其反转。

  5. 你将有一个黑色图层,你的多重材质被掩盖了。

  6. 您可以调整该图层的不透明度以查找效果最佳的图像。(30〜40%?)

  7. 如果将其保存为透明PNG文件,则表明您已完成。

它与'倍增图像'不完全相同,它会有些暗淡,不够生动,但是当你需要普通的图像或纹理应用于某些东西时,它非常有用。


1
我不确定这是原始问题的问题,但这正是我在回答这个问题时所寻找的内容。
user8783

这个答案正是我所寻找的。非常好的方法!
约瑟夫马里克尔

任何想要创建Highlight和Shadow pngs的人都是这种方法

4

PNG不支持混合模式。你得到的只是alpha透明度。如果你想要与背景混合的东西,首先将它混合在photoshop中,并保存展平的图像。


1

有一个简单的解决方案:

  1. 选择图层
  2. 单击图层选项卡中的fx
  3. 选择“混合选项”
  4. 开始将“此图层”的最右箭头拖到左侧

1

如果我理解正确,你想创建png以将颜色与html背景相乘,在html背景上删除一些阴影。涉及两个世界的混合,这就是为什么你不能将图像世界与HTML世界混合。

png里面的任何东西看起来都很好,并且可以在各层之间进行混合和倍增,然后当你把它放到网上时看起来不行。

一种方法是将它混合到与html背景相同的平面颜色上(我确信这是不可接受的或者是这种情况)或将所有混合层压平在一起。你不能在绿色html背景上混合50%黑色+倍增得到深绿色,但你总是会得到50%灰色的绿色,这是一个暗灰色的绿色。如果在透明背景下,则50%黑色倍率变为普通透明50%黑色,以及任何其他模式下的任何其他混合色。Web浏览器不是支持Photoshop中的图形混合模式的实时环境。


1

如果您在“高级设置”中向下拖动“填充不透明度”栏,它将保持整个透明效果.png


0

如果您有多个图层,请选择所有图层,然后通过单击右键然后“转换为智能对象”将其转换为智能对象。

然后单击右键栅格化图层并选择“栅格化图层”并将其另存为PNG。这必须做到这一点!


0

我只是遇到了同样的问题。对我有用的是在我的图层中“填充”并将其从100%调整到0%然后保存png。希望你搞清楚!


0

首先选择所有具有混合模式的图层,然后右键单击,复制图层(复制图层时在弹出框中选择新文件>现在在新文件中打开并使用png 24保存到web。


-1

以下是我需要做的一些事情来实现这个目的:

  • 首先制作想要使用灰度的图像。
  • 将其粘贴到通道窗口中的蒙版通道中。
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.