Нет, мы не говорим о Image Trace.

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

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

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

Как превратить картинку в линейный рисунок в Adobe Illustrator

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

После наброска рисунка можно также добавить цвета или формы к линейному рисунку и создать цифровую графическую иллюстрацию.

Шаг 1: Поместите изображение, которое вы хотите превратить в линейный рисунок/иллюстрацию, в Adobe Illustrator. Например, я собираюсь создать линейный рисунок на основе этого изображения коктейля.

Шаг 2: Уменьшите непрозрачность и воспользуйтесь сочетанием клавиш Команда + 2 или ( Ctrl + 2 для пользователей Windows) для блокировки изображения.

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

Шаг 3: Выберите инструмент рисования и начните обводить линии изображения. Вы можете начать с любой части изображения. Просто увеличьте масштаб и обводите.

Например, я использую инструмент "Перо", чтобы сначала обвести контур стекла.

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

Обычно я использую инструмент "Перо" для обводки контура, а затем с помощью кистей добавляю детали.

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

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

И вот что я получил.

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

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

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

Также можно добавить стиль мазка кисти вместо изменения профиля ширины мазка.

Вот как превратить фотографию в линейный рисунок в Adobe Illustrator.

Как сделать цифровую иллюстрацию в Adobe Illustrator

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

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

Шаг 1: Обведите контур фотографии, используя метод создания линейного рисунка, который я представил выше.

Шаг 2: Перейдите в верхнее меню Объект > Разблокировать Все чтобы можно было переместить изображение, которое вы зафиксировали ранее для рисования линий.

Шаг 3: Переместите изображение рядом с нарисованными линиями и доведите непрозрачность до 100%. Этот шаг необходим для того, чтобы подготовить изображение к выбору цветов.

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

Шаг 5: Раскрасьте рисунок. Существуют различные способы заливки цветом в Adobe Illustrator, в зависимости от эффектов, которые вы хотите создать.

Например, если вы хотите сделать иллюстрацию в акварельном стиле, используйте акварельные кисти. В противном случае, использование Live Paint Bucket - самый быстрый способ. Другой вариант - просто выделить объекты и выбрать цвета, но этот метод лучше работает для замкнутых контуров.

Если вы решили использовать Live Paint Bucket, перейдите в верхнее меню Объект > Живая краска > Сделать чтобы создать группу живых красок. Вы увидите, что все мазки и контуры сгруппированы вместе.

Выберите Ведро с живой краской Инструмент и начните раскрашивать! Вы можете удалить или оставить цвет штриха.

Вы можете окрасить не все участки, потому что участки открытого пути трудно контролировать.

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

Вот что у меня получилось. Довольно похоже, правда?

Заключительные размышления

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

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