Трассировка в иллюстраторе как сделать
Оптимизация результатов с помощью трассировки изображений
Узнайте, как автоматически преобразовать пиксельные изображения в векторные с помощью модуля «Трассировка изображений» в Illustrator.
Автор статьи: Моника Гаус (Monika Gause)
Моника Гаус — внештатный дизайнер, разработчик технической документации и преподаватель. Она живет в Гамбурге (Германия). Векторная графика играла важную роль в карьере Моники на всех этапах, будь то подготовка макетов, создание мультимедийного контента, веб-дизайн и то, чем она занимается в данный момент — разработка документации. Ей довелось создавать 3D-анимацию для музеев, разрабатывать веб-сайты для малого бизнеса и создавать иллюстрации к бессчетному количеству расходных материалов для офисных нужд. Как преподаватель и ACP на форумах Adobe, Моника принимает активное участие в работе своих клиентов и участников форума, а также помогает им найти решение актуальных проблем.
Функция «Трассировка изображений» в Illustrator позволяет автоматически преобразовать пиксельные изображения в векторные. Эту функцию также часто называют «автоматической трассировкой». Результаты трассировки зависят от типа, качества и размера изображения, а также от настроек, заданных в Illustrator. Чтобы трассировка дала качественные результаты, в первую очередь нужно грамотно выбрать исходное изображение.
Подготовка файлов к трассировке
Потратьте некоторое время на подготовку изображений к трассировке, чтобы модуль трассировки обработал их быстрее и лучше. Помните, что редактировать результаты трассировки намного сложнее.
С помощью приложения для редактирования изображений вам необходимо удалить с исходного изображения все ненужные детали. Удалите пыль и царапины. Если у изображения цветной фон (в том числе почти белая бумага, с легким оттенком), а вам нужно, чтобы он был белым, вам проще будет добиться этого на этапе предварительного редактирования. Если вы хотите превратить портрет в одноцветный трафарет (как, например, хорошо известный всем портрет Че Гевары), вам необходимо четко отделить портрет от фона.
Трассировка однобитовых изображений дает не лучшие результаты, но она отлично работает применимо к черно-белым изображениям с градацией серого. Кроме того, при оптимизации скетчей, мазков кистью, леттеринга и т. п. проследите за тем, чтобы сохранилась небольшая степень сглаживания краев. В этом случае трассировка изображения сработает лучше, и кривые будут более гладкими.
Если высота или ширина изображения больше 1500 пикселей, модуль «Трассировка изображения» отображает предупреждение. Трассировка все равно выполняется, но намного медленнее.
Оптимизированные графические изображения необходимо сохранить без сжатия, вызывающего снижение качества изображения — в таких форматах, как PNG, TIF, PSD. Для фотографий подойдет формат JPEG.
Открытие и трассировка файлов в Illustrator
Трассировка растровых изображений выполняется так же, как и трассировка любых других типов изображений.
Создайте в Illustrator файл нужного размера с нужным цветовым режимом.
Перетащите в него исходное изображение из Mac OS Finder либо из Проводника Windows. Вместо этого вы также можете выбрать «Файл»> «Поместить» и импортировать нужное изображение. При использовании функции автоматической трассировки неважно, вставите ли вы файл или привяжете его. Не устанавливайте флажок «Шаблон» при размещении файла, так как в этом случае файл будет помещен на заблокированный слой.
Выберите исходное изображение и откройте панель «Трассировка изображения» с помощью меню «Окно»> «Трассировка изображения». Вместо этого вы также можете выбрать какой-либо стиль в панели управления (для этого воспользуйтесь небольшим меню, которое находится справа от кнопки «Трассировка») или на панели «Свойства» (для этого нажмите «Трассировка изображения» и выберите нужный стиль в меню).
Трассировка изображения
Функция «Трассировка изображения» позволяет преобразовывать растровые изображения (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.
Шаг 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.
Со словом “Становится” можно работать аналогичным образом, но вырезать внутренние контуры, конечно, не нужно.
Использование быстрой трассировки | 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.
Расформирование объекта трассировки
Чтобы удалить результирующее изображение, но сохранить исходное, можно расформировать объект трассировки.
Трассировка изображений в 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 хороший результат дает Интерактивная трассировка.
У вас остались вопросы или есть что добавить по теме статьи? Напишите в комментариях.