将图像转换为蒙版

我有一幅绿色背景图片，上面有一些阴影。我想将其用作遮罩，以便可以将其放置在具有任何颜色（例如红色或粉红色）的背景上，并获得相同样式的阴影。

我尝试将其转换为灰度并将不透明度更改为20％，但这会导致图像更暗。

我在管理员可以设置模板颜色的网页上使用它。然后我在CSS中使用了类似的方法：

background: #557d0d url("img/background.png") center center;

在Ubuntu上使用Gimp 2.8.6。

您可以使用来使图像饱和Colors > Desaturate...。接下来，使用Colors > Color to Alpha...消除使它变暗的灰色（#808080）。

将不透明度设置为40％，应该可以。

我刚刚对自己创建的网站进行了一次小测试：

您不能仅使用纯色背景上的蒙版灰度层来精确复制图像，因为绿色的色相也会沿垂直渐变变化。

只需使用吸管工具从图像中间选择一种中等的绿色色调，使其饱和度和值最大化，然后使用“ 图层”→“透明性”→“颜色转换为Alpha ...”工具将该颜色变为透明，即可达到非常接近的效果。但是，这会使您的图层的顶部和底部出现偏色，而您可能不希望这样。

更好的解决方案可能是将图像分解为色相，饱和度和值（HSV），丢弃色相通道，并将饱和度和值通道重建为可放置在任何纯饱和色之上的灰度蒙版，以复制饱和度和具有新色相的原始图像的值。

一种方法是：

1. 使用颜色→组件→分解...工具，使用HSV模式将图像分解为图层。

2. 删除色相层。我们不会使用它。

3. 选择饱和度图层，打开“ 图层”→“蒙版”→“添加图层蒙版...”对话框，选择“图层的灰度副本”模式，然后选中“反转蒙版”复选框。

4. 对值图层也重复步骤3。

5. 使用存储桶填充工具（在“填充整个选择”模式下），用全黑填充值层（而不是其蒙版！），并用全白填充饱和度层。

6. 将值层移动到堆栈中的饱和层上方。

7. （可选）将图层与“ 图像”→“合并可见图层...”或“ 图层”→“向下合并” 合并在一起。

生成的半透明灰度图像应如下所示：

^{点击下载/查看完整尺寸。}

诀窍在于，执行第3至5步后：

• “饱和度”层将是纯白色，原始颜色的饱和度为0％，透明层为100％的饱和度，并且
• “值”层将是纯黑色（原始颜色的值为0％）和透明（颜色为100％）。

将这两层（或它们的合并组合）放置在纯饱和色背景上，然后重复将HSV颜色转换为RGB的过程：从正确色相的纯饱和色开始，混合足够的白色以获得所需的色度饱和度，然后混合足够的黑色以获得所需的值。

这是在各种彩色背景上生成的图像的外观：

^{颜色：绿色（#83ff00），蓝色（#00aeff），橙色（#ffa200），红色（#ff002a）。}

在The Gimp中，您可以将颜色设置为alpha来完成与photoshop答案基本相同的操作。我建议仍然去饱和，然后将白色设置为alpha，以防其中有多种颜色。看起来有些蓝色/黄色变化。关键步骤是：

1. 使图像去饱和，以便获得灰度图像
2. 将白色（您可以在颜色选择器中为白色输入#FFFFFF）设置为alpha
3. 另存为png，以保持透明度

• 打开频道面板。

• 确定哪个频道可为您提供所需的对比度。

方法1：

• 选择Image > Calculations并选择您用作来源1的通道，将与“来源2”相同的通道或“灰色”与“混合”模式用作“正常”。选择“新文档”作为目的地。

• 将新文档的模式更改为RGB或灰度并另存为png或jpeg。

方法2：

• Ctl / Cmd单击所选通道的缩略图。

• Edit > Copy 或Ctl / Cmd-C

• File > New，接受尺寸Edit > Paste或Ctl / Cmd-V

• 删除背景层。

• Image > Mode > RGB

• 另存为具有透明度的24位png。

您可以根据需要将生成的图像中的任何一个用作叠加图像或Alpha通道。

双击“图层”，将出现一个“图层样式”框，在左侧找到并选择“渐变叠加”，并根据需要更改渐变的颜色，然后单击“确定”，然后在“渐变叠加”框中，将样式更改为线性，并根据需要更改角度和比例您的需要。