Опубликовано в Рисунок | 0 комментариев

Рисование узора «под Хохлому»

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

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

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

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 Если необходимо отрегулируйте прозрачность.

Рисование узора «под Хохлому» *

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

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

Рисование узора «под Хохлому» *

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