Как преобразовать каждый пиксель растрового изображения в квадратные объекты в Illustrator?

якунины

Как преобразовать каждый пиксель растрового изображения в квадратные объекты в Illustrator?

Например, у меня есть значок 10×10px. Я хочу создать 100 квадратов с соответствующим цветом и расположением. Собственно, вопрос в том, как сделать точную пиксельную мозаику из растрового изображения.

Я пробовал Live Trace, но он добавлял квадратам некоторые искажения.

пользователь56reinstatemonica8

Это на самом деле очень легко. Возьмите выбранное скопированное или размещенное (несвязанное) растровое изображение, затем:

  • Object > Create Object Mosaic
    • Или, в более старых версиях Illustrator, это былоFilter > Create > Mosaic
  • Введите точную ширину и высоту изображения в пикселях в разделе «Количество плиток».
  • Вот и все!

Ваши векторные пиксельные квадраты будут объединены в две группы, поэтому дважды разгруппируйте или дважды щелкните в режиме изоляции, чтобы перейти к отдельным квадратам (или прямоугольникам, если соотношение отключено...).


Два примера:

Краткий пример использования смайлика Yahoo, заимствованного из этого вопроса :

введите описание изображения здесь

Подробный пример с белыми медведями:

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

КМСТР

Я тоже искал решение этой проблемы, большое спасибо! Пока я нашел только «просто используйте Flash».

Вельц

Я понятия не имел об этом, я однажды вручную отследил изображение (потратил несколько часов, чтобы сделать это правильно): S

Скотт

Не конвертируя, вот быстрый способ воссоздать. Я не верю, что любая трассировка даст адекватные результаты.


Нарисуйте прямоугольник размером со все изображение.

Выберите «Объект» > «Путь» > «Разделить на сетку»...

Разделить на сетку

Возьмите инструмент Live Paint Bucket Tool (под инструментом Shape Builder в Illustrator CS6).

Ведро с живой краской

Начните нажимать разделы для заполнения....

Заполнение

(примечание по редактированию: этот ответ был перемещен в вопрос и удален из исходного вопроса. Он просто лучше подходит здесь.)

якунины

Хороший метод. Я все еще на CS3, скоро обновлюсь.

Скотт

@utype это работает и в CS3. Единственная разница заключается в расположении инструмента Live Paint Bucket Tool.

пользователь20272

Спасибо, Скотт, который помог решить еще одну проблему, с которой я столкнулся, когда инструмент прямоугольной сетки не создавал линии с равномерным интервалом при работе с большим количеством строк и столбцов. Привязка к сетке сделала свое дело.

Винсент

Если у вас есть доступ к Photoshop, есть довольно простой способ:

  • уменьшите изображение до желаемого «разрешения» (скажем, 30x30) с размером изображения;
  • снова увеличьте его (скажем, до 600x600) с настройкой «передискретизировать изображение» на «ближайший сосед»;
  • скопируйте результат в Illustrator;
  • LiveTrace;

Если вы используете достаточное количество цветов для трассировки, это должно дать квадраты.

пользователь29824

Этот инструмент должен предоставить то, что вы ищете: http://florian-berger.de/en/software/pixel2svg/

Винсент

Привет, пользователь 29824, не могли бы вы объяснить немного больше, что мы найдем по предоставленной вами ссылке и почему она отвечает на вопрос? Таким образом, ваш ответ по-прежнему будет иметь значение на случай, если ссылка сломается позже. Гниль ссылок — основная причина, по которой нам действительно не нравятся ответы, содержащие только ссылки. Спасибо за ваши усилия и продолжайте вносить свой вклад!