Microcamtest

Лайфстайл портал

Трассировка растровых изображений в Иллюстраторе

С легкостью конвертируйте изображения в векторы

С введением улучшенной функции Image Trace в Adobe Illustrator CS6 и последующими обновлениями открылся целый мир возможностей для пользователей графического программного обеспечения, которые хотят иметь возможность отслеживать штриховые рисунки и фотографии и превращать их в векторные изображения. Теперь пользователи могут относительно легко преобразовывать растровые изображения в векторы и файлы PNG в файлы SVG, используя Illustrator.

Начиная

 Этот процесс лучше всего работает с изображением,

Этот процесс лучше всего работает с изображением, объект которого отчетливо выделяется на фоне, например, корова на изображении выше.

Чтобы добавить изображение для трассировки, выберите Файл > Поместить и найдите изображение, которое необходимо добавить в документ. Когда вы увидите Разместить пистолет , щелкните мышью, и изображение встанет на место.

Чтобы начать процесс отслеживания, нажмите один раз на изображение, чтобы выбрать его.

При преобразовании изображения в векторы области смежных цветов преобразуются в формы. Чем больше фигур и векторных точек, таких как на изображении деревни, выше, тем больше размер файла и тем больше ресурсов ЦП, необходимых для работы компьютера для отображения всех этих фигур, точек и цветов на экране.

Типы трассировки

 При наличии изображения наиболее очевидной отправ

При наличии изображения наиболее очевидной отправной точкой является раскрывающийся список «Трассировка изображения» на панели управления Illustrator. Есть много вариантов, которые направлены на конкретные задачи; Вы можете попробовать каждый из них, чтобы увидеть результат. Вы всегда можете вернуться к исходной точке, нажав Control-Z (ПК) или Command-Z (Mac) или, если вы действительно все испортили, выбрав Файл > Вернуть .

Когда вы выберете метод Trace, вы увидите индикатор, показывающий, что происходит. Когда он заканчивается, изображение преобразуется в серию векторных путей.

Просмотр и редактирование

 Если вы выбираете результат трассировки с помощью

Если вы выбираете результат трассировки с помощью инструмента выбора или инструмента прямого выбора, выбирается все изображение. Чтобы просмотреть сами пути, нажмите кнопку Развернуть на панели управления. Объект трассировки преобразуется в серию путей.

В случае с изображением выше, мы можем выбрать области неба и травы и удалить их.

Чтобы еще больше упростить изображение, мы можем выбрать Объект > Путь > Упростить и использовать ползунки на панели «Упростить», чтобы уменьшить количество точек и кривые на трассированном изображении.

Панель трассировки изображений

 Если вам нужен больший контроль над трассировкой,

Если вам нужен больший контроль над трассировкой, откройте панель «Трассировка изображений» в Окне > Трассировка изображений .

Значки вверху слева направо предустановлены для Автоцвета, Высокого цвета, Оттенков серого, Черно-белого и Обводки. Значки интересны, но настоящая сила находится в меню Preset. Он содержит все варианты на панели управления, плюс вы можете выбрать свой цветовой режим и используемую палитру.

Ползунок «Цвета» немного странный; он измеряет в процентах, но диапазон варьируется от Меньше до Больше.

Вы можете изменить результат трассировки в параметрах Дополнительно . Помните, что изображение преобразуется в цветные формы, а ползунки «Контуры», «Углы» и «Шум» позволяют изменять сложность форм. По мере работы с ползунками и цветами, вы увидите, как увеличиваются или уменьшаются значения для контуров, якорей и цветов в нижней части панели.

Наконец, область Метода действительно не имеет ничего общего с углами. Это связано с тем, как создаются пути. Вы получаете два варианта: первый – это примыкание, что означает, что все пути сталкиваются друг с другом. Другой – Перекрытие, что означает, что пути проложены друг над другом.

