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

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

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

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

Как сделать кисточку для дыма

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

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

Шаг 1: С помощью инструмента "Линия" нарисуйте прямую линию. Измените цвет обводки на белый и вес обводки на 0,02 пт.

Примечание: чем тоньше штрих, тем мягче будет выглядеть дым.

Шаг 2: Дважды щелкните на инструменте выделения, чтобы открыть Переместить настройки. Измените значения горизонтали и расстояния на 0,02 (такое же, как вес штриха) и вертикальное значение должно быть равно 0 .

Нажмите Копировать .

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

Шаг 4: Сгруппируйте линии и уменьшите непрозрачность примерно до 20%.

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

Шаг 6: Выделите обе линии и фигуру, перейдите в меню "Надстройки" и выберите пункт Объект > Искажение огибающей > Сделать с верхним объектом .

Теперь вы создали векторный дым. Следующий шаг - сделать его кистью.

Шаг 7: Откройте панель кистей и перетащите этот векторный дым на панель кистей. Выберите Художественная кисть и измените метод колоризации на Тинты и оттенки .

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

Вот и все. Попробуйте и посмотрите, как это выглядит.

Как создать эффект дыма

Вы можете использовать инструмент "Искажение огибающей" и инструмент "Наложение" для создания векторного дыма или просто наложить растровое изображение для создания эффекта дыма. Ознакомьтесь с шагами для обоих типов эффектов дыма.

Вектор

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

Шаг 1: С помощью инструмента "Перо" создайте две волнистые линии, наложенные друг на друга. Измените вес штриха на 0,05 или тоньше. Линии выглядят более реалистично, если они тоньше.

Шаг 2: Выберите обе линии, перейдите в меню верхних строк и выберите Объект > Смесь > Сделать .

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

Шаг 3: Перейти к Объект > Смесь > Варианты смешивания , измените интервал на Определенные шаги , и увеличивайте количество шагов.

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

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

Растр

Это следует делать в Photoshop, но, учитывая, что не все пользуются Photoshop, я покажу, как сделать эффект дыма в Adobe Illustrator.

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

Шаг 1: Найдите изображение с дымом (или даже облаком) и вставьте его в Adobe Illustrator.

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

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

Шаг 2: Переместите и масштабируйте изображение дыма/облака на исходное изображение, где вы хотите, чтобы появился дым. Вы можете уменьшить непрозрачность, чтобы увидеть положение.

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

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

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

Другие вопросы

Вот как сделать дым в Adobe Illustrator.

Как сделать дымовые буквы?

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

Как сделать кофе на пару в Illustrator?

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

Как сделать мультяшный дым в иллюстраторе?

Растровое изображение облаков/дыма можно векторизовать, чтобы придать ему мультяшный вид. Другой вариант - нарисовать дым с помощью инструмента "Перо" или "Кисть".

Заключение

Да! В Adobe Illustrator можно создавать эффекты дыма, и преимущество в том, что вы можете редактировать векторный дым. Метод инструмента смешивания - самый простой способ сделать это, но результат не так реалистичен, как созданный с помощью Envelope Distort.

В конце концов, это зависит от проекта, который вы создаете. Хорошо иметь разные типы дыма для разных целей.