Как в иллюстраторе сделать трассировку

Оптимизация результатов с помощью трассировки изображений

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

Автор статьи: Моника Гаус (Monika Gause)

Моника Гаус — внештатный дизайнер, разработчик технической документации и преподаватель. Она живет в Гамбурге (Германия). Векторная графика играла важную роль в карьере Моники на всех этапах, будь то подготовка макетов, создание мультимедийного контента, веб-дизайн и то, чем она занимается в данный момент — разработка документации. Ей довелось создавать 3D-анимацию для музеев, разрабатывать веб-сайты для малого бизнеса и создавать иллюстрации к бессчетному количеству расходных материалов для офисных нужд. Как преподаватель и ACP на форумах Adobe, Моника принимает активное участие в работе своих клиентов и участников форума, а также помогает им найти решение актуальных проблем.

Функция «Трассировка изображений» в Illustrator позволяет автоматически преобразовать пиксельные изображения в векторные. Эту функцию также часто называют «автоматической трассировкой». Результаты трассировки зависят от типа, качества и размера изображения, а также от настроек, заданных в Illustrator. Чтобы трассировка дала качественные результаты, в первую очередь нужно грамотно выбрать исходное изображение.

Подготовка файлов к трассировке

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

С помощью приложения для редактирования изображений вам необходимо удалить с исходного изображения все ненужные детали. Удалите пыль и царапины. Если у изображения цветной фон (в том числе почти белая бумага, с легким оттенком), а вам нужно, чтобы он был белым, вам проще будет добиться этого на этапе предварительного редактирования. Если вы хотите превратить портрет в одноцветный трафарет (как, например, хорошо известный всем портрет Че Гевары), вам необходимо четко отделить портрет от фона.

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

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

Оптимизированные графические изображения необходимо сохранить без сжатия, вызывающего снижение качества изображения — в таких форматах, как PNG, TIF, PSD. Для фотографий подойдет формат JPEG.

Открытие и трассировка файлов в Illustrator

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

Создайте в Illustrator файл нужного размера с нужным цветовым режимом.

Перетащите в него исходное изображение из Mac OS Finder либо из Проводника Windows. Вместо этого вы также можете выбрать «Файл»> «Поместить» и импортировать нужное изображение. При использовании функции автоматической трассировки неважно, вставите ли вы файл или привяжете его. Не устанавливайте флажок «Шаблон» при размещении файла, так как в этом случае файл будет помещен на заблокированный слой.

Выберите исходное изображение и откройте панель «Трассировка изображения» с помощью меню «Окно»> «Трассировка изображения». Вместо этого вы также можете выбрать какой-либо стиль в панели управления (для этого воспользуйтесь небольшим меню, которое находится справа от кнопки «Трассировка») или на панели «Свойства» (для этого нажмите «Трассировка изображения» и выберите нужный стиль в меню).

Записки микростокового иллюстратора

Микростоки: рисуем и зарабатываем на своем творчестве

23 окт. 2017 г.

Привет всем! В этом уроке Adobe Illustrator мы разберём автотрейс. И в этом нам поможет Наталия Латынина, которая расскажет и покажет, как она трассирует элементы для паттернов, нарисованные вручную. Это уже не первый урок про автотрейс на нашем блоге. Тут вы можете посмотреть как трейсить мятую бумагу: как сделать автотрейс растрового изображения в Adobe Illustrator.

Также могу добавить, что сейчас Shutterstock (и Bigstock заодно) довольно жёстко относятся к приёмке автотрейса. Но монохромный автотрейс, обработанный и вычищенный от всякого мусора, принимают нормально.

А сейчас, если вы готовы, то передаю слово Наталии. Приступаем к уроку Adobe Illustrator.

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

Многие начинающие стокеры считают этот процесс каким-то очень сложным. На самом деле он занимает не так много времени, как, например, сама отрисовка изображения. Для того, чтобы подготовить изображение к трассировке совсем не обязательно запасаться дорогостоящими инструментами, как советуют многие иллюстраторы в своих курсах для новичков. Тем более, если вы не уверены, что будете в будущем часто пользоваться этим способом создания своих работ.

Я трассировку использую крайне редко и не вижу смысла в покупке множества разных инструментов, поэтому опишу свой процесс с использованием простейших подручных средств.

Этап 1

Изображение лучше обводить гелевой ручкой или линером (в этом примере использована самая простая дешевая гелевая ручка черного цвета). Шариковая ручка сильнее мажет, сложней рисует по карандашу и может давать блик на фото. Оптимальные цвета для обводки – черный, коричневый, синий, темно-зеленый, фиолетовый. Даем изображению подсохнуть, чтобы не смазать ластиком ручку, при удалении следов карандаша.

Этап 2

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

Этап 3

Подготовка фото. Так как мы использовали не сканер, а фото, надо привести его в приемлемый вид. Обрезаем лишние участки, если они есть и оставляем только область с рисунком. Далее необходимо использовать любой фоторедактор, в котором есть настройки яркость/контрастность/насыщенность и приводим с помощью них нашу фотографию примерно в такой вид:

Я не называю конкретный фоторедактор и не показываю его настройки в пример, т.к. настройки будут всегда разными в зависимости от качества фотографии.

Этап 4

Трассировка. Открываем изображение в иллюстраторе. Я использую иллюстратор CS6, поэтому окно программы и некоторые настройки могут отличаться, если вы используете другую версию.

Выделяем картинку мышкой и идем в меню «Объект» > «Трассировка» > «Создать».
Если появляется такое окно:

Жмем «Ок» и у нас начинается процесс трассировки.

Выглядит не очень. Контуры во многих местах прерываются. Чтобы это исправить, нужно открыть расширенные настройки трассировки. Для этого на верхней панели нажимаем на эту кнопку:

Чтобы убрать разрывы в контурах нам нужно увеличить значение параметра «изогелия» в появившемся меню.

Например, если увеличить значение до 170 получается уже вот такая картинка!

Выглядит гораздо лучше.

По необходимости меняем другие параметры.

Также выбираем метод трассировки – стык или контуры с наложением. Я предпочитаю вариант 2, т.к. при первом могут возникать дефекты в виде светлых промежутков между контуром или заливкой.

Когда все параметры выбраны, необходимо закрыть окно настроек и разобрать изображение.

Элементы для паттерна готовы!

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

Внутри вы найдёте видео каст по паттернам для самых начинающих, а также уроки по созданию бесшовных текстур:
1. Мозаика;
2. Геометрический узор;
3. Чередующийся орнамент;
4. Непрерывный переплетающийся.

