Как трассировать в иллюстраторе рисунок
Стили трассировки изображений
Узнайте, какие стили трассировки вам доступны.
Автор статьи: Моника Гаусе (Monika Gause)
Моника Гаусе — внештатный дизайнер, разработчик технической документации и преподаватель. Она живет в Гамбурге (Германия). Векторная графика играла важную роль в карьере Моники на всех этапах, будь то подготовка макетов, создание мультимедийного контента, веб-дизайн и то, чем она занимается в данный момент — разработка документации. Ей довелось создавать 3D-анимацию для музеев, разрабатывать веб-сайты для малого бизнеса и создавать иллюстрации к бессчетному количеству расходных материалов для офисных нужд. Как преподаватель и ACP на форумах Adobe, Моника принимает активное участие в работе своих клиентов и участников форума, а также помогает им найти решение актуальных проблем.
Результат трассировки изображения зависит от нескольких факторов. Для начала следует отметить, что разные стили рассчитаны на разные результаты. Вы можете применить их, а затем настроить так, как вам нужно. Универсального решения в данном случае нет. Вам в любом случае нужно будет определить, какой из стилей лучше всего подходит к вашему изображению. Выбирая стиль, ориентируйтесь на его название — так вы поймете, на какой результат вы можете рассчитывать. Например, стиль «Черно-белое» предназначен для того, чтобы преобразовать фото в черно-белое.
Если же вы хотите, чтобы приложение Illustrator проанализировало ваше изображение и автоматически подобрало подходящий стиль трассировки, выберите стиль «Цветное — авто» (он доступен только с панели «Трассировка изображения»). Этот стиль создан на основе искусственного интеллекта.
8 октября 2015 | Опубликовано в Уроки | 2 Комментариев »
В этом уроке вы узнаете как превратить нарисованную от руки на бумаге работу в векторное изображение. Для этого мы используем функцию трассировки в Adobe Illustrator. Этот инструмент открывает безграничные возможности для обработки и редактирования изображений, созданный изначально не в векторе. Трассировка дает возможность редактирования и бесконечного масштабирования изображения без потери качества.
Шаг 1
Нарисуйте заготовку для работу, или возьмите уже готовую. В нашем примере это рисунок из скетчбука, выполненный карандашом и обведенный чернилами. Отсканируйте работу в высоком разрешении как JPG или TIFF at 300dps, перетяните результат в Illustrator при помощи функции Image>Place/Изображение>Поместить.
Шаг 2
В нашем примере отдельным рисунком есть надпись, которую автор хотел разместить на рюкзаке. Если у вас также имеются дополнительные изображения, поместите их в документ таким же способом что был описан в шаге выше.
Шаг 3
Кликните по вашему изображению, используя инструмент Selection/Выделение. Затем в меню выберите Object>Image Trace>Make/Объект>Трассировка изображения>Создать. Таким образом мы конвертируем изображение из пикселей в вектор. Это позволит вам не зависеть от расширения, то есть масштабировать вашу работу до бесконечности без потери качества.
Шаг 4
В панели настроек в меню Preset/Стиль вы можете выбрать различные уровни трассировки. В нашем случае лучше всего сработает Technical Drawing/Технический рисунок, но вы можете поэкспериментировать и выбрать идеальный в вашем случае вариант. Если вам не понравился результат, просто отмените его и попробуйте другой (Edit>Undo/Редактировать>Отменить).
Шаг 5
Когда вы останетесь довольны результатом, выберите в меню Object>Image Trace>Expand/Объект>Трассировка изображения>Разобрать. Это разблокирует вектор, но Illustrator всегда сохраняет результат в виде группы, поэтому вам нужно будет также разгруппировать изображение, вероятно несколько раз. Теперь оно готово к редактированию.
Шаг 6
Теперь мы разместим на нашем рюкзаке текст. Это просто сделать копируя и вставляя элементы. Чтобы было проще, сгруппируйте слова.
Шаг 7
Редактируйте работу при помощи инструмента Selection/Выделение, масштабируйте ее, удерживая Shift и тяните за край.
Внесите желаемые изменения в композицию.
Шаг 8
Заказчик пожелал избавиться от полос на рукавах и сделать поменьше пряжки. Это было бы непросто сделать, если бы изображение сохранилось в оригинальном виде. Но Illustrator позволяет справиться с этим быстрее и проще. Избавиться от лишнего можно при помощи инструмента Eraser/Ластик. Чтобы процесс прошел аккуратнее, приблизьте изображение.
Шаг 9
Чтобы изменить размер пряжек, нам нужно отделить их от стыкующихся с ним объектов. Это можно сделать при помощи инструмента Knife/Нож. Теперь мы можем легко масштабировать пряжки и при необходимости дорисовать недостающие элементы.
Шаг 10
Вы можете сделать картинку меньше, можете редактировать углы, можете добавить что-либо при помощи инструмента Paintbrush/Кисть. При помощи трассировки вы можете редактировать нарисованное от руки изображение так, как вам того хочется.
Оптимизация результатов с помощью трассировки изображений
Узнайте, как автоматически преобразовать пиксельные изображения в векторные с помощью модуля «Трассировка изображений» в Illustrator.
Автор статьи: Моника Гаус (Monika Gause)
Моника Гаус — внештатный дизайнер, разработчик технической документации и преподаватель. Она живет в Гамбурге (Германия). Векторная графика играла важную роль в карьере Моники на всех этапах, будь то подготовка макетов, создание мультимедийного контента, веб-дизайн и то, чем она занимается в данный момент — разработка документации. Ей довелось создавать 3D-анимацию для музеев, разрабатывать веб-сайты для малого бизнеса и создавать иллюстрации к бессчетному количеству расходных материалов для офисных нужд. Как преподаватель и ACP на форумах Adobe, Моника принимает активное участие в работе своих клиентов и участников форума, а также помогает им найти решение актуальных проблем.
Функция «Трассировка изображений» в Illustrator позволяет автоматически преобразовать пиксельные изображения в векторные. Эту функцию также часто называют «автоматической трассировкой». Результаты трассировки зависят от типа, качества и размера изображения, а также от настроек, заданных в Illustrator. Чтобы трассировка дала качественные результаты, в первую очередь нужно грамотно выбрать исходное изображение.
Подготовка файлов к трассировке
Потратьте некоторое время на подготовку изображений к трассировке, чтобы модуль трассировки обработал их быстрее и лучше. Помните, что редактировать результаты трассировки намного сложнее.
С помощью приложения для редактирования изображений вам необходимо удалить с исходного изображения все ненужные детали. Удалите пыль и царапины. Если у изображения цветной фон (в том числе почти белая бумага, с легким оттенком), а вам нужно, чтобы он был белым, вам проще будет добиться этого на этапе предварительного редактирования. Если вы хотите превратить портрет в одноцветный трафарет (как, например, хорошо известный всем портрет Че Гевары), вам необходимо четко отделить портрет от фона.
Трассировка однобитовых изображений дает не лучшие результаты, но она отлично работает применимо к черно-белым изображениям с градацией серого. Кроме того, при оптимизации скетчей, мазков кистью, леттеринга и т. п. проследите за тем, чтобы сохранилась небольшая степень сглаживания краев. В этом случае трассировка изображения сработает лучше, и кривые будут более гладкими.
Если высота или ширина изображения больше 1500 пикселей, модуль «Трассировка изображения» отображает предупреждение. Трассировка все равно выполняется, но намного медленнее.
Оптимизированные графические изображения необходимо сохранить без сжатия, вызывающего снижение качества изображения — в таких форматах, как PNG, TIF, PSD. Для фотографий подойдет формат JPEG.
Открытие и трассировка файлов в Illustrator
Трассировка растровых изображений выполняется так же, как и трассировка любых других типов изображений.
Создайте в Illustrator файл нужного размера с нужным цветовым режимом.
Перетащите в него исходное изображение из Mac OS Finder либо из Проводника Windows. Вместо этого вы также можете выбрать «Файл»> «Поместить» и импортировать нужное изображение. При использовании функции автоматической трассировки неважно, вставите ли вы файл или привяжете его. Не устанавливайте флажок «Шаблон» при размещении файла, так как в этом случае файл будет помещен на заблокированный слой.
Выберите исходное изображение и откройте панель «Трассировка изображения» с помощью меню «Окно»> «Трассировка изображения». Вместо этого вы также можете выбрать какой-либо стиль в панели управления (для этого воспользуйтесь небольшим меню, которое находится справа от кнопки «Трассировка») или на панели «Свойства» (для этого нажмите «Трассировка изображения» и выберите нужный стиль в меню).
Использование быстрой трассировки | 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.
Расформирование объекта трассировки
Чтобы удалить результирующее изображение, но сохранить исходное, можно расформировать объект трассировки.
Создание текстового плаката с помощью трассировки изображения
Узнайте, как легко преобразовать созданные вручную текстовые надписи в цифровой логотип, шрифт и т. д.
В этой статье рассматривается процесс создания рекламного плаката с использованием функций трассировки изображения и текста по контуру в Illustrator.
Время чтения: 7–8 минут.
Уровень квалификации: от начального до среднего уровня.
Нет опыта работы с Illustrator?
Уже используете Illustrator?
Попробуйте сами
Прежде чем продолжить
Посмотрите краткий видеоурок и приступайте к работе
Посмотрите это 56-секундное видео, чтобы узнать, как создать плакат с помощью Illustrator.
Оцифровка письменного текста за 4 простых шага
ШАГ 1. Нарисуйте текст и импортируйте его в Illustrator.
Начните с создания текста на листе бумаги. Мы создали нумерованный текст с помощью кисти.
Затем нажмите изображение текста или отсканируйте текст и импортируйте файл изображения в Illustrator.
ШАГ 2. Выполните трассировку изображения с помощью функции трассировки изображения
После импорта файла выполните действия, описанные ниже, чтобы применить параметры трассировки изображения.
ШАГ 3. Разверните трассированное изображение
После завершения трассировки изображение можно редактировать. Для этого разверните изображение с помощью кнопки Развернуть в параметрах трассировки изображения на панели управления.
Шаг 4. Разгруппируйте, объедините и переупорядочьте объекты.
Разгруппирование объектов
Щелкните изображение правой кнопкой мыши и выберите Разгруппировать, чтобы разгруппировать развернутый объект.
Объединение объектов
Объедините случайные точки каждой отдельной буквы, используя режим объединения формы в Средстве обработки контуров
(Windows > Средство обработки контуров).
Переупорядочение объектов
Переупорядочьте буквы, а затем разместите их на фоне, как показано на изображении выше. Измените цвет на белый.
Создать больше текста для плаката
После того как трассированное изображение будет помещено на фоне, добавим на плакат больше текста по круговому контуру.
Шаг 1. Создание круга
Нажмите и удерживайте инструмент «Прямоугольник», выберите Эллипс или нажмите «L». Чтобы создать идеальный круг, нажмите клавишу «Shift» и нарисуйте круг.
Шаг 2. Создание контура
Нажмите и удерживайте инструмент Текст, выберите инструмент «Текст по контуру».
Шаг 3. Создание текстовых надписей по контуру
Нажмите в любом месте эллипса и напишите текст для своего плаката.
Шаг 4. Добавление текста по выбранному контуру
Точно так же можно создать несколько кругов и добавить текст по контурам.
Окончательное изображение
Альтернативные методы
В этой статье было разъяснено, как можно отредактировать изображение, настроив параметры трассировки изображения. Кроме того, можно выполнить трассировку изображения на основе множества предопределенных шаблонов (стилей), а затем точно подстроить трассированное изображение в соответствии с требованиями. Поскольку не существует универсального решения, нужно поэкспериментировать с различными стилями, чтобы найти тот, который лучше всего подходит для вашего изображения.
Чтобы использовать стиль для трассировки изображения, выполните действия, описанные ниже.
Совет. Если нужно отредактировать изображение с помощью доступных параметров трассировки, необходимо использовать диалоговое окно «Трассировка изображения», которое отображается после выбора Windows > меню Трассировка изображения. В этом диалоговом окне можно настроить различные параметры и проверить результаты в режиме реального времени.
Стили трассировки изображений
Установки | Цель |
---|---|
Высококачественная фотография | Создание фотореалистичного графического объекта высокой точности |
Низкокачественная фотография | Создание упрощенного фотореалистичного графического объекта |
3 цвета | Создает графический объект с помощью 3 основных цветов. |
6 цветов | Создает графический объект с помощью 6 основных цветов. |
16 цветов | Создает графический объект с помощью 16 основных цветов. |
Оттенки серого | Трассировка графического объекта в оттенки серого. |
Черно-белый логотип | Преобразование изображения в упрощенный черно-белый графический объект. |
Схематический рисунок | Создает изображение, напоминающее схематический рисунок. |
Силуэты | Создает рисунок в виде сплошной фигуры черного цвета. |
Штриховой рисунок | Преобразование изображения в черный контур. |
Технический чертеж | Трассирует рисунок на основании толщины линии или штриха. |
Посмотрите это 56-секундное видео, чтобы узнать, как создать плакат с помощью Illustrator.