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

Хохлома — традиционный Русский орнамент которым расписывались, посуда игрушки, и прочие предметы быта Русского человека.

Урок наглядно демонстрирует каких впечатляющих эффектов можно добиться используя самые простые инструменты и эффекты

Adobe Illustrator. Ну что же…приведем народное искусство в массы!

Примечание переводчика. Прошу прощения, но в посте отсутствует название применяемых инструментов на Русском. т.к. Сам Я пользователь Англоязычной версии программы.

Этап 1. Создание Основы для кулона.

Шаг 1
Начнем с создания нового документа, с такими настройками:

Шаг2
Возмите инструмент Rectangle Tool (M) и создайте квадрат по размерам рабочей области (600х600 px) Залейте его радиальным градиентом от белого по центру к 10% процентному, по прозрачности, черному по краям.

Шаг 3
Включите инструмент Ellipse Tool (L) и создайте окружность диаметром приблизительно 460х460 px Примените к нему заливку радиальным градиентом от бордового цвета по центру #62001a до темно-бордово-красного по краям. #27000b

Шаг 4
Давайте добавим золотую окантовку к нашему кулону.
Выделите созданный в прошлом шаге круг и выполните команду: Object > Path >Offset Path. укажите значение Offset равным 20 пикселям остальные параметры оставьте без изменений. Залейте получившуюся окружность золотым линейным градиентом настройки которого показаны ниже.
Далее создайте еще одну окружность на несколько пикселей больше чем окружность золотой окантовки и залейте ее градиентом потемнее. для этого выделяем созданный круг и снова идем в Object > Path > Offset Path автор не указал значение, мое значение «Offset» 5px.


Настройки второго градиента

Шаг 5

Добавим легкую тень под наш кулон, для этого выделите первую окружность залитую бардовым градиентом и идете в Object > Path > Offset Path
параметр offset на «0» получившуюся окружность залейте радиальным градиентом от светло серого в центре до белого по краям. (мой серый 160.160.160), установите режим наложения на Multiply Переместите окружнось на самый дальний план, и трансформируйте как показано на скрине ниже, так же настройте градиент с помощью инструмента Gradient tool(G) так чтобы не было видно резких границ.

Шаг 6
Добавим немного блеска к нашей золотой окантовке.Дублируйте окружность иммитирующую золотую окантовку (ту что залита сложным градиентом) и переместите копию немного вниз. Для этого достаточно просто выделить окружность и перетащить ее вниз с зажатой клавишей Alt после чего выделите обе окружности и активируйте Shape Builder Tool (Shift-M) с его помощью удалите ненужные элементы (на скриншоте выделены зеленым) оставив только верхнюю заготовку Блика. Залейте получившийся объект, линейным градиентом, от черного к светло желтому, как показано на изображении и присвойте ему режим Screen

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

Этап 2. Формирование основных элементов росписи с использованием Blend Tool

Шаг 1

Начнем с самого примитивного элемента — ромашки. Для начала создайте круг и залейте его желтым, это центр нашей ромашки.
Затем создайте второй круг белого цвета чуть меньшего размера, и поместите его на верх первого. Не снимая выделения активируйте Rotate Tool ® зажмите Alt и кликните в центр желтого круга (так мы выберем ось вокруг которой будем вращать наш белый круг). В появившемся окне настроек установите угол на 60 и нажмите кнопку copy, затем просто несколько раз нажмите сочетание клавишь Ctrl+D для повторения операции. Ромашка готова!

Шаг 2
Теперь сделаем пару спелых блестящих ягод, создайте небольшой круг (мой 55px) и залейте его темно красным цветом (d92f18)
Затем сделайте круг поменьше и поместите его немного выше и левее поверх первого примините к нему заливку цветом fe5900
Выделите оба круга и идите в object > Blend > Blend Options там значениюSpecified Steps присваиваем значение 2 и жмем ок.
Не забывайте нажимать ctrl+alt+B после всех этих действий, для применения эффекта.

Шаг 3

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

