若要在抽象设计中保持精确的矢量边界,同时让模糊效果逐渐淡出,请将模糊应用为智能滤镜,并在其滤镜蒙版上添加渐变。将矢量蒙版单独保留。这套 Mac 桌面工作流程可让你分别控制轮廓、图稿和模糊效果。

下面的示例会创建相互重叠的矩形和椭圆,再将它们限制在清晰的椭圆边界内。左侧细节保持清晰,向右逐渐变模糊。所有尺寸和滤镜数值都只是示例起点。

哪种蒙版能控制你想要的效果?

Photoshop 中的蒙版各有不同用途。矢量蒙版通过路径定义可见区域。图层蒙版通过灰度值控制图稿的可见性。智能滤镜蒙版控制滤镜效果出现的位置。Adobe 在其矢量蒙版、图层蒙版编辑和智能滤镜蒙版指南中分别介绍了这些功能。

目标效果 使用的控制项 改变的内容
精确的椭圆边界 矢量蒙版 可见轮廓
图稿逐渐消失 图层蒙版上的渐变 图稿可见性
细节逐渐变模糊 智能滤镜蒙版上的渐变 滤镜可见性
柔化外部边界 矢量蒙版羽化 边缘柔和度

主要示例会同时使用第一种和第三种控制项。在普通图层蒙版上添加渐变会让图稿逐渐融入背景;Adobe 的渐变混合教程展示了这种效果。它不会让细节变模糊。

使用可编辑的源形状创建原创抽象图稿

选择 File > New 新建文档。练习时,可将画布设为 1600 × 1000 像素、RGB Color、每通道 8 位,并使用白色背景。打开 Window > Layers 和 Window > Properties,以便在练习过程中查看当前选中的对象。

绘制一个大型蓝色矩形、一个较窄且与其交叠的橙色矩形,以及一个与两者重叠的小黄色椭圆。使用 Rectangle Tool 和 Ellipse Tool,并将绘制模式设为 Shape。在选项栏中为每个形状选择 Fill 颜色,并省略描边。每个形状都保留在单独的图层上;如有需要,在绘制下一个形状前先选中背景,避免扩展现有形状。Adobe 在形状、路径和像素模式选项中介绍了可用的绘制模式和填充控件。

让构图范围大于你计划显示的椭圆。椭圆中心两侧都应包含颜色边界,这样便于观察模糊细节。若只有一种均匀颜色,就很难评估内部模糊效果。

在 Layers 面板中选中三个图稿图层,但不要选中白色背景。选择 Layer > Smart Objects > Convert to Smart Object,然后将生成的图层命名为 Abstract artwork。Adobe 说明,此命令可将多个选中的图层组合到一个嵌入式智能对象中。

这是第一个重要的编辑边界:原始形状位于智能对象内部,而接下来的滤镜和蒙版属于其外层图层。若要稍后修改形状,请选择 Layer > Smart Objects > Edit Contents,编辑打开的源文档,然后保存以更新构图。请参阅 Adobe 的编辑智能对象内容说明。

添加模糊效果,并用矢量边界限制其范围

选中智能对象的图稿缩览图。应用滤镜前,选择 Select > Deselect,避免之前的选区限制操作范围。选择 Filter > Blur > Gaussian Blur,将半径设为 18 像素试试看,然后确认。这个半径只是示例,并非必须采用的设置。Adobe 在其滤镜效果参考中介绍了高斯模糊及其可调整性。

检查 Layers 面板,确认滤镜显示在智能对象下方。智能滤镜会保留源像素,并让效果可以单独编辑;Adobe 在应用和管理智能滤镜中介绍了这一结构。

现在添加外部边界:

  1. 选中 Abstract artwork 图层。
  2. 选择 Ellipse Tool,并将绘制模式切换为 Path。
  3. 绘制一个较宽的椭圆,使其穿过重叠的形状,并让图稿延伸到椭圆边界之外。
  4. 选择 Layer > Vector Mask > Current Path。
  5. 选中矢量蒙版缩览图,并将其 Density 保持在 100%,Feather 保持在 0 像素,以获得清晰边界。

Adobe 在使用矢量蒙版蒙版化图层中介绍了基于路径创建蒙版以及这些属性。

现在应看到这样的结构:智能对象所在的图层行上有矢量蒙版;下方 Smart Filters 旁边则有滤镜蒙版缩览图。底层形状延伸到椭圆之外,因此在最终边界限制可见范围前,模糊效果可以从周围图稿中取样。这种安排是对已说明的滤镜和蒙版控件的一种实用应用。

在模糊蒙版上绘制渐变

点击图稿图层下方、Smart Filters 旁边的蒙版缩览图。不要选中矢量蒙版缩览图或普通图层蒙版缩览图。Adobe 指出,应用智能滤镜时会自动创建滤镜蒙版;白色显示效果,黑色隐藏效果,灰色则使效果渐变融合。请参阅蒙版化智能滤镜效果。

