转换为SVG时,图像看起来浮雕


35

我使用Image Trace然后使用Expand选项在Illustrator CS6中将光栅图像转换为矢量,但是当我另存为svg时,图像看起来像是浮雕的。我怀疑这是由于图层背景为白色且路径未对齐,但我不确定如何解决它或证明该理论而无需手动调整每条路径。

这是我在Illustrator中导出之前的样子:

在此处输入图片说明

使用艺术优化选项保存/导出图像时,图像如下所示:

在此处输入图片说明


从光栅图像到SVG的过程是什么?我假设您使用图像跟踪。您可以在扩展或导出之前发布栅格图像和图像轨迹的屏幕截图吗?

@CaiMorris我编辑了我的问题,包括它在Illustrator中的外观的屏幕快照以及有关Image Trace的注释。
CreativeMind

如果仍然有这些图像,可以重新上传吗?您用来托管它们的网站已关闭。
MD XF

1
注意:@WELZ添加了新图片。
joojaa

Answers:


43

如果您想了解不同的矢量引擎如何反应,则将它们称为合并工件,请参见此处。如果您想了解进行讨论的技术原因,请参见此处。基本上发生合并是因为我们将覆盖率转换为不透明性,但这是行不通的。如果您跳过基于覆盖率的抗锯齿,那么您将不会有任何合并问题*,因为同样的原因,超级采样也没有问题。

为避免此问题,应始终使后面的对象与上面的对象重叠。可以将其想象为手动将纸屑彼此层叠在一起。如果用剪刀切出的形状与另一个形状的孔完全匹配,则很可能会出现间隙,并且很难对齐它们。在计算机上,由于错误的假设,完美的共享边缘是一个坏主意。

最好不要切割下面的形状

图片1:不要切割或共享以下形状的边缘。

在过程的开始应考虑这种重叠技术。这意味着如果您要进行网络发布,则不应在路径查找器中使用分割修剪或合并。此案在讨论这个答案,那就是近重复。

在您的特定情况下,快速解决方案是在每条路径上施加一点偏移。因此,选择全部并选择“ 效果”→“路径”→“偏移路径...”,然后输入一个较小的值。另外,您可以安排颜色,以便最暗的颜色在前面。

*因此,打印机不会有问题。实际上,切割对于印版工艺很重要。


4
@joojaa看起来问题确实与工件有关,谢谢您的学习。我确实尝试了“ 偏移路径”选项,但最终打开了原始文件,并再次尝试了“ 图像跟踪”,并在“ 图像跟踪”下找到了一个高级设置选项,称为“ 方法”,该选项将路径从切口更改为堆叠。
CreativeMind

2
一个不错的副作用(IMHO)是左侧图像的点较少,因此生成的SVG会更小。:)
Andrea Lazzarotto
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.