Подпишитесь на нашу рассылку, чтобы не пропустить ничего нового:

Использование быстрой трассировки | CS5 и более ранние версии

Эта статья относится к Adobe Illustrator CS5 и более ранним версиям. Начиная с версии Adobe Illustrator CS6, в Illustrator добавлена функция трассировки изображения. Теперь при трассировке изображения из большого количества стилей можно выбрать любой или использовать простые и интуитивно понятные элементы управления для получения лучших результатов. Подробнее см. в разделе Трассировка изображения.

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

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

Трассировка графического объекта

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

Когда будет выбрано исходное изображение, выполните одно из следующих действий:

(Необязательно) Скорректируйте результаты трассировки.

(Необязательно) Преобразуйте трассировку в контуры или в объект с быстрой заливкой.

Параметры трассировки

Задает стиль трассировки.

Задает цветовой режим для результирующего изображения.

Задает значение для формирования черно-белого изображения из исходного изображения при трассировке. Все пикселы светлее порогового значения преобразуются в белые, а все пиксели темнее этого значения — в черные (этот параметр доступен, только если параметр «Цветовой режим» имеет значение «Черно-белое»).

Задает палитру для формирования изображения в цвете или в градациях серого из исходного изображения при трассировке (этот параметр доступен, только если параметр «Цветовой режим» имеет значение «Цветное» или «В градациях серого»).

Чтобы приложение Illustrator самостоятельно определило цвета для трассировки, выберите значение «Авто». Чтобы использовать для трассировки заказную палитру, выберите имя библиотеки образцов. (чтобы библиотека цветов была доступна в меню «Палитра», она должна быть открыта).

Макс. количество цветов

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

Добавлять цвета в палитру

Создает новый образец в палитре «Образцы» для каждого цвета в результирующем изображении.

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

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

Примечание: Разрешение при ресамплинге не сохраняется при создании стиля.

Создает области с заливкой в результирующем изображении.

Создает контуры с обводкой в результирующем изображении.

Макс. толщина линии

Задает максимальную ширину деталей исходного изображения, которые могут быть преобразованы в обводку. Детали с шириной больше максимальной преобразуются в результате трассировки в контуры.

Задает минимальную длину деталей исходного изображения, которые могут быть преобразованы в обводку. Детали меньшего размера не попадают в результирующее изображение.

Управляет точностью трассировки исходного растрового изображения. Меньшее значение позволяет создавать более точный контур, большее – приблизительный контур.

Задает наименьшую деталь исходного изображения, учитываемую при трассировке. Например, при значении 4 детали размером менее 2 пикселей в ширину и 2 в высоту не попадут в результирующее изображение.

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

Задает способ отображения растровых компонентов объекта трассировки. Этот параметр просмотра не сохраняется как часть стиля трассировки.

Задает способ отображения результирующего изображения. Этот параметр просмотра не сохраняется как часть стиля трассировки.

Для просмотра результирующего изображения с текущими настройками выберите в диалоговом окне «Параметры трассировки» параметр «Просмотр». Чтобы задать параметры трассировки по умолчанию, отмените выбор всех объектов, прежде чем открывать диалоговое окно «Параметры трассировки». Когда все параметры будут заданы, щелкните «По умолчанию».

Видеоролик с инструкциями по использованию быстрой трассировки см. по адресу www.adobe.com/go/vid0043. Пособие по настройке параметров быстрой трассировки для получения наилучших результатов см. по адресу www.adobe.com/go/learn_ai_tutorials_livetrace_ru.

Изменение способа отображения объекта трассировки

Объект трассировки состоит из двух компонентов: исходного и результирующего изображений (результирующее изображение — векторное). По умолчанию отображается только результирующее изображение. Однако при необходимости можно изменить параметры отображения как исходного, так и результирующего изображения.

Выделите объект трассировки.

По умолчанию все объекты трассировки в палитре «Слои» имеют имя «Трассировка».

Выполните любое из следующих действий:

Коррекция результатов трассировки объекта

После создания объекта трассировки можно в любой момент скорректировать результирующее изображение.

Выделите объект трассировки.

Выполните любое из следующих действий:

Задайте основные параметры на панели «Управление».

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

Настройка цветов, используемых при трассировке

Создайте библиотеку цветов, содержащую цвета, которые должны использоваться в трассировке.

Использование стиля трассировки

Стили трассировки содержат предопределенные параметры трассировки для конкретных типов графических объектов. Например, при трассировке изображения, которое планируется использовать как технический рисунок, выберите стиль «Технический рисунок». Все параметры трассировки изменятся для проведения оптимальной трассировки технического рисунка: будет задан черно-белый цвет, установлено размытие в 0 пикселей, толщина обводки будет ограничена 3 пикселями и т. д.

Выбор стиля

Совет. Чтобы создать новый стиль на основе существующего, выберите стиль и нажмите кнопку «Новый».

Редактирование и удаление стилей

Стили по умолчанию нельзя редактировать и удалять (стили по умолчанию заключены в квадратные скобки [ ]). Однако можно создать редактируемую копию стиля по умолчанию. Для этого выберите нужный стиль и нажмите кнопку «Новый».

Совместное использование стилей

Выполните одно из следующих действий:

Преобразование объекта трассировки в объект с быстрой заливкой

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

Выделите объект трассировки.

Выполните одно из следующих действий:

Чтобы за один прием создать объект трассировки и преобразовать его, выберите команду «Объект» > «Быстрая трассировка» > «Создать и разобрать» или «Объект» > «Быстрая трассировка» > «Создать и преобразовать в быструю заливку».

Видеоролик о трассировке см. по адресу www.adobe.com/go/vid0043.

Расформирование объекта трассировки

Чтобы удалить результирующее изображение, но сохранить исходное, можно расформировать объект трассировки.

Трассировка изображения

Функция «Трассировка изображения» позволяет преобразовывать растровые изображения (JPEG, PNG, PSD и т. д.) в векторную графику. С помощью этой функции трассировки можно легко создать новый рисунок на основе существующего графического объекта. Например, можно преобразовать набросок, сделанный карандашом на бумаге, в векторное изображение. Чтобы быстро получить желаемый результат, можно выбрать один из стилей трассировки.

A. Исходное изображение B. Результаты трассировки с использованием различных стилей

Трассировка изображения

Откройте растровое изображение или разместите его в документе Illustrator.

Выделите исходное изображение и выполните одно из действий, описанных ниже.

