如何在Illustrator中将栅格图片的每个像素转换为方形对象?


26

例如我有10×10px图标。我想产生100个正方形,每个正方形对应的颜色和位置。实际上,问题是如何从光栅图像中精确地进行像素镶嵌。

我尝试使用Live Trace,但它给正方形添加了一些失真。

Answers:


37

这实际上很容易。拍摄选定的复制或放置(未链接)的栅格图像,然后:

  • Object > Create Object Mosaic
    • 或者,在旧版的Illustrator中, Filter > Create > Mosaic
  • 在“瓷砖数”下输入像素图像的确切宽度和高度。
  • 而已!

您的矢量像素正方形将被分为两组,因此请取消分组两次或双击进入隔离模式两次以得到各个正方形(如果您的比例关闭则为矩形...)。


两个例子:

从这个问题借用Yahoo表情符号的简单示例:

在此处输入图片说明

北极熊的详细示例:

http://garmahis.com/tutorials/how-to-create-mosaic-in-illustrator/


我也一直在寻找解决方案,非常感谢!到目前为止,我只发现“只使用Flash”。
KMSTR 2012年

我对此一无所知,我曾经手动跟踪图像(花了几个小时才能正确处理):S
WELZ

3

在不进行转换的情况下,这是一种重新创建的快速方法。我认为任何跟踪都不会产生足够的结果。


在整个图像上绘制一个矩形。

选择“对象”>“路径”>“拆分为网格” ...

拆分为网格

抓住“动态颜料桶”工具(在Illustrator CS6中的“形状生成器”工具下)

活油漆桶

开始单击部分以填充...。

填充

(编辑说明:此答复已移至问题,并从原始问题中删除。它在此处更合适。)


不错的方法。我仍在使用CS3,即将升级。
yakunins

1
@utype在CS3中也适用。唯一的区别是“动态油漆桶”工具的位置。
Scott

感谢Scott帮助解决了我使用矩形网格工具时遇到的另一个问题,即在处理许多行和列时,它们无法制作均匀间隔的线条。捕捉到网格就可以了。

2

如果您有使用Photoshop的权限,则有一种相当简单的方法:

  • 使用图片尺寸将图片缩小到所需的“分辨率”(例如30x30);
  • 使用“最近邻居”上的“重新采样图像”设置再次将其重新放大(例如600x600);
  • 将结果复制到Illustrator;
  • 现场痕迹;

如果为跟踪使用足够的颜色,则应产生正方形。


-1

该工具应提供您所需要的内容:http : //florian-berger.de/en/software/pixel2svg/


2
嗨,用户29824,您能否解释一下我们在您提供的链接后面能找到的内容以及它为什么回答这个问题?这样,如果以后链接断开,您的答案仍然很有价值。链接腐烂是我们真的不喜欢仅链接的答案的主要原因。感谢您的努力,并继续努力!
文森特
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.