Редактировать отслеживаемое изображение

 После завершения трассировки вы можете удалить ее

После завершения трассировки вы можете удалить ее часть. В этом примере мы хотели просто корову без неба или травы.

Чтобы изменить любой отслеживаемый объект, нажмите кнопку Развернуть на панели управления. Это превратит изображение в серию редактируемых контуров. Переключитесь на инструмент Прямой выбор и выберите пути для редактирования.

Видео

: обработайте детали и сохраните изображение

Когда Illustrator завершит работу, вы сможете дополнительно настроить изображение. Откройте панель трассировки изображений из панели инструментов, чтобы увидеть больше параметров. Выберите «Режим», чтобы переключаться между группами цветов, и отрегулируйте панель «Цвет», чтобы вектор был более или менее детализированным.

Затем нажмите кнопку «Развернуть» на панели инструментов, чтобы увидеть все составные фигуры, которые образуют полное векторное изображение.

«

Щелкните правой кнопкой мыши на изображении и выберите «Разгруппировать», чтобы разделить на отдельные векторы.

«

После разгруппировки вы можете дважды щелкнуть по каждому вектору, чтобы изменить его по своему желанию. Вы можете переместить или удалить его с изображения, преобразовать его и т. Д.

Сохранение изображения

Когда вы закончите настройку векторного изображения, самое время его сохранить. Доступные форматы: SVG, AI, EPS, PDF и многие другие. Вы захотите сохранить его в AI, если считаете, что вам, возможно, придется настроить векторную графику в Illustrator.

Чтобы сохранить изображение, вам необходимо:

  1. Нажмите на кнопку файла.
  2. Выберите «Экспорт».«
  3. Выберите один из доступных форматов. Например, SVG.«

Различные типы трассировки изображений

Adobe Illustrator автоматически векторизует ваше изображение с помощью инструмента «Трассировка изображений». Тем не менее, вам придется указать предустановку для этого. Выберите тип трассировки изображения, ближайший к изображению, которое вы хотите векторизовать.

  1. High Fidelity и Low Fidelity идеально подходят для фотографий, иллюстраций и изображений с большим количеством деталей. High Fidelity создаст очень детальное векторное изображение, в то время как Low Fidelity даст меньше деталей. Низкая достоверность обычно лучше для изображений с низким разрешением.«
  2. 3, 6 и 9 цветов являются предпочтительными пресетами для логотипов и иллюстраций, которые используют меньше цветов.«
  3. Оттенки серого сделают изображение в градациях серого.«
  4. В черно-белом логотипе для векторизации изображения используются только эти два цвета.«
  5. Эскизный рисунок, Технический рисунок, Штриховой рисунок и Силуэты — это предустановки, которые следует использовать для линейных рисунков.«
  6. Подводя итог, выберите пресет в зависимости от изображения, которое вы хотите векторизовать. Не бойтесь вернуться и сделать это снова, если это не сработало.

Способы трассировки

В программе Adobe Illustrator существуют три способа трассировки изображений:

  • ручная трассировка — представляет собой обводку очертаний фрагментов рисунка инструментами из групп Pen (Перо) и Pencil (Карандаш) и по сути ничем не отличается от обычного создания векторного контура;
  • автоматическая трассировка, выполняемая средствами программы Adobe Illustrator, — предназначена только для трассировки очень простых изображений и в подавляющем большинстве случаев данный вариант приходится совмещать с ручной трассировкой, чтобы добиться приемлемого качества создаваемых контуров;
  • автоматическая трассировка, выполняемая специализированными программами. Таких программ сегодня на рынке предлагается совсем не много. Если говорить только об Adobe Illustrator, то можно выбирать между программой Adobe Streamline, специально предназначенной для данной цели, и независимым плагином Panopticum Vectorizer.

Выбор конкретного варианта трассировки зависит от сложности исходного изображения, требуемого качества, наличия соответствующих программ и многих других факторов.