(Необязательно) Скорректируйте результаты трассировки на панели «Трассировка изображения» ( Окно > Трассировка изображения ).

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

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

Основные элементы управления

Стиль

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

Создание изображения в стиле постера из фотографии или графического объекта

Цветное — высокая точность

Создание фотореалистичного графического объекта высокой точности

Цветное — низкая точность

Создание упрощенного фотореалистичного графического объекта

Трассировка графического объекта в оттенки серого

Преобразование изображения в упрощенный черно-белый графический объект

Преобразование изображения в черный контур

В верхнем меню доступны дополнительные стили.

A. 3 цвета B. 6 цветов C. Высококачественная фотография

Нажмите значок меню ( ), чтобы сохранить текущие настройки в качестве нового стиля, удалить или переименовать существующие стили. Дополнительные сведения представлены в разделе Сохранение стиля трассировки.

Определяет вид трассированного объекта. Объект трассировки состоит из двух компонентов: исходного и результирующего изображений (результирующее изображение — векторное). Можно выбрать вид результата трассировки, исходного изображения, контуров, а также другие параметры. Нажмите на значок в виде глаза, чтобы наложить выбранный вид на исходное изображение.

A. Результат трассировки B. Результат трассировки с контурами C. Контуры D. Контуры с исходным изображением E. Исходное изображение

Режим

Задает цветовой режим для результирующего изображения. Доступные параметры определяют базовый цвет или режимы градаций серого для трассированного графического объекта.

В зависимости от настроек режима доступны параметры цвета, описанные ниже.

Указывает количество цветов, которые будут использоваться при цветной трассировке изображения. Можно выбрать образцы, если в качестве палитры выбрана «Библиотека документа». (Этот параметр доступен только в том случае, если параметр «Цветовой режим» имеет значение «Цветное»).

Указывает количество оттенков серого, которые будут использоваться при трассировке изображения в оттенках серого. (Этот параметр доступен только в том случае, если параметр «Цветовой режим» имеет значение «Оттенки серого»).

Задает значение для формирования черно-белого изображения из исходного изображения при трассировке. Все пиксели светлее порогового значения преобразуются в белые, а все пиксели темнее этого значения — в черные. (Этот параметр доступен, только если для параметра «Режим» выбрано значение «Черно-белое»).

Палитра

Задает палитру для формирования изображения в цвете или в градациях серого из исходного изображения при трассировке (этот параметр доступен, только если параметр «Цветовой режим» имеет значение «Цветное» или «В градациях серого»).

Можно выбрать один из параметров, описанных ниже.

Автоматическое переключение между ограниченной палитрой и всеми тонами для трассировки, в зависимости от входного изображения. Если для палитры выбран режим «Автоматически», можно отрегулировать сложность и точность вектора в трассировке с помощью ползунка на шкале «Цвета». Значение 0 означает упрощение за счет снижения точности, а значение 100 — точность или фотореалистичность и соответствующую сложность.

На палитре трассировки доступен небольшой набор цветов. Можно дополнительно уменьшить число выбранных цветов с помощью ползунка на шкале «Цвета».

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

Для палитры трассировки используется существующая цветовая группа. Этот параметр позволяет выбирать конкретные цвета для трассированного графического объекта. Можно выбрать любую библиотеку цветов, загруженную через палитру «Цветовые образцы» для палитры трассировки.

Добавление библиотек цветов на палитру «Цветовые образцы» с помощью меню «Библиотеки образцов»

Добавление библиотек цветов на палитру «Цветовые образцы» с помощью панели «Темы Adobe Color»

Автоматическая трассировка

Сегодня мы рассмотрим три разных подхода к автоматической трассировке в Adobe Illustrator. Они хорошо подходят для нарочито небрежных рисунков, когда эту небрежность нужно сохранить и в векторе. Для идеальных линий нужен кардинально иной подход, который мы тоже однажды опишем в наших статьях.

Шаг 1.

Создайте надпись от руки, а затем отсканируйте либо сфотографируйте ее.

Александр Сераков: Конечно, идеально — использовать планшетный сканер. Но и телефон сойдет: главное, чтобы хватало света и было как можно меньше перспективы, говоря проще — держите телефон параллельно бумаге.

Шаг 2.

Откройте изображение в Photoshop. Если изображение цветное — обесцветьте его через меню Image > Adjustments > Black & White.

Шаг 3.

Шаг 4.

Создайте в программе Illustrator новый документ и поместите туда получившееся изображение через меню File > Place.

Шаг 5.

Чтобы приступить к трассировке, выделите изображение > перейдите в меню Window > Image Trace > в появившемся окне поставьте флажок рядом с пунктом Preview. С этого момента любые изменения, внесенные вами в меню Tracing Options, будут автоматически отображаться. В списке Preset выберите Black & White Logo — изображение будет состоять только из черных и белых объектов. Поэкспериментируйте с плотностью границ текста с помощью ползунка Threshold.

Щелкните по секции Advanced и в разделе Options поставьте галочку напротив Ignore White, чтобы программа не создавала белые объекты, которые нам, очевидно, не нужны.

А.С.: Для удобства мы разрезали исходную фотографию на три части, чтобы для каждого вида текста делать свои настройки. Советую в аналогичных случаях поступать так же. Это сильно упрощает задачу.

Шаг 6.

Разгруппируйте объекты через меню Object > Ungroup.

Для завершения трассировки и получения векторной фигуры перейдите в меню Object > Expand либо выберите эту команду на панели управления.

Шаг 7.

В нашем примере буквы в слове «Небо» имеют неровные шероховатые края. Но это не везде оправдано. Чтобы в некоторых местах края буквы сгладить, воспользуйтесь инструментом Smooth Tool. Сначала выделите букву инструментом Direct Selection Tool > на панели инструментов выберите Smoot Tool > проведите им по контуру буквы.

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

Шаг 8.

Перейдем к слову «Ближе». Выполните для него шаг пятый и шестой. После этого попробуйте другой способ работы с результатом трассировки.

Выделите в букве «Б» инструментом Direct Selection Tool внутренний контур и нажмите delete на клавиатуре. Буква станет полностью черной. Выделите ее инструментом Selection Tool, уберите заливку и оставьте только обводку.

А.С.: Этот маневр позволит вам добиться идеально ровной толщины контура и поможет с дальнейшим выравниванием.

Чтобы вам было проще разобраться с контурами, перейдите в “скелетный” режим (сочетание клавиш Cmd + Y).

