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

Узнайте, какие стили трассировки вам доступны.

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

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

Результат трассировки изображения зависит от нескольких факторов. Для начала следует отметить, что разные стили рассчитаны на разные результаты. Вы можете применить их, а затем настроить так, как вам нужно. Универсального решения в данном случае нет. Вам в любом случае нужно будет определить, какой из стилей лучше всего подходит к вашему изображению. Выбирая стиль, ориентируйтесь на его название — так вы поймете, на какой результат вы можете рассчитывать. Например, стиль «Черно-белое» предназначен для того, чтобы преобразовать фото в черно-белое. 

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

Примеры возможных типов изображения:

Изображения из мультфильмов

Изображения персонажей мультфильмов лучше всего совместимы с функцией «Трассировка изображений».  

  1. Выберите изображение, а затем примените стиль «Цветное — авто». Нередко при этом получается результат, близкий к идеальному. 

  2. Чтобы улучшить полученный результат, вам необходимо выяснить, насколько точно его контуры соответствуют исходному изображению. Нажмите и удерживайте кнопку «Просмотр источника», чтобы временно переключиться на исходное изображение и определить, что в нем нужно улучшить. Обратите внимание, что при трассировке изображение всегда немного смещается вниз и вправо. Исправить это нельзя. 

  3. В области «Информация» панели «Трассировка изображения» вам также нужно посмотреть количество цветов на получившемся в результате изображении. Соответствует ли оно количеству цветов на исходном изображении

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

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

    После того, как вы измените параметры, список меню в разделе «Стили» изменится на «Пользовательский».

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

Мазки кистью или карандашом  

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

  1. Начните с предустановки «Черно-белое». Нажмите кнопку «Просмотр источника», чтобы ознакомиться с результатом. 

  2. Чтобы дополнительно скорректировать трассировку, с помощью ползунка «Изогелия» сделайте изображение темнее или светлее. Если вы сдвинете ползунок вправо, мазки станут светлее, но в темных областях пропадут детали. В данном случае это сложно сделать, поскольку нам нужно сохранить и легкие темные маски, и мелкие детали белого цвета.

  3. Чтобы сохранить больше деталей изображения, воспользуйтесь ползунком «Шум».

  4. Ползунок «Контуры» позволяет уравновесить плавность контуров и точность трассировки. 

  5. Если вы установите флажок «Игнорировать белый цвет», Illustrator генерирует только черные фигуры, из которых вы сможете создать кисть сразу же, как только вы их развернете.

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

Одноцветный трафарет (Че Гевара)

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

  1. Начните с предустановки «Черно-белое». Нажмите кнопку «Просмотр источника», чтобы ознакомиться с результатом. 

  2. Отрегулируйте параметр «Изогелия», чтобы сбалансировать темные и светлые участки. 

  3. Кроме того, нам необходимо уменьшить детализацию изображения с помощью ползунка «Шум». Особенно если впоследствии это изображение будет напечатало на футболке. 

  4. Затем с помощью ползунка «Контуры» задайте нужный уровень плавности кривых. Как правило, контуры желательно сделать более плавными.

  5. С помощью ползунка «Углы» можно также попытаться сгладить кривые, уменьшив количество углов.

  6. Установите флажок «Игнорировать белый цвет», чтобы генерировать только черные фигуры. 

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

Фотореалистичные изображения

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

  1. Чтобы автоматическая трассировка дала фотореалистичное изображение, для начала вам нужно выбрать стиль «Цветное — высокая точность». В разделе «Информация» обратите внимание на то, что трассированное изображение содержит тысячи цветов.

  2. Чтобы улучшить результат, попробуйте добиться еще более плавного смешения цветов. Для этого переместите ползунок «Цвета» вправо, чтобы увеличить количество цветов. 

  3. При трассировке практически всегда нужно сбалансировать уровень детализации и плавности. Для этого используйте ползунок «Контуры».

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

Фотопостер  

Модуль «Трассировка изображения» позволяет с легкостью добиться эффекта «поп-арт», как на этой иллюстрации.

  1. Для начала примените стиль «Цветное — низкая точность». Фото будет преобразовано в векторное изображение с ограниченной цветовой палитрой. 

  2. Если вы хотите, чтобы цветов было еще меньше, воспользуйтесь ползунком «Цвета». В этот момент вы фактически решаете, сколько цветов вы получите в результате. Чтобы убедиться в том, что количество цветов соответствует заданной вами настройке, обратитесь в раздел «Информация».

  3. Затем сдвиньте ползунок «Контуры» влево, чтобы снизить точность трассировки. 

  4. Также уменьшите количество деталей, увеличив значение параметра «Шум».

  5. Затем начинается самое интересное: вам нужно применить к изображению разные цвета. Для этого откройте библиотеку цветовых образцов с нужными вам цветам. Для этого можно, например, выбрать ее в меню «Библиотеки образцов» на панели «Цветовые образцы». Библиотека должна быть открыта. 

  6. Затем на панели «Трассировка изображения» в меню «Палитра» выберите нужную библиотеку. Illustrator использует собственные алгоритмы, чтобы заменить исходные цвета цветами из библиотеки — пользователь на это не влияет.

  7. Если в библиотеке несколько цветовых групп, вы можете выбрать одну из них в меню «Цвета».

  8. Чтобы назначить цвета по-другому, разверните окно «Трассировка изображения» и примените функцию Перекрасить графический объект

Градиенты

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

  1. Для начала примените стиль «Цветное — авто».

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

  3. Затем разверните окно «Трассировка изображения» и примените к фигурам градиент.

Механические чертежи

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

  1. Для начала примените стиль «Контур».

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

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

  4. Также попробуйте увеличить значение параметра Углы — возможно, результат станет лучше. 

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

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

  1. В этом случае в первую очередь также нужно применить стиль «Цветное — авто».

  2. Результат необходимо будет существенно доработать. Сначала сдвиньте ползунок «Шум» таким образом, чтобы значение этого параметра уменьшилось. Затем сделайте контуры точнее. Не сдвигайте ползунок «Контуры» в правый конец, чтобы контуры не стали слишком грубыми.

  3. Результат все еще требует правки, причем нужные изменения, скорее всего, придется вносить вручную. Для этого вам нужно выбрать метод «Перекрытие». Он создает составные фигуры там, где это возможно. Если объединить фигуры нельзя, Illustrator как минимум делает так, чтобы их края пересекались. 

    Перекрывающиеся фигуры, которые разделились после развертывания трассировки изображения (слева); вид в режиме «Контур» (справа)

    Примыкающие фигуры, которые разделились (слева); вид в режиме «Контур» (справа)

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

Использование и редактирование сгенерированных контуров

Чтобы отредактировать контуры после трассировки, нужно развернуть трассированное изображение. Для этого на панели «Управление» или «Свойства» нажмите кнопку Развернуть. Затем вы сможете отредактировать контуры этого изображения. Однако в любом случае вам будет намного проще подобрать наиболее подходящие параметры трассировки, чем впоследствии редактировать контуры. Многоцветные изображения практически невозможно отредактировать, а редактирование других типов изображений отнимает много времени.

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

 Adobe

Получайте помощь быстрее и проще

Новый пользователь?