В любом случае по окончании трассировки для сформированных векторных контуров подбираются заливки и границы, а слой с исходным растровым изображением удаляется.

Переводим в векторное изображение

Открываем «Адоб Иллюстратор». Нажимаем «Файл», затем «Открыть». После нужно кликнуть по изображению, используя функцию «Выделение». И приступаем непосредственно к трассировке. В «Иллюстраторе» эту функцию найти можно, нажав на «Объект», далее в выпадающем меню выбираем пункт «Трассировка». Есть еще одна причина, объясняющая, почему нельзя оставить изображение в формате GIF. Осуществляя трассировку в «Иллюстраторе», мы конвертируем растровое изображение в векторное. Это позволяет в дальнейшем не зависеть от расширения. Можно менять масштаб картинки множество раз, ее качество от этого не пострадает.

Важно помнить о том, что изначальная картинка должна быть максимально контрастной. На ней не должно быть много оттенков, полутонов. Именно поэтому идеальным вариантом является рисунок, выполненный тушью или чернилами. Создавать эскиз в цвете не имеет смысла. Он должен быть четким, черно-белым. Что такое ручная трассировка в «Иллюстраторе»? Это использование различных инструментов («Перо», «Кисть») для придания четкости рисунку.

Автотрассировка, выполняемая специализированными программами

Автотрассировка при помощи программы Adobe Streamline

Как и любые другие варианты автотрассировки, трассировка в Adobe Streamline предполагает использование качественных и предварительно подготовленных к трассировке изображений.

Для примера рассмотрим вариант векторизации черно-белого штрихового изображения (рис. 33). Настроим метод и параметры создания векторных областей, открыв окно Conversion Setup (Параметры преобразования), вызываемое одноименной командой из меню Options (Параметры). Учитывая, что изображение штриховое и с криволинейными контурами, одновременно установим методы Outline (Контурный) и Centerline (Средняя линия). Чтобы максимально повысить точность трассировки, в полях Line Thinning (Толщина линии) и Tolerance (Допуск) укажем минимальные значения. Для определения характера контуров выберем вариант Curved & straight lines (Кривые и прямые линии) (рис. 34). Воспользуемся командой Options=>Color/B&W Setup (Параметры=>Цветное/Черно-белое) и установим вариант постеризации Black & White Only (Только черно-белое), а также отрегулируем значение параметра Threshold (Порог), чтобы добиться оптимального визуального соотношения черного и белого цветов (рис. 35). Для осуществления трассировки применим команду File=>Convert (Файл=>Конвертирование). Результат векторизации представлен на рис. 36.

Рис. 33. Исходное растровое изображение

Рис. 33. Исходное растровое изображение

Рис. 34. Настройка параметров трассировки в окне C

Рис. 34. Настройка параметров трассировки в окне Conversion Setup

Рис. 35. Настройка параметров трассировки в окне C

Рис. 35. Настройка параметров трассировки в окне Color/B&W Setup

Рис. 36. Трассированное штриховое изображение

Рис. 36. Трассированное штриховое изображение

А теперь рассмотрим трассировку черно-белого изображения в однобитовом формате bitmap (рис. 37). В качестве метода трассировки установим метод Outline (Контурный) с максимальной точностью (рис. 38) и осуществим ее командой File=>Convert (Файл=>Конвертирование). Изображение преобразится и станет напоминать рис. 39.

Рис. 37. Исходное растровое изображение

Рис. 37. Исходное растровое изображение

Рис. 38. Настройка параметров трассировки в окне C

Рис. 38. Настройка параметров трассировки в окне Conversion Setup

Рис. 39. Результат трассировки изображения в форма

Рис. 39. Результат трассировки изображения в формате bitmap

Автотрассировка при помощи плагина Panopticum Vectorizer