Теперь можно приступить к выравниванию букв. Для этого поставьте направляющие — их можно “стащить” с линейки сверху и слева. Если линейки нет, то ее можно включить через меню View > Show Rulers.

Перейдите в меню Object > Envelope Distort > Make With Mesh > в появившемся окне задайте количество строк — две, а количество колонок — восемь, чтобы регулировать внутренние и внешние части. Вы можете варьировать количество колонок и строк.

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

Шаг 9.

Со словом “Становится” можно работать аналогичным образом, но вырезать внутренние контуры, конечно, не нужно.

Трассировка изображения

Функция «Трассировка изображения» позволяет преобразовывать растровые изображения (JPEG, PNG, PSD и т. д.) в векторную графику. С помощью этой функции трассировки можно легко создать новый рисунок на основе существующего графического объекта. Например, можно преобразовать набросок, сделанный карандашом на бумаге, в векторное изображение. Чтобы быстро получить желаемый результат, можно выбрать один из стилей трассировки.

A. Исходное изображение B. Результаты трассировки с использованием различных стилей

Трассировка изображения

Откройте растровое изображение или разместите его в документе Illustrator.

Выделите исходное изображение и выполните одно из действий, описанных ниже.

(Необязательно) Скорректируйте результаты трассировки на панели «Трассировка изображения» ( Окно > Трассировка изображения ).

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

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

Основные элементы управления

Стиль

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

Создание изображения в стиле постера из фотографии или графического объекта

Цветное — высокая точность

Создание фотореалистичного графического объекта высокой точности

Цветное — низкая точность

Создание упрощенного фотореалистичного графического объекта

Трассировка графического объекта в оттенки серого

Преобразование изображения в упрощенный черно-белый графический объект

Преобразование изображения в черный контур

В верхнем меню доступны дополнительные стили.

A. 3 цвета B. 6 цветов C. Высококачественная фотография

Нажмите значок меню ( ), чтобы сохранить текущие настройки в качестве нового стиля, удалить или переименовать существующие стили. Дополнительные сведения представлены в разделе Сохранение стиля трассировки.

Определяет вид трассированного объекта. Объект трассировки состоит из двух компонентов: исходного и результирующего изображений (результирующее изображение — векторное). Можно выбрать вид результата трассировки, исходного изображения, контуров, а также другие параметры. Нажмите на значок в виде глаза, чтобы наложить выбранный вид на исходное изображение.

A. Результат трассировки B. Результат трассировки с контурами C. Контуры D. Контуры с исходным изображением E. Исходное изображение

Режим

Задает цветовой режим для результирующего изображения. Доступные параметры определяют базовый цвет или режимы градаций серого для трассированного графического объекта.

В зависимости от настроек режима доступны параметры цвета, описанные ниже.

Указывает количество цветов, которые будут использоваться при цветной трассировке изображения. Можно выбрать образцы, если в качестве палитры выбрана «Библиотека документа». (Этот параметр доступен только в ��ом случае, если параметр «Цветовой режим» имеет значение «Цветное»).

Указывает количество оттенков серого, которые будут использоваться при трассировке изображения в оттенках серого. (Этот параметр доступен только в том случае, если параметр «Цветовой режим» имеет значение «Оттенки серого»).

Задает значение для формирования черно-белого изображения из исходного изображения при трассировке. Все пиксели светлее порогового значения преобразуются в белые, а все пиксели темнее этого значения — в черные. (Этот параметр доступен, только если для параметра «Режим» выбрано значение «Черно-белое»).

Палитра

Задает палитру для формирования изображения в цвете или в градациях серого из исходного изображения при трассировке (этот параметр доступен, только если параметр «Цветовой режим» имеет значение «Цветное» или «В градациях серого»).

Можно выбрать один из параметров, описанных ниже.

Автоматическое переключение между ограниченной палитрой и всеми тонами для трассировки, в зависимости от входного изображения. Если для палитры выбран режим «Автоматически», можно отрегулировать сложность и точность вектора в трассировке с помощью ползунка на шкале «Цвета». Значение 0 означает упрощение за счет снижения точности, а значение 100 — точность или фотореалистичность и соответствующую сложность.

На палитре трассировки доступен небольшой набор цветов. Можно дополнительно уменьшить число выбранных цветов с помощью ползунка на шкале «Цвета».

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

Для палитры трассировки используется существующая цветовая группа. Этот параметр позволяет выбирать конкретные цвета для трассированного графического объекта. Можно выбрать любую библиотеку цветов, загруженную через палитру «Цветовые образцы» для палитры трассировки.

Добавление библиотек цветов на палитру «Цветовые образцы» с помощью меню «Библиотеки образцов»

Добавление библиотек цветов на палитру «Цветовые образцы» с помощью панели «Темы Adobe Color»

Трассировка изображений в Adobe Illustrator

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

Естественно, создавать векторные изображения желательно в специализированных векторных пакетах, таких как Adobe Illustrator. Однако в реальности это получается далеко не всегда. Так, изображение, например логотип, могло быть создано давно, а теперь сфера его применения расширяется — оно будет использоваться на полноцветных буклетах, рекламных плакатах, Web-сайте компании, сувенирах и т.п. Это автоматически предполагает значительное масштабирование изображения, печать с использованием различных технологий, а также в цвете и в черно-белом варианте. Никакое, даже самое тщательное сканирование не сможет обеспечить подобных трансформаций растрового изображения в дальнейшем. Единственный путь — получение идентичного векторного изображения, создавать которое с нуля — не лучший и не самый быстрый вариант. Предпочтительнее прибегнуть к векторизации, или трассировке, — она позволит сэкономить немало времени и получить на выходе идентичное векторное изображение.

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

Требования к трассируемому изображению

Теоретически трассировать можно любое растровое изображение, а вот результат напрямую будет зависеть от его качества. Решающую роль при этом играют чистота и ясность изображения. Поэтому перед проведением векторизации в любом растровом пакете, например в программе Adobe Photoshop, потребуется провести операции по улучшению внешнего вида изображения: удалить такие дефекты, как пыль и царапины, избавиться от отслоения эмульсии, осветлить слишком темные фрагменты, повысить четкость, усилить резкость и контрастность и т.п.

