如何使效果在 Photoshop 中充当透明度?

平面设计 adobe-photoshop 向量 Photoshop 效果 透明度 形状
2022-02-08 10:06:37

我知道我可以创建一个图层蒙版,但据我所知,这种方法只接受位图蒙版,结果并不完美。我尝试使用这种方法:https ://www.youtube.com/watch?v=xGBNHY5rAxg

我想要实现的是:

第 1 层 - 常规位图(光栅类型)图像(如果它可以是矢量蒙版层会更好,但如果它不能是也可以)。

第 2 层 - 带有描边或外发光的矢量蒙版层(填充 0%)。该层的效果必须淡出(使透明)第 2 层的像素,但不需要“光栅类型”它。

想法示例: 想法示例1

然后,如果我改变背景的颜色...... 想法示例2

我真正想做的是一个PNG图标,我用信封的形状(矢量蒙版层)制作,线条是用笔划制作的。因此,笔划可能会将其下方的图层变为透明。我不想使用位图蒙版,因为我失去了矢量优势(如果不重新执行整个过程,我无法更改大小)并且我失去了质量(因为最终结果不一样。由位图创建的透明度mask 并不完全等同于所使用的图像)。

也许这给出了一些想法: 最终图标

正如你所看到的,这个图标真的很小,我一个像素一个像素地想,这就是为什么我如此关心透明度的完美等效性(在这个图标中,我使用白色笔触来制作信封线。我想要白色当我导出为 .png 时变得透明,但正如我所说,不想使用位图蒙版(创建图层蒙版,光栅输入我的图像,然后将其用作图像本身的蒙版),因为我太在乎了关于质量)。

先感谢您!(到目前为止阅读哈哈)

3个回答

不久前我遇到了同样的问题,也是在绘制一堆小图标时。事实证明,您可以使用“图层样式”面板中的“混合如果...此图层”滑块来做一些非常简洁的事情:

在此处输入图像描述

将右侧滑块一直拖到左侧基本上告诉 Photoshop,“保持我绘制的黑色不透明,并使白色透明”。

重要的部分是当您单击滑块以将其拆分为两个值时按住 Alt/Opt 键。这为所有中间灰色创建了平滑的过渡。

因此,您将图标的形状图层放入一个组中,将这些混合选项应用于该组,然后将其包裹在另一个组中以添加您需要的任何颜色叠加层、阴影等。

我在 Dribbble 上发布了一些示例和更详细的操作方法。

以下是它如何查找您的测试文件(PSD 下载):

在此处输入图像描述

作为 Photoshop,可能有很多方法可以解决这个问题,但我能想到的只有一种方法可以保持完整的矢量编辑和缩放。

面具羽化

这里发生了一些事情。

  1. 正方形只是正方形的形状层。没有什么棘手的。

  2. 模糊圆圈组有一个圆圈作为矢量蒙版。矢量蒙版设置为减法,并且蒙版羽化为 6 像素。

  3. 圆形只是圆形填充部分的形状层。

  4. Icon 组只是用来整理东西。

在此处输入图像描述

可以将颜色叠加层样式应用于图标组以为整个图标着色。

在此处输入图像描述

背景颜色的更改将通过图标显示。

一句警告:整个文档是使用矢量形状构建的(耶!)。它还使用蒙版羽化(耶!)。文档时蒙版羽化不会缩放(嘘!)。但是,有些脚本可以缩放蒙版羽化(耶!)。

如果您想看看我创建的 PSD,可以在这里找到: https ://www.dropbox.com/s/4stmws0piigh1g8/mask-feathering.psd

首先,我将回答有关信封的问题,因为我认为这是您真正想知道的。

你的逻辑有点不对劲。

如果你想保持透明度,即。不要为信封使用白线,您应该创建一个矩形,然后在同一图层上将形状工具更改为“线”,然后将路径操作更改为减去,并从矩形中减去 2 条线。

您可以通过在单击并拖动以绘制形状时按住 Shift 来将多个形状添加到同一图层 - 添加到形状,但在您想要从形状中减去的情况下,请按住 Alt。

编辑 - 另一种实现相同目标的技术:

我认为您使用的是旧版本的 Photoshop,因此请执行以下操作:将信封的黑色矩形分组并将 2(或 4)行添加到新图层。然后将此矢量蒙版拖到组上。这将实现与您想要的相反的效果,因此在组掩码中选择所有行,并将路径操作更改为减去。您实际上可以通过这种方式将所有形状分成新图层 - 通过将每个形状放在嵌套组的蒙版上。

现在为矢量“发光”透明度。

选择圆形图层后,打开“属性”选项板并尝试使用羽化和密度。这就是您可以模糊形状边缘的方法,但是我不确定是否可以在圆的内部保持一条硬线并像阴影/发光一样模糊外部。

希望这可以帮助。