Плагин Panopticum Vectorizer трассирует изображения как с многоугольными, так и с криволинейными контурами. При этом получаемые векторные изображения при правильно выбранных настройках практически всегда выглядят достаточно привлекательно. Однако векторные контуры формируются на основе различных цветов и в случае недостаточно качественной подготовки изображения, в котором в одном и том же объекте присутствует множество цветов, контуров может получиться огромное количество.

Для примера рассмотрим уже ранее задействованный нами рис. 22. Откройте данное изображение в программе Illustrator и выделите его инструментом Selection. Запустите автотрассировку командой Filter=>Panopticum=>Vectorizer 1.2 при параметрах как на рис. 40 и щелкните на кнопке Generate Preview (Генерация предварительного просмотра), чтобы посмотреть на результат еще до окончания работы плагина. Все созданные векторные контуры будут размещены на специально созданном слое Vectorized (рис. 41). Если оценивать только внешний вид полученного векторного изображения, то результат выглядит очень неплохо. Однако это лишь одна сторона вопроса, с другой стороны, число контуров превышает 2,5 тыс., что делает дальнейшую работу с таким изображением практически невозможной (сравните: при совместном использовании встроенной в программу Illustrator автотрассировки и ручной трассировки было получено немногим более 75 контуров). Причина появления столь большого числа контуров кроется в том, что исходное растровое изображение только на первый взгляд имело однотонные заливки. В реальности оттенки цветов внутри объектов немного отличались, что хорошо заметно на рис. 42 — выделенные контуры имеют неровные границы. Элементарная предварительная замена заливок растрового изображения на однотонные (созданный ранее рис. 28) позволяет сократить число контуров примерно до 500 и существенно улучшить векторное изображение (рис. 43). В еще большей степени снизить число контуров, получаемых в ходе векторизации, поможет ручная проработка границ всех объектов, которые должны стать предельно четкими и однотонными. Полученный в конечном счете результат будет не хуже, а возможно, и лучше, чем при ручной трассировке, и в целом с учетом времени, требующегося на предварительную подготовку растрового изображения, этот вариант окажется более быстрым и удобным.

Рис. 40. Настройка параметров трассировки

Рис. 40. Настройка параметров трассировки

Рис. 41. Результат трассировки (изображение и пали

Рис. 41. Результат трассировки (изображение и палитра Layers)

Рис. 42. Выделение нескольких созданных в ходе тра

Рис. 42. Выделение нескольких созданных в ходе трассировки векторных контуров — сразу бросается в глаза, что туловища медведей имели однотонную заливку, а фрагменты ленты — нет

Рис. 43. Результат автотрассировки после установки

Рис. 43. Результат автотрассировки после установки однотонных заливок

Раскрашивание объекта автоматическим способом

Но есть более легкий способ заливки цветом. Выделите весь рисунок и возьмите инструмент "Быстрая заливка". Этот инструмент, распознает пространство ограниченное контурами и заливает его выбранным цветом. Выберите нужный цвет и наведите мышкой, контур области подсвечивается. Если этого не происходит, значит есть слишком большой зазор между контурами, желательно перед раскраской все их замкнуть. Теперь, достаточно нажать по областям, которые вы хотите раскрасить.

Выделяйте только те области, цвет между которыми должен быть разный.

Читайте также:

Вносим изменения

Уже готовые изображения можно в дальнейшем менять множество раз. Например, буквы сделать меньше, более вытянутыми. Некоторые элементы можно окончательно удалить с помощью «Ластика». Для того чтобы это удалось сделать максимально аккуратно, следует приблизить изображение.

Удалять, изменять размер и форму отдельных элементов можно при помощи инструмента «Нож». Новые детали добавляются при использовании «Кисти». Благодаря трассировке эскиз уменьшают, изменяют, редактируют. Регулярно конвертируют растровые изображения в векторные в первую очередь стокеры, то есть те, кто занимается изготовлением и продажей изображений. Можно сказать, что трассировка — основа векторной иллюстрации.

Теги