Как правило, трассировку применяют только к изображениям со сплошной заливкой и предельно четкими контурами — наличие градиентных или просто сложных заливок приводит к формированию очень большого числа векторных контуров. Причина этого заключается в том, что создаваемые контуры совпадают по форме с участками однородной заливки на изображении (рис. 1 и 2). Это чаще всего бессмысленно, так как основная цель проведения трассировки — получение векторных контуров, соответствующих реальным объектам растрового изображения. Однако данный прием иногда может использоваться при имитации, например, плакатной живописи на основе обычной фотографии. В то же время не стоит забывать, что размер трассированных рисунков со столь большим количеством контуров может намного превосходить размер соответствующих им растровых изображений. Не менее важна на растровом изображении четкость контуров, без которой получить четкие векторные контуры весьма проблематично (рис. 3).

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

Рис. 2. Результат трассировки изображения со сложной заливкой (вид изображения и палитра Layers с огромным количеством контуров)

Рис. 3. Трассировка изображения с изначально нечеткими контурами (слева — исходное растровое изображение, справа — результат трассировки)

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

Следует отметить, что наиболее удачной оказывается трассировка изображений, внешне напоминающих векторные, и хуже всего удается трассировка фотографий. Правда, последнее применяется нечасто — только при создании стилизованных изображений. Особое внимание следует обратить на изображения, включающие текст, который лучше предварительно удалить в растровом пакете, а затем ввести вновь уже в векторном после трассировки, так как в большинстве случаев четких контуров шрифта добиться не удается. Исключение может составлять только очень крупный шрифт.

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

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

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

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

Adobe Streamline 4.0

Разработчик: Adobe Systems, Inc.

Размер дистрибутива: 1,8 Мбайт (8,3)

