Vectors:您如何处理重叠边缘上的背景“溢出”?

平面设计 adobe-illustrator 标识 向量 工作流程
2022-02-24 02:31:23

当用另一种矢量形状覆盖一个矢量形状时;如果边缘重叠,则背景形状的颜色用作前景形状边缘的(令人讨厌的)伪抗锯齿效果,而不是使前景形状的颜色与两个形状之外的颜色混合。(哇,我不确定我描述这个是否有意义。)

我可以应付在 Illustrator 中发生的这种情况,但为什么在任何导出的矢量格式中也必须发生这种情况呢?例如,在以 .EPS 格式渲染徽标时,您如何处理这种烦人的现象?有没有什么办法可以绕过它而不必手动偏移(陷阱?)背景对象的边缘,以免得到这种不希望的效果?

在 Illustratos 中选择“另存为 Web”似乎总能呈现完美的结果。但不知何故(也许有人可以解释技术原因)矢量格式不会认为后面的对象完全被最前面的对象覆盖(即忽略较低对象的边缘),而是坚持将其颜色“溢出”到最前面物体的边缘。

总结一下:

在处理这个问题时,我主要是在寻找建议/方法,特别是在标识制作的背景下,除了普通的位图格式之外,通常会以 .EPS 格式请求可交付成果。

编辑:我觉得有趣的一件事是,当执行“Save for Web”并在 Art Optimized 和 Type Optimized 之间切换时,后者也会出现这种不受欢迎的现象。


在此处输入图像描述


在此处输入图像描述


在此处输入图像描述

3个回答

这并不是真正的 Illustrator 问题,而是矢量艺术被光栅化时的普遍问题。在基于像素的屏幕上显示矢量图涉及光栅化,就像将矢量图导出为基于像素的图像格式一样。

为什么“Save for Web”在这方面做得更好?很难说,但它可能需要相对较慢、复杂的计算才能获得最佳结果,如果在编辑时实时应用,这将是令人无法接受的缓慢。

如果您想进一步研究,我想有关于这方面的学术论文。

在提供矢量标志时,最好的做法是消除问题发生的可能性。

在您的示例中,您可以将前景对象向上和向左轻推,或者从背景对象中减去前景对象的副本,并确保背景对象的痕迹不会留在左上方。

我在 AI CS5.1 中复制了您的场景进行了一些测试,缩小时在我的大型喇叭影院显示器上(几乎不)可见边缘效果,但在放大时不可见。我的辅助显示器的音调比 Big 粗伙计,在那里更明显。这往往证实了我怀疑的问题,并且或多或少是 e100 指出的:这是应用程序在您的显示器相对较粗的分辨率下的抗锯齿伪影。这有点像有时会出现在 PDF 中并导致客户疯狂地给设计师打电话的细细线条。

出于显而易见的原因,这种效果主要在弯曲和对角边缘上可见,在落在像素边界上的垂直和水平边缘上不存在,并且当边缘落在像素之间时会有所影响,从而强制抗锯齿。

您可以通过在“新建文件”对话框的“高级”部分中选中“将新对象与像素网格对齐”来缓解该问题,但是当我在该部分中关闭“抗锯齿图稿”时,我发现效果完全消失了Preferences > General您最终会得到“锯齿状”,但不会出现假色伪影。

它没有在 SfW 中显示,因为它实际上并不存在。如果放大,它也不存在于 PDF中PDF“知道”背后有一个形状,并尝试以屏幕分辨率对其进行抗锯齿处理,因此它以较小的图像尺寸显示并在您缩放时消失。如果您将导出对话框中的“文本优化(提示)”更改为“艺术优化”,它也不会在导出到 jpeg 时显示。

SVG 受浏览器渲染引擎的支配。根据我的测试,它们(IE9、Chrome、FF、Opera 和 Safari)都不能胜任这项任务。同样,EPS 根据应用程序进行渲染,但会毫无问题地打印或导出为光栅格式。

我建议尝试几件事:

  • 将顶部对象轻推到足以覆盖那条额外的线
  • 为顶部对象添加与填充颜色相同的边框。

使用 Illustrator 与创建形状本身一样,是在创建形状的错觉,这需要一些策略才能正常工作。

Illustrator为什么这样做是无法回答的。