选择 Gradient Tool。将前景色设为黑色、背景色设为白色,然后在预设选择器中选择前景色到背景色渐变。Adobe 的图层蒙版渐变教程介绍了这种预设工作流程;在选中的滤镜蒙版上应用此渐变,符合 Adobe 关于在滤镜蒙版上使用绘画和编辑工具的说明。

将渐变类型设为 Linear,并关闭 Reverse。从椭圆宽度约三分之一处水平拖动到约三分之二处。黑色起始端会抑制模糊效果,白色结束端则会显示该效果。Adobe 的渐变填充文档介绍了渐变类型,以及拖动方向和长度如何控制过渡。

添加其他效果前先检查结果。你应该能看到左侧的颜色边界清晰可辨,右侧的边界变得柔和,同时两侧周围的椭圆外缘都保持清晰。

将模糊程度和过渡宽度视为两个独立的决定。如果右侧太模糊,请调整高斯模糊设置。如果变化太突然,请加宽渐变过渡范围。举例来说,约 500 像素宽的过渡比约 150 像素宽的过渡有更多空间实现融合;这两个距离都没有绝对的优劣之分。

这种方法有一个实用上的限制:渐变滤镜蒙版会将滤镜处理后的结果与未处理的结果混合。它不会为不同位置分别指定不同的高斯模糊半径。这一区别源于 Adobe 对滤镜蒙版的说明:它控制的是效果的可见性。

需要让模糊强度随图稿位置变化时

若要让模糊程度随位置逐渐变化,请使用 Field Blur,而不是采用蒙版控制的高斯模糊方法。先移除高斯模糊条目,避免无意中叠加两种处理。选中智能对象后,选择 Filter > Blur Gallery > Field Blur。在左侧放置一个模糊值为 0 的图钉,在右侧再放置一个值更大的图钉,例如 18 像素。调整图钉位置,检查预览,然后确认。

Adobe 说明,使用多个不同数值的图钉可以创建渐变模糊效果,模糊画廊效果也可以作为智能滤镜保留以供编辑。保留现有的外部矢量蒙版;如果希望仅由图钉决定模糊分布,就让滤镜蒙版保持白色。请参阅使用模糊画廊景深效果。

如果你想要的是渐变透明效果呢?

保留矢量边界,但将渐变应用到普通图层蒙版上。选中图稿图层,取消任何活动选区,然后点击 Layers 面板中的图层蒙版图标。如果已存在普通图层蒙版,请选中它,而不要再添加一个。Adobe 在添加图层蒙版中介绍了创建步骤。

在该蒙版上绘制从白到黑的渐变,这样白色端会保留图稿,黑色端则会隐藏图稿。矢量蒙版仍然定义轮廓,灰度蒙版则控制渐变。Adobe 的蒙版编辑指南确认,较暗的蒙版值会增加透明度,但不会改变源图稿。

如果预期的终点效果是透出背景,请使用此变体。如果预期的终点仍然可见但呈模糊状态,请使用智能滤镜蒙版。

保存前检查并排查结果

先检查蒙版目标。Adobe 在编辑和优化现有图层蒙版中说明,缩览图周围的边框会标识当前的编辑目标。

现象 检查项 修正方法
图稿向一侧逐渐消失 普通图层蒙版可能包含该渐变 撤销该更改并选中滤镜蒙版
模糊方向相反 检查滤镜蒙版上黑白两端的位置 选中该蒙版,并在 Properties 中使用 Invert
椭圆边缘看起来模糊 检查矢量蒙版的羽化设置 将 Feather 调回 0 像素
其他滤镜也一起渐变 检查智能滤镜堆栈 该滤镜蒙版控制此智能对象上的所有滤镜

Adobe 在蒙版化智能滤镜效果中介绍了滤镜蒙版的反相功能及其共享蒙版的限制。在 Mac 上,若要直接检查该蒙版,请按住 Option 并点击其缩览图;再次点击即可返回图稿。

保留其余编辑边界。使用 Direct Selection Tool 更改椭圆;避免使用 Layer > Rasterize > Vector Mask,因为这会移除其矢量编辑能力。Adobe 在使用矢量蒙版蒙版化图层中明确说明了这一转换边界。同时也要保留智能对象:根据应用和管理智能滤镜,将其转换为普通图层会移除可编辑的滤镜关系。

选择 File > Save As,将保留图层的主文件保存为 Photoshop 文档。Adobe 的保存指南介绍了 Layers 选项,以及如何使用 Save a Copy 保存单独的输出文件。

完成前,请在保存的主文件中确认三件事:轮廓仍可重新调整形状,模糊效果仍可调整,原始矩形和椭圆仍可在智能对象内访问。这样就能得到一个可重复使用的构图,并可独立修改其边界、细节和过渡效果。

来源