Рисуем бабочку в зеркальном отражении, используя Adobe Illustrator

Мэттью Вильямсон (Matthew Williamson) является одним из моих самых любимых дизайнеров. В его работах меня привлекает это смелое использование цветов и узоров из животной тематики.

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

Необходимые ресурсы

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

• Изображение с бабочками

1. Создаем «живое» отражение

Шаг 1

В основе этого урока лежит зеркальное отражение рисуемого, происходящее в реальном времени. Как же это сделать?

Для начала создайте документа с профилем «Web» и размерами 1280x800 пикселей. Затем активируйте инструмент Line Segment Tool (/) и установите его над центром документа (найти его вам помогут «умные» направляющие; включить их можно сокращением Ctrl+U).

Зажмите Alt и Shift и проведите вертикальную линию по центру артборда. Сочетанием Ctrl+5 преобразуйте ее в направляющую, которая по умолчанию будет заблокирована (Lock). Если нет, то используйте сочетание Ctrl+Alt+;. Также заблокируйте слой, на которой находится данная направляющая.

Шаг 2

Теперь определим область, в которой будем рисовать.

Создайте новый слой (New Layer). Инструментом Rectangle Tool (M) нарисуйте прямоугольник, перекрывающий правую половину документа.

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

Шаг 3

Слой с прямоугольником будет «домом» для нашей бабочки. Чтобы получить искомое зеркальное отражение, показываемое в реальном времени, нам необходимо применить эффект Transform. Для этого выделите слой, кликнув по иконке цели справа от его названия в панели слоев (Layers).

Добавьте эффект Effects> Distort & Transform> Transform. Укажите отражение по оси X и задайте 1 копию, чтобы происходило, собственно, зеркальное копирование. В сетке из девяти точек отметьте левую центральную. Затем нажмите OK. Проверить правильность применения эффекта можно в панели Appearance. Там должно отображаться следующее: Layer, Contents, Transform.

Для теста нарисуйте что-нибудь в правой части документа. Оно должно сразу же отразится на левой половине.

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

2. Рисуем лайн-арт

Шаг 1

Командой File> Place добавьте в документ выбранное вами изображение бабочки. Если вам интересно как нарисовать бабочку без референса, то можете посмотреть данный пошаговый урок.

Шаг 2

Инструментом Pen Tool (P) начните с отрисовки основных фигур: тела, глаза, усика и крыльев. Не забудьте, что тело следует рисовать лишь до центральной линии — остальное произойдет благодаря созданному нами ранее автоматическому отражению.

Шаг 3

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

Шаг 4

При помощи инструмента Width Tool (Shift+W) создайте утолщение на конце усика.

Шаг 5

Тем же образом измените толщину линий обводки у крыльев. Это дополнительно выделит их визуально.

Я думаю, что не нужно дотошно соблюдать анатомию и можно дать своей фантазии немного разгуляться.

3. Раскрашиваем бабочку

Шаг 1

Пришло время «поиграть» с инструментом Live Paint Bucket Tool (K). Но перед этим необходимо разобрать лайн-арт, преобразовав обводку (в том числе модифицированную при помощи Width Tool) в самостоятельные объекты.

Делать это мы будем с копией оригинального слоя. Для этого перетащите мышкой название слоя на иконку New Layer в панели слоев (Layers) — вы получили искомый дубликат. Теперь примените команду Object> Expand, чтобы преобразовать все обводки в самостоятельные объекты.  Удалите описывающий прямоугольник — он нам здесь не нужен — и фигуры туловища бабочки — над ним мы поработаем позже.

Шаг 2

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

Залейте инструментом Live Paint Bucket Tool (K) все ячейки на крыльях. Я выбрала фиолетовый цвет.

Шаг 3

Примените операцию Object> Expand к созданной в прошлом шаге «живой» заливке. Сгруппируйте (Ctrl+G) отдельно лайн-арт и окрашенные фигуры. Группу с последними и опустите ниже лайн-арта в панели слоев.

Шаг 4

Инструметом Gradient Tool (G) залейте каждую из них линейным градиентом от черного к белому. Меняйте направление градиента так, чтобы черный «смотрел» в центр изображения, или — ближе к телу бабочки.

Группе с градиентными заливками назначьте режим смешивания Multiply и непрозрачность 50%.

Шаг 5

Сделайте еще одну копию группы окрашенных объектов. На этот раз преобразуйте ее в комбинированный контур (Ctrl+8). Добавьте радиальный градиент с желаемыми оттенками, чтобы получить более интересную раскраску крыла. У меня такими оттенками стали розовый и белый. Режим смешивания комбинированного контура измените на подходящий. У меня это Color Dodge.

Шаг 6

Мне захотелось затемнить кончики верхней половины крыла. Я сделала копию комбинированного контура, нарисовала поверх пером (Pen Tool (P)) искомую фигуру.

Затем применила к ней операцию «Intersect» с панели Pathfinder. Результирующей фигуре я назначила черный цвет заливки и уменьшила ее непрозрачность до 50%.

Шаг 7

Тело бабочки залейте черным цветом. Глаза в списке слоев расположите выше и залейте соответствующим цвету крыльев оттенком. И на этом бабочка закончена.

4. Создаем вариации

Цирковая бабочка

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

Градиенты остаются такими же. Но накладываются они уже на ячейки с чередующейся оранжево-розовой окраской. Точки по краям крыльев и некоторые другие детали я добавила при помощи инструмента Blob Brush Tool (Shift+B).

Кислая лакричница

Эта расцветка получила вдохновение от кислых на вкус лимона и лайма и черной на цвет лакрицы. Некоторые ячейки были залиты, собственно, черным цветом. Остальные — зеленым. Перекрывающий градиент (шаг с режимом смешивания Color Dodge) тоже имеет в основе зеленый цвет, что в итоге привносит желтые оттенки в окраску.

Светло-желтые полосы в каждой ячейке, цвет которой отличен от черного, я дорисовала пером (Pen Tool (P)).

Отличная работа, мы закончили!

Нам осталось назвать бабочку, нарисованную в этом уроке первой. Я выбрала простое «Аметистовая бабочка», согласующееся с цветом этого драгоценного камня.

Мы закончили урок. Покажите свои варианты расцветок. И не забудьте назвать их!