Способ распространения: shareware (функционально-ограниченная демонстрационная версия доступна после регистрации по адресу: http://www.adobe.com/products/tryadobe/main.jsp#product=45 или по адресу: http://download.adobe.com/pub/adobe/streamline/win/4.x/sl4try.exe)

Работа под управлением: Windows 95/NT/2000/XP и от Mac OS 7.5 до Mac OS 9.2.2 и Mac OS X Classic

Программа Adobe Streamline реализована не в качестве плагина к Adobe Illustrator, а как отдельное приложение и предназначена для трассировки как черно-белых штриховых изображений, так и изображений в серой шкале и цветных изображений, в том числе и в пакетном режиме. Утилита поддерживает только графические форматы TIFF, PCX и PSD, что, конечно, не очень удобно, и позволяет сохранять результат трассировки в формате программы Adobe Illustrator.

Adobe Streamline поддерживает три метода трассировки:

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

Помимо выбора метода трассировки результаты векторизации зависят еще от целого ряда параметров. В частности необходимо установить тип создаваемых контуров: Straight lines only (Только прямые линии), Curved lines only (Только кривые линии) или Curved & straight lines (Кривые и прямые линии), точность создания векторных контуров Tolerance (Допуск) и др. Кроме того, для цветных изображений и изображений в серой шкале дополнительно определяются нюансы постеризации, от которых зависит, будет ли трассированное изображение черно-белым, цветным с ограниченным или с неограниченным числом цветов.

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

Рис. 4. Исходное изображение (слева) и серия векторных контуров, полученных в результате трассировки (справа)

При желании созданные векторные контуры можно редактировать прямо в Adobe Streamline: выделять; определять для выделенных контуров цвета границы и заливки (рис. 5); корректировать форму контуров, перемещая, добавляя или создавая опорные точки; преобразовывать закрытые контуры в правильные геометрические формы и пр., хотя гораздо удобнее подобными преобразованиями заняться в Adobe Illustrator.

Рис. 5. Заливка трассированного изображения

Panopticum Vectorizer 1.2

Разработчик: Panopticum LLC

Размер дистрибутива: 637 Кбайт

Работа под управлением: Windows 2000/XP и Mac OS 8.0/OS X

Panopticum Vectorizer 1.2 представляет собой компактный конвертор растровой графики в векторную, реализованный в виде плагина и потому вызываемый прямо из программы Adobe Illustrator. Для работы он должен быть предварительно проинсталлирован в папку Plug-ins.

Теоретически программа может трассировать любые растровые изображения: черно-белые, в градациях серого цвета и цветные, вплоть до фотографий. Однако она не подходит для трассировки черно-белых изображений в однобитовом формате bitmap (например, рис. 6), результатом векторизации которых может быть либо совершенно неприемлемый результат, мало напоминающий исходное изображение (рис. 7), либо формирование большого числа линейных векторных контуров, что бессмысленно с точки зрения дальнейшей обработки (рис. 8). При трассировке таких изображений их необходимо предварительно преобразовать в обычный черно-белый формат, например, в пакете Adobe Photoshop.

Рис. 6. Исходное изображение

Рис. 7. Неудачная трассировка однобитового изображения

Рис. 8. Трассировка с формированием большого числа неудобных в дальнейшей работе контуров

Программа поддерживает режим предварительного просмотра, поэтому с результатами трассировки можно ознакомиться еще до завершения работы плагина, щелкнув на кнопке Generate Preview (Генерация предварительного просмотра). В режиме предварительного просмотра можно не только увидеть трассированное изображение, но и узнать число контуров в палитре Layers и оценить их.

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

Число создаваемых контуров напрямую зависит не только от качества исходного изображения, но и от опции Color Processing (Цветовая обработка). При ее отключении для каждого цвета создается свой векторный контур, и при работе с полноцветными изображениями, имеющими сложные, в частности градиентные, заливки число создаваемых контуров оказывается очень большим. При включении опции Color Processing количеством цветов, а значит и векторных контуров, можно управлять, изменяя значение параметра Color filter threshold (Порог цветовой фильтрации) — чем оно больше, тем меньше цветов остается в векторизованном изображении (близкие цвета заменяются на некий средний цвет) и тем меньше контуров создается.

Panopticum Vectorizer поддерживает два режима трассировки: Lines only (Только линии) — все контуры будут представлены в виде линейных объектов и Poligons only (Только многоугольники), который обеспечивает создание только многоугольных векторных объектов. Выбор варианта Both type objects (Оба типа объектов) приведет к наличию в трассированном изображении обоих типов контуров.

При включении флажка Enable Smoothing (Сглаживание включено) создаваемые векторные контуры будут сглаживаться. Особенности сглаживания задаются настройкой параметров: Tolerance (Терпимость) — определяет степень отклонения границ векторных объектов от исходных растровых, Threshold (Порог) — отвечает за то, сколько прямых при векторизации будут преобразованы в кривые, и Corners radius (Угловой радиус) — определяет угловой радиус, который будет использоваться при замене острых углов растровых объектов на кривые.

Автотрассировка встроенными средствами Adobe Illustrator

Результат автотрассировки встроенными средствами программы зависит как от техники ее проведения, так и от настроек параметров векторизации. Параметры определяются в разделе Type & Aufo Tracing (Шрифт и автотрассировка) диалогового окна Preferences (Установки), которое вызывается командой Edit=>Preferences (Редактирование=>Установки) (рис. 9). Автотрассировки здесь касаются два параметра: Auto Trace Tolerance (Допуск автотрассировки) и Tracing Gap (Точность трассировки). В поле Auto Trace Tolerance выставляется значение в диапазоне от 0 до 10 пикселов — чем значение больше, тем сильнее сглаживание в формируемом контуре (рис. 10 и 11). От значения в поле Tracing Gap (Точность трассировки), которое может изменяться в диапазоне от 0 до 2 пикселов, зависит точность трассировки. Чем значение меньше, тем в большей степени получаемый контур соответствует оригиналу (рис. 12).

Рис. 9. Раздел Type & Auto Tracing диалогового окна Preferences

Рис. 10. Исходное изображение

Рис. 11. Изменение результата автотрассировки в зависимости от значения параметра Auto Trace Tolerance (слева вверху оно равно 0,1, слева внизу — 1, справа вверху — 5, справа внизу — 10) при Tracing Gap равном 0

Рис. 12. Изменение результата автотрассировки в зависимости от значения параметра Tracing Gap (слева вверху оно равно 0, слева внизу — 0,5, справа вверху — 1, справа внизу — 2) при Auto Trace Tolerance равном 0

Для автоматической трассировки в программе Adobe Illustrator предусмотрен специальный инструмент Auto Trace (Автотрассировка) (рис. 13), который автоматически превращает растровое изображение в векторный контур. Правда, данный инструмент подходит лишь для трассировки самых простых форм и результат его воздействия напрямую зависит от технологии работы с инструментом.

В плане технологии проведения автотрассировки следует отметить два момента: инструментом Auto Trace либо щелкают в пределах трассируемого растрового изображения — таким способом можно получить контур вокруг всего рисунка, либо последовательно щелкают в нужных точках изображения — при этом можно сформировать множество контуров. Есть и другой способ применения инструмента Auto Trace, используемый при трассировке части рисунка: инструмент следует протащить от начальной до конечной точки трассировки.

Рис. 13. Инструмент Auto Trace в палитре инструментов

Автотрассировка рисунка с градиентными заливками

Попробуем провести трассировку для изображения, представленного на рис. 14. Обратите внимание, что рисунок отличается крайне простыми контурами — это позволит получить приемлемые результаты сразу после применения встроенной автотрассировки, что бывает достаточно редко.

Учитывая, что исходный рисунок содержит сложные градиентные заливки, сначала в программе Adobe Photoshop заменим градиентные заливки на однотонные, например как показано на рис. 15. При этом главной задачей будет не создать эффектные заливки, а добиться того, чтобы находящиеся рядом отдельные объекты изображения имели сильно отличающиеся друг от друга заливки — при трассировке это позволит получить на их основе контуры, соответствующие объектам.

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

Рис. 15. Растровое изображение после смены заливок

Откройте модифицированное изображение в программе Adobe Illustrator и для удобства работы увеличьте его масштаб. Выберите инструмент Auto Trace и щелкните им в правом нижнем углу рисунка — скорее всего, в результате будет создан единый контур для всего изображения и соответственно все внутренние детали рисунка будут утрачены (рис. 16). Обратите внимание, что по умолчанию создаваемый векторный контур автоматически заливается белым цветом и имеет черную границу.

Рис. 16. Неудачный результат трассировки — всего один-единственный контур

Попытаемся сохранить все внутренние фрагменты трассируемого изображения. Отмените выполненную перед этим заливку контура и инструментом Auto Trace начинайте последовательно проходить объект за объектом. Обратите внимание, что для каждого контура потребуются свои параметры трассировки — тут без многочисленных экспериментов не обойтись. Например, для изображений камней больше подойдет такой вариант: Auto Trace Tolerance — 3, Tracing Gap — 2 (рис. 17), для травы: Auto Trace Tolerance — 2, Tracing Gap — 2 (рис. 18) и т.д. В итоге в палитре Layers появится много новых слоев, а изображение станет напоминать рис. 19.

Рис. 17. Векторные контуры камней (изображение и палитра Layers)

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

Рис. 19. Трассировка изображения с сохранением внутренних контуров (изображение и палитра Layers)

Невооруженным взглядом видно, что, несмотря на тщательный подбор настроек, не все контуры идеально отвечают поставленной задаче — максимально совпадать с объектами исходного растрового изображения. Поэтому без небольшой их корректировки и перемещения не обойтись, чем мы и займемся параллельно с подбором вариантов заливки и границы для каждого из контуров. Обратите внимание, что перемещать полученные в ходе трассировки векторные контуры можно точно так же, предварительно выделив их инструментом Selection, а корректировать их размеры — перетаскивая опорные точки инструментом Direct Selection. В конечном счете каждый контур изменит свои размеры, положение, границу и заливку, например, как показано на рис. 20, а итоговое векторное изображение станет напоминать рис. 21 — его можно будет уже масштабировать без каких-либо искажений, равно как и преобразовывать любым иным образом.

Рис. 20. Результат редактирования формы, подбора заливки и границы для всех векторных контуров, полученных в ходе трассировки (изображение и палитра Layers)

Рис. 21. Трассированное изображение

Автотрассировка рисунка со сложными контурами

Увы, одной встроенной автотрассировкой с незначительным последующим редактированием контуров редко удается обойтись. Обычно ситуация бывает намного сложнее. Попробуем провести автотрассировку встроенными средствами Adobe Illustrator для цветного изображения с однотонной заливкой и идеально четкими контурами (рис. 22) — на первый взгляд, казалось бы, четкость контуров и однотонные заливки позволят быстро добиться нужного результата. Увы, в реальности все не так просто.

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

Откройте изображение, выберите инструмент Auto Trace и попытайтесь прощелкать все внутренние фрагменты расположенной внизу герба города стилизованной ленты, чтобы создать соответствующие им векторные контуры (рис. 23). А теперь попробуйте настроить заливки и границы для созданных контуров, например как показано на рис. 24. В целом очертания контура стилизованной ленты получились неплохо, но часть внутренних деталей изображения исчезла. Очевидно, что оставшиеся контуры придется полностью формировать вручную (но об этом чуть позже), да и часть уже полученных векторных контуров требует доработки. Попытка создать векторные контуры для других фрагментов приведет к получению изображения, включающего свыше 50 векторных контуров и похожего на рис. 25. Очевидно, что до конца еще далеко — предстоит кропотливое редактирование уже созданных контуров и создание тех, которые не удалось получить путем автотрассировки. Хотя нельзя не признать, что часть контуров получилась неплохо, но основная работа с данным изображением еще предстоит. Стоит отметить, что результат был бы достигнут быстрее, если бы перед автотрассировкой, так же как и в предыдущем примере, были изменены цвета прилегающих объектов, что позволило бы автоматически получать соответствующие объектам контуры. К примеру, изменив предварительно цвет туловища, лап и головы левого медведя, которые должны быть представлены как отдельные контуры (рис. 26), можно будет получить все эти контуры сразу в ходе автотрассировки (рис. 27). Аналогичные операции должны быть проведены и в отношении всех остальных соприкасающихся объектов примерно как показано на рис. 28 — обратите внимание, что сохранять откорректированное изображение нужно с максимальным качеством, например в формате tiff без сжатия. Тогда после проведения автотрассировки и дальнейшей весьма длительной и утомительной корректировки созданных контуров вручную есть шансы получить примерно такое же трассированное изображение, как представлено на рис. 29.

Рис. 23. Трассировка изображения с сохранением внутренних контуров (изображение и палитра Layers)

Рис. 24. Результат заливки всех векторных контуров рассматриваемого фрагмента (изображение и палитра Layers)

Рис. 25. Результат автотрассировки

Рис. 26. Подготовка изображения левого медведя к проведению автотрассировки

Рис. 27. Результат автотрассировки левого медведя — четыре векторых контура вместо одного, полностью совпадающие с объектами исходного изображения

Рис. 28. Растровое изображение после смены заливок

Рис. 29. Трассированное изображение

Ручная трассировка

Сущность ручной трассировки заключается в рисовании поверх точечного изображения векторных контуров любыми доступными средствами программы Adobe Illustrator — с помощью инструментов из групп Pencil (Карандаш) и Pen (Перо), а иногда инструментами Brush, Spiral и Arc. Но в подавляющем большинстве случаев применяются инструменты из группы Pen (Перо): Add Anchor Point — «перо+», Delete Anchor Point — «перо-» и Convert Anchor Point — угол. Первый отвечает за добавление новых опорных точек, второй — за их удаление, а третий осуществляет преобразование опорных точек из одного типа в другой. Легкой и быстрой данную операцию, конечно же, не назовешь. Однако дизайнеры прибегают к ручной трассировке очень часто, мотивируя это тем, что при автоматической трассировке не получить минимально возможного числа векторных контуров, идеально совпадающих по форме с объектами, а значит, и минимального размера итогового изображения — нужна большая предварительная работа по подготовке растрового изображения.

Будем считать, что имеется отсканированный рисунок для логотипа компании (рис. 30), причем достаточно низкого качества, что не очень принципиально в случае ручной трассировки, когда все контуры все равно придется создавать вручную. Поэтому откройте исходное изображение сразу в программе Adobe Illustrator, для удобства работы увеличьте масштаб изображения, выберите инструмент Add Anchor Point («перо+») и приступайте к формированию контура. Полученный в итоге набор векторных контуров представлен на рис. 31 — обратите внимание, что инструмент Add Anchor Point удобен для формирования контура многоугольных областей, а контуры окружностей создаются обычным образом при помощи инструмента Ellipse. По окончании подберите заливки и границы для всех векторных контуров, дополните созданное векторное изображение логотипа названием компании и удалите слой с исходным растровым изображением. Возможно, окончательный результат будет напоминать рис. 32.

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

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

Рис. 32. Векторный логотип компании, созданный на основе растрового изображения (изображение и палитра Layers)

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

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

Автотрассировка при помощи программы 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. Исходное растровое изображение

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

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

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

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

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

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

Рис. 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. Настройка параметров трассировки

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

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

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

Эффекты, получаемые в результате трассировки

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

Например, можно преобразить фотографию так, чтобы она имитировала масляную живопись (рис. 44, 45 и 46), акварель, гуашь (рис. 47, 48 и 49), карандаш и т.д. Правда, удачный результат таких преобразований гарантирован далеко не всегда и зависит не только от качества снимка, но и от того, что и как конкретно на нем изображено. Хорошими примерами могут стать однородный пейзаж, натюрморт или портрет на нейтральном фоне.

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

Рис. 45. Настройка параметров трассировки плагина Panopticum Vectorizer

Рис. 46. Результат трассировки — фотография имитирует масляную живопись

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

Рис. 48. Настройка параметров трассировки плагина Panopticum Vectorizer

Рис. 49. Результат трассировки — фотография имитирует рисунок гуашью

Можно попробовать превратить фотографию в образец плакатной живописи. Правда, для этого, как правило, сначала над ней нужно слегка поработать, например в Photoshop. Возьмем в качестве исходного изображения рис. 50, откроем его в программе Photoshop, переведем в черно-белый формат, настроим яркость и контрастность так, чтобы сделать максимально отчетливыми наиболее важные детали изображения (рис. 51), и сохраним результат в формате tif. Откроем преобразованное изображение в Adobe Streamline, настроим параметры трассировки, как показано на рис. 52 и 53, и проведем векторизацию. Затем удалим лишние фрагменты изображения «волшебной палочкой» и зальем черные фрагменты подходящим цветом. Возможно, в итоге будет получено примерно такое изображение, как представлено на рис. 54.

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

Рис. 51. Растровое изображение после корректировки в программе Photoshop

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

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

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

Как использовать Image Trace в Adobe Illustrator CC 2017

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

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

Начиная

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

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

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

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

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

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

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

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

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

Меню трассировки изображений

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

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

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

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

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

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

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

Создание текстового плаката с помощью трассировки изображения

Узнайте, как легко преобразовать созданные вручную текстовые надписи в цифровой логотип, шрифт и т. д.

Посмотрите это 56-секундное видео, чтобы узнать, как создать плакат с помощью Illustrator.

Теперь создайте свой плакат. Нажмите Начало работы, чтобы приступить к работе с Adobe Illustrator

В этой статье рассматривается процесс создания рекламного плаката с использованием функций трассировки изображения и текста по контуру в Illustrator.

Время чтения: 7–8 минут.
Уровень квалификации: от начального до среднего уровня.

Прежде чем продолжить

Оцифровка письменного текста за 4 простых шага

ШАГ 1. Нарисуйте текст и импортируйте его в Illustrator.

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

Затем нажмите изображение текста или отсканируйте текст и импортируйте файл изображения в Illustrator.

ШАГ 2. Выполните трассировку изображения с помощью функции трассировки изображения

После импорта файла выполните действия, описанные ниже, чтобы применить параметры трассировки изображения.

ШАГ 3. Разверните трассированное изображение

После завершения трассировки изображение можно редактировать. Для этого разверните изображение с помощью кнопки Развернуть в параметрах трассировки изображения на панели управления.

Шаг 4. Разгруппируйте, объедините и переупорядочьте объекты.

Разгруппирование объектов

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

Объединение объектов

Объедините случайные точки каждой отдельной буквы, используя режим объединения формы в Средстве обработки контуров
(Windows > Средство обработки контуров).

Переупорядочение объектов

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

Создать больше текста для плаката

После того как трассированное изображение будет помещено на фоне, добавим на плакат больше текста по круговому контуру.

Шаг 1. Создание круга

Нажмите и удерживайте инструмент «Прямоугольник», выберите Эллипс или нажмите «L». Чтобы создать идеальный круг, нажмите клавишу «Shift» и нарисуйте круг.

Шаг 2. Создание контура

Нажмите и удерживайте инструмент Текст, выберите инструмент «Текст по контуру».

Шаг 3. Создание текстовых надписей по контуру

Нажмите в любом месте эллипса и напишите текст для своего плаката.

Шаг 4. Добавление текста по выбранному контуру

Точно так же можно создать несколько кругов и добавить текст по контурам.

Окончательное изображение

Альтернативные методы

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

Чтобы использовать стиль для трассировки изображения, выполните действия, описанные ниже.

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

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

Посмотрите это 56-секундное видео, чтобы узнать, как создать плакат с помощью Illustrator.

Трассировка изображений в Adobe Illustrator CS6

Сегодня мы рассмотрим новый механизм трассировки в Adobe Illustrator CS6 и поговорим о его новых функциях. Для начала мы отрисуем фотографию, набросок и текстуру, а затем сравним результаты, полученные в Adobe Illustrator CS5 и Adobe Illustrator CS6. Итак, начнем!

Шаг 1

В Adobe Illustrator CS6 параметры трассировки теперь в новой палитре — Трассировка Изображений (Окно > Трассировка).

Появление этой палитры позволит нам во время трассировки использовать другие палитры и инструменты. В Adobe Illustrator CS5, а также более ранних версиях программы, таких возможностей не было. Параметры трассировки задавались в диалоговом окне Настройки Трассировки. И нельзя было работать с другими объектами и интерфейсами.

Шаг 2

Также есть изменения в пресетах.

В Adobe Illustrator CS6 появился новый пресет «Силуэты», который позволяет быстро создать векторный силуэт.

После применения команды Разобрать (Expand) мы получим векторный объект с оптимальным количеством опорных точек.

Шаг 3

Давайте сравним качество трассировки в Adobe Illustrator CS5 и Adobe Illustrator CS6 после применения пресета Фотография высокого качества (High Fidelity Photo).

Заметьте, что в Adobe Illustrator CS6 в списке Палитра есть несколько вариантов на выбор. Этот параметр задается, если для изображения выбран режим — Цветное или Серая шкала. Как видите, новый механизм трассировки в Adobe Illustrator CS6 дает лучшие результаты.

В Adobe Illustrator появилась новая функция, которая позволяет мгновенно увидеть исходное изображение. Нажмите и держите «глазик» возле опции Просмотр.

Шаг 4

Есть некоторые изменения в настойке Максимальное число цветов. Этот параметр задает количество цветов, из которых будет состоять конечное изображение. В Adobe Illustrator CS5 максимальное количество цветов можно задать числом, а в Adobe Illustrator CS6 — в процентах с высокой точностью.

Шаг 5

Раскрыв в палитре Трассировка вкладку Дополнительно можно задать дополнительные настройки. В Adobe Illustrator CS6 появилась возможность выбрать метод трассировки. Метод Стыкования контуров (Abutting) создает вырезанные контуры. Контуры объектов стыкуются.

Метод Наложение контуров (Overlapping) создает контуры один над другим, контуры объектов накладываются.

Шаг 6

Опция Подгонка контура определяет точность трассировки исходного растрового изображения. В Adobe Illustrator CS5 чем меньше значение, тем точнее контур, чем больше значение, тем грубее контур. В Adobe Illustrator CS6 все наоборот: чем больше число,тем точнее контур мы получим.

Опция Минимальна Площадь в Adobe Illustrator CS5 соответствует опции Шум в Adobe Illustrator CS6. Эта опция определяет размер самых маленьких деталей исходного изображения, которые будут учитываться при трассировке.

Опция Минимальный Угол в Abode Illustrator CS5 соответствует опции Углы в Adobe Illustrator CS6 и задается в процентах. Чем больше число мы установим, тем больше углов будет в конечном изображении.

В Adobe Illustrator CS6 нет таких настроек трассировки как Размытие и Изменение разрешения. В Adobe Illustrator CS5 настройка Размытие служит для уменьшения количества мелких деталей и смягчения границ результирующего изображения. Настройка Изменение разрешения позволяет ускорить процесс трассировки больших изображений и уменьшить потерю качества конечного изображения.

Шаг 7

Посмотрим как новый механизм трассировки работает с набросками. Примените пресет Черно-белая картинка. Трассировка наброска в Adobe Illustrator CS5 дает хорошие результаты.

Если мы применим этот же пресет в Adobe Illustrator CS6 большинство мелких деталей исчезнет.

К сожалению, чтобы добиться в Adobe Illustrator CS6 таких же результатов как в Adobe Illustrator CS5 нужно менять параметры трассировки вручную.

Шаг 8

Попробуем выполнить трассировку текстуры. Применим тот же пресет Черно-белая картинка. Как видите, результат трассировки в Adobe Illustrator CS5 выглядит лучше чем в Adobe Illustrator CS6.

Мы применяли разные пресеты и устанавливали параметры вручную, но я все равно не смогла добиться такого же результата, как в Adobe Illustrator CS5.

Заключение

Новый механизм трассировки хорошо работает с фотографиями. И позволяет очень быстро создать точные векторные силуэты. Но в случае применения его для трассироски набросков и текстур, нужно будет все делать вручную. И при этом не всегда получится хороший результат. Если хотите применить трассировку для наброско и текстур, в Adobe Illustrator CS5 хороший результат дает Интерактивная трассировка.

У вас остались вопросы или есть что добавить по теме статьи? Напишите в комментариях.