Яндекс.Метрика

Дизайн-журнал №1. Актуальная информация для дизайнеров, веб дизайнеров, программистов и разработчиков сайтов.

Рисуем вьюгу в Adobe Illustrator

10 февраля 2015 | Опубликовано в Уроки | Нет комментариев »

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

 

 


Create a Snowstorm background with Phantasm in Illustrator CS6 - CC2014

Шаг 1

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

Create a Snowstorm background with Phantasm in Illustrator CS6 - CC2014

При помощи инструмента Spiral/Спираль создайте спираль без заливки и с обводкой любого цвета и толщины. Расположите спираль как показано ниже.

Create a Snowstorm background with Phantasm in Illustrator CS6 - CC2014

Шаг 2

Укажите спирали «Width Profile 4/Профиль ширины» и увеличьте толщину обводки в палитре Stroke/Обводка.

Create a Snowstorm background with Phantasm in Illustrator CS6 - CC2014

Подкорректируйте спираль при помощи инструмента Width/Ширина или палитры Width Selector/Выделение ширины. Этот инструмент может добавлять, перемещать и удалять маркеры ширины. В палитре Width Selector/Выделение ширины настройте параметры как показано ниже.

Create a Snowstorm background with Phantasm in Illustrator CS6 - CC2014

Копируйте спираль и вставьте копию на передний план (Cmd / Ctrl + C; Cmd / Ctrl + F). В палитре Layers/Слои отключите видимость оригинальной спирали. Мы вернемся к этой фигуре позже.

Шаг 3

Примените к фигуре линейный Gradient/Градиент Along Stroke/Вдоль обводки от белого цвета к черному. Эта опция есть только в последних версиях Adobe Illustrator, начиная  с CS6.

Create a Snowstorm background with Phantasm in Illustrator CS6 - CC2014

Шаг 4

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

Create a Snowstorm background with Phantasm in Illustrator CS6 - CC2014

Сохраните снежинку как символ в палитре Symbols/Символы.

Create a Snowstorm background with Phantasm in Illustrator CS6 - CC2014

Шаг 5

Скачайте и установите плагин Phantasm. Выделите спираль, затем в меню выберите Effect > Phantasm > Halftone. Настройте эффект как показано ниже.

Create a Snowstorm background with Phantasm in Illustrator CS6 - CC2014

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

Create a Snowstorm background with Phantasm in Illustrator CS6 - CC2014

Шаг 6

Добавим хаоса в нашу метель. Укажите объекту Object > Expand Appearance/Объект>Разобрать оформление, затем разгруппируйте получившиеся объекты (Shift + Ctrl + G). В меню выберите Object > Transform > Transform Each/Объект>Трансформировать>Трансформировать каждый. Настройте параметры как показано ниже.

Create a Snowstorm background with Phantasm in Illustrator CS6 - CC2014

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

Create a Snowstorm background with Phantasm in Illustrator CS6 - CC2014

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

Шаг 7

Выборочно снизьте непрозрачность для части снежинок. Сделать это быстрее можно при помощи скрипта Random Opacity. Скачать скрипт и прочесть инструкцию можно здесь.

Create a Snowstorm background with Phantasm in Illustrator CS6 - CC2014

Сгруппируйте все снежинки (Ctrl + G) и в палитре Transparency/Прозрачность укажите им Blending Mode/Режим наложения Overlay/Перекрытие.

Create a Snowstorm background with Phantasm in Illustrator CS6 - CC2014

Шаг 8

Сделайте видимой оригинальную спираль, которую мы спрятали в Шаге 2. Примените к ней линейный градиент Across Stroke/Поперек обводки, используя два оттенка синего и черный цвет.

Create a Snowstorm background with Phantasm in Illustrator CS6 - CC2014

Укажите фигуре Blending Mode/Режим Наложения Screen/Осветление в палитре Transparency/Прозрачность.

Create a Snowstorm background with Phantasm in Illustrator CS6 - CC2014

Шаг 9

Интенсивность цвета должна снижаться по мере отдаления вихря от взора (то есть от крупных снежинок к мелким). Добиться этого эффекта поможет маска. Дублируйте спираль (Cmd / Ctrl + C; Cmd / Ctrl + F), укажите копии Normal/Нормальный Blending Mode/Режим Наложения. Примените к ней линейный градиент от белого к черному Along Stroke/Вдоль обводки.

Create a Snowstorm background with Phantasm in Illustrator CS6 - CC2014

Выделите обе спирали, затем кликните по кнопке Make Mask/Создать маску в палитре Transparency/Прозрачность.

Create a Snowstorm background with Phantasm in Illustrator CS6 - CC2014

Шаг 10

И наконец давайте добавим световые нюансы. Нарисуйте круг и укажите ему радиальный градиент от белого к черному. Укажите фигуре режим наложения Color Dodge/Осветление основы.

Create a Snowstorm background with Phantasm in Illustrator CS6 - CC2014

Эта техника позволит нам местами осветлить снежинки. Интенсивность осветления можно регулировать уменьшая непрозрачность кругов, или варьируя между оттенками серого в градиенте.

Create a Snowstorm background with Phantasm in Illustrator CS6 - CC2014

Вот и всё! Наша вьюга готова!

Create a Snowstorm background with Phantasm in Illustrator CS6 - CC2014

Автор урока Iaroslav Lazunov

Перевод — Дежурка

Смотрите также:




Коментарии запрещены.