Автор предлагает нам нарисовать ветку с помощью Pencil Tool (N) и редактировать опорные точки с помощью
Convert Anchor Point Tool (Shift-C). Я нарисовал ветку с помощью Pen tool(P)вы можете поступить как вам больше по душе.
Цвет ветки 732801

Шаг 4

После этого выделяем все элементы ягоды и жмем Ctrl+G затем копируем эту группу через палитру слоев или просто перетаскиваем при нажатой клавише alt,выделяем маленький внутренний круг, это можно сделать найдя его в палитре слоев, или разгруппировав вновь созданную ягоду (shift+ctrl+G) и заливаем его бежевым цветом, fcc558 а внешний круг перекрашиваем в темно-желтый, b28324остальные круги перекрасятся автоматически.

Шаг 5

Двигаемся к следующему элементу нашей композиции. Начните с создания пятиугольника, залейте его тем же темно-желтым цветом который вы использовали для внешнего круга нашей второй ягоды, в предыдущем шаге. Далее идем вobject>path>offset path устанавливаем значение -20 px жмем ок. Получившуюся фигуру заливаем светло бежевым из прошлого шага, и применяем к обеим фигурам такой же эффект смешивания с такими же параметрами.

Шаг 6

Шаг6
А теперь немного уличной магии по превращению скучной фигуры в симпатичный цветок, идем в Effect > Distort & Transform > Pucker & Bloat. и передвигаем ползунок Bloat в положение 70%. Ву-а-ля! У вас есть цветок! Продолжаем добавлять на него простые элементы. Создаем 40 конечную звезду с помощью инструмента star tool (находиться в панели rectangle tool(M)) По умолчанию у нас рисуется 5-конечная звезда, чтобы добавить ей концов просто нажимайте на стрелку вверх, или вниз чтобы убавить. Залейте ее темно-коричневым цветом(732800)
Последний штрих: Добавим два маленьких круга в центре звезды, больший, знакомого нам темно-желтого цвета, а меньший белого,
расположите их их как показано на скрине.

Шаг 7

Мы подошли к созданию самой аппетитной части нашего проекта — землянике. Начните с создания овала и залейте его темно-бардовым цветом d92f18 затем возьмите direct selection tool(A) и немного опустите верхнюю часть нашей основы, это верх нашей ягоды. также для большего реализма вытяните немного нижнюю часть. Создайте уменьшенную копию, получившейся фигуры и залейте ее. fe5900Выделите обе, и примените уже знакомое нам смешивание object > Blend > Blend Options с теми же параметрами.

Добавим зернышки. eda248
Прим.(автор не указала способ которым она это сделала, Я снова применил pen tool(p) Так же, думаю, можно просто немного изменить вытянутый эллипс,а затем просто размножить зерна и слегка разнообразить их размер.)

Шаг 8

Так же нашей землянике необходима шляпка на верху. Создайте 10-сторонний многоугольник, примените к нему Pucker & Bloat effect с параметром Bloat valueравным 19%. Подгоните размер вашей шляпки под ягоду, затем, не снимая выделения примените object>Expand Appearance. Затем выделите заготовку шляпки и нижнюю основу ягоды, и с помощью инструмента Shape Builder Tool (Shift-M) с зажатой клавишей ALT удалите верхнюю часть заготовки. Для получения более детальной шляпки просто повторите продедуру смешивания описанную в шаге7 (object > Blend > Blend Options) предварительно создав копию фигуры

Этап 3. Создание простых листьев и заготовка кистей для рисования веточек с ягодами.

Шаг 1

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

Шаг 2

Используйте Pencil Tool (N) для того чтобы нарисовать зигзаг имитирующий форму листа. По завершению, отразите получившийся элемент на другую сторону листа с помощью Reflect Tool (O) Объедините все получившиеся части с помощью команды Unite панели Pathfinder

Прим. и снова Pen Tool(P) для меня оказался удобнее.

Шаг 3

Используйте Arc Tool чтобы создать ровно изогнутую линию которая разделит наш лист пополам. Выделите получившуюся линию и наш лист, и нажмите Divide в панели Pathfinder чтобы разделить наш лист пополам по линии, сделайте одну сторону листа немного темнее.

Шаг 4

Давайте добавим нашему листу имитацию светотени. Для этого сформируйте несколько треугольных форм на поверхности нашего листа, совместив острые концы треугольников с концами листьев, для того чтобы подогнать форму треугольников точно под форму листа, используйте уже знакомый нам Shape Builder Tool (Shift-M) для удаления ненужных фрагментов фигуры (отмечены синим на скриншоте)

Шаг 5

Залейте наши треугольники светло-бежевым чтобы придать листу эффект плавной золотой текстуры.
Выделите получившиеся объекты и отразите их на другую сторону листа с помощью reflect tool(O) И подгоните, их под вторую половину листа, после также используйте Shape Builder Tool (Shift-M) для удаления ненужных частей.

Прим. Данный этап вызвал немалую запарку, и последний пункт Я сделал следующим образом: Когда одна половина листа вместе со светотеневыми компонентами была полностью готова, Я объединил все в группу и создал отражение этой половины, разгруппировал его, после чего удалил все лишние опорные точки на внутренней стороне получившейся половины листа, для того чтобы подогнать половинки друг к другу, при помощи двух крайних опорных точек, а потом удалил лишние части треугольников, инструментом Shape Builder Tool (Shift-M).

Шаг 6

Давайте сформируем некоторые простые формы для вьющихся стеблей и создадим парочку наших собственных кистей. Нарисуйте круг и превратите его с помощью direct selection tool(A) в комету с длинным и острым на конце хвостом. Перетащите созданную форму в панель кистей и выберите создание художественной кисти Art Brush.

Шаг 7

Все опции создания новой кисти оставте по умолчанию кроме пункта Colorization Method. В нем установите вариант Hue Shift. Как вы могли заметить, Я повернула фигуру на 90 градусов, вы можете не менять положение фигуры, это зависит от того как вам будет удобно рисовать этой кистью, левша вы или правша, короче, от индивидуальных особенностей каждого человека, поэтому здесь четких рекомендаций нет. Попробуйте разные способы в процессе рисования.
Прим. Предполагается что вы будете рисовать с помощью планшета, у меня он есть, поэтому Я установил форму кисти снизу вверх, если вы используете мышь, то, думаю, имеет смысл оставить форму кисти горизонтальной справа налево или наоборот, в зависимости от того какая рука у вас рабочая.

Шаг 8

Создайте еще один объект из эллипса, но на этот раз углы с обоих сторон должны иметь острые углы.

Также создайте из него художественную кисть:

Этап 4. Создание композиции «Хохлома»

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

Шаг 1

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

Шаг 2

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

Шаг 3

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

Шаг 4

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

Шаг 5

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

Шаг 6

Добавьте подобную веточку на другой стороне композиции
Прим. нарисуйте примерную форму ветки, а затем отредактируйте форму с помощью Direct Selection tool(A)

Шаг 7

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

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

Шаг 8

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

Для этого создайте объект в форме полумесяца в верхней части нашего кулона, и расположите ее согласно скриншоту. Залейте ее линейным градиентом сверху вниз от светло-желтого ffec7d до черного. Измените режим смешивания на Screenчтобы добавить немного прозрачности.

Шаг 9

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

Наш шедевр готов!

Я надеюсь вы открыли в этом уроке что-то новое для себя и взяли на вооружение несколько полезных приемов. Всем удачи!

Серия сообщений "* Adobe Illustrator *":
Часть 1 - 10 полезных уловок для работы в Adobe Illustrator
Часть 2 - Рисуем цветочный паттерн в Adobe Illustrator
Часть 3 - Рисование узора «под Хохлому»
Часть 4 - Иллюстрация: Камни и цветы для спа
Часть 5 - Уроки Adobe Illustrator: как нарисовать корзину с цветами
Часть 6 - Уроки Adobe Illustrator: как нарисовать валентинку
Часть 7 - Создаем цветок при помощи Gradient Mesh
Часть 8 - Векторный цветок