В Illustrator есть опция Image Trace, которая позволяет превращать рисунки от руки и растровые изображения в векторные.

Вы когда-нибудь прослеживали почерк или рисунок с помощью ручки и бумаги? Идея та же, что и при прослеживании в Adobe Illustrator. Другой способ прослеживания изображения - использование инструментов рисования и инструментов фигур для прослеживания контура растрового изображения.

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

В этом уроке вы узнаете о двух способах обводки изображения в Adobe Illustrator.

Приготовьте свое изображение и давайте начнем.

Примечание: скриншоты из этого руководства взяты из версии Adobe Illustrator CC 2022 Mac. Версия для Windows или других версий может выглядеть иначе.

Метод 1: Трассировка изображения

Я собираюсь использовать это изображение, чтобы показать вам, как обвести изображение с помощью Image Trace. Это займет всего два шага, если вы довольны предустановленным эффектом обводки!

Шаг 1: Откройте изображение в Adobe Illustrator. Когда вы щелкните по изображению, чтобы выбрать его, вы увидите надпись Трассировка изображения опция на Быстрые действия панель в разделе Свойства.

Шаг 2: Нажмите Трассировка изображения и вы увидите опции трассировки.

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

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

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

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

Например, если вы хотите получить эффект трассировки между 6 и 16 цветами, вы можете передвинуть ползунок цвета вправо, чтобы увеличить количество цветов до 30.

Вот как это выглядит с 10 цветами.

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

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

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

Когда вы нажимаете Развернуть вы увидите контур результата трассировки.

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

Слишком много деталей? Хотите обвести только контур изображения, но опция Line Art не работает? Ознакомьтесь с методом 2.

Метод 2: Обведение контура изображения

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

Шаг 1: Разместите и вставьте изображение в Adobe Illustrator.

Шаг 2: Понизьте непрозрачность примерно до 60% и зафиксируйте изображение. Этот шаг облегчит процесс трассировки. Понижение непрозрачности поможет вам лучше видеть трассировку, а фиксация изображения позволит избежать случайного перемещения изображения во время трассировки.

Шаг 3 (необязательный): Создайте новый слой для обводки. Я рекомендую выполнять обводку на новом слое, так как если вам понадобится отредактировать контуры обводки, изменения не затронут слой с изображением.

Шаг 4: Используйте Инструмент "Перо" (P) для обводки контура. Если вы хотите добавить цвета к контуру, необходимо замкнуть контур, соединив первую и последнюю опорные точки контура.

Шаг 5: Используйте инструмент фигуры, карандаш или кисть, чтобы проработать некоторые детали контура. Например, глаза можно прорисовать с помощью инструмента "Эллипс", чтобы нарисовать круги, а для части тела можно использовать кисть, чтобы добавить детали.

Удалите фоновый слой и при необходимости исправьте детали. Вы можете отредактировать прорисованное изображение и придать ему свой собственный стиль.

Заключение

Самый простой способ трассировки изображения - использование функции Трассировка изображения, поскольку результат трассировки предварительно задан и его всегда можно скорректировать на панели Трассировка изображения.

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