Advertisement
  1. Design & Illustration
  2. Global Influences
Design

Как создать традиционную китайскую живопись с цветком и птицей, используя сетки градиента(Gradient mesh)

by
Difficulty:AdvancedLength:LongLanguages:

Russian (Pусский) translation by Irina Molochnaia (you can also view the original English article)

Final product image
What You'll Be Creating

Примечание редактора: Этот урок немного особенный. Впервые более чем за десять лет истории Envato Tut+ этот урок был написан в оригинале на неанглийской языке - в данном случае, на китайском - и  переведен для нашей англоговорящей аудитории. Мы считаем, что это  маленький шаг для Envato Tuts+, но гигантский скачок для межкультурного диалога в дизайне. Автор Dao Lian - превосходный векторный художник - также активен в сообществе пользователей китайского Envato контент-партнера, ZCOOL.

В сегодняшнем уроке я покажу вам как создать пион - китайский национальный  цветок- в иллюстраторе с использованием инструмента Сетка градиента( Gradient Mesh Tool).

Символизм, скрытый за иллюстрацией

У китайской живописи чрезвычайно долгая история, с отличительными особенностями и стилем, которые ставят ее отдельно от остальных художественных школ.  Пока старые Европейские мастера особенно любили изображать вазы с фруктами и позирующих моделей с тщательной детализацией, Китайские мастера сфокусировались на темах, которые изначально попадали в три категории: люди (renwu), пейзажи (shanshui - буквально "Горы и водопады"), или "птицы и цветы" (huaniao). Сегодня мы выберем последнее.

Вы заметите, что нет никакого фонового цвета в этой работе,- это потому, что пустое место в китайском искусстве тоже является важным. Великие Китайские живописцы веками осваивали принципы 虚实 (xushi) и 藏露 (canglu) или "реальность и выдумка, сокрытое и явное". Другими словами, что должно быть нарисовано откровенно, а что должно быть оставлено воображению смотрящего? Что должно быть показано, а чем можно только догадываться?

Наш предмет сегодня - пион, китайский национальный цветок, который символизирует процветание и удачу. Это довольно распространенная тема в Китайском искусстве, часто объединенная в поэзии и визуальном дизайне художниками и поэтами. Что мы будем создавать:

Final Product Chinese Traditional Bird and Flower painting Vector

Это векторизованная версия вот такой живописи кистью:

Peonies by Shen Zhihua
Источник: Shen Zhihua

Традиционная живопись обычно делается на шелке или пергаменте кистью, смоченной в чернилах или пигменте. Мы будем использовать векторный графический редактор (Adobe Illustrator CC 2015) чтобы исследовать как воссоздать этот стиль в векторном формате. Это просто удивительно- как одна простая команда - "Feather" - растушевка - может симулировать Китайские чернила  с таким отличным эффектом.

1. Как выставить свою рабочую область

Открыть  Adobe Illustrator и выбрать Файл > Создать новый (File > New) В диалоговом окне Нового документа выставить ширину 240 мм, высоту 280 мм, разрешение 300 ( чтобы можно было легко использовать для печати), и цветовую схему CMYK. Как выставите все параметры как на картинке ниже, нажмите ОК чтобы создать новый документ.

2. Как нарисовать цветы

Шаг 1

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

How to Draw Chinese Vectors First Petal Outline

Шаг 2

Используя Градиентную сетку, постепенно добавьте цвет в лепесток, последовательность исполнения и цвета палитры представлены  ниже: 

How to Draw Traditional Chinese Art Petal Shading
How to Draw Traditional Chinese Art Petal Color Palette

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

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

How to Draw Traditional Chinese Art Using Gradient Mesh

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

Шаг 3

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

How to Draw Traditional Chinese Art First Flower Layers
Три уровня

Мы нарисуем тычинки ( желтое в середине цветка) в следующем шаге, а сейчас, начнем с первого слоя. Используя инструмент Перо, нарисуем каждый из пяти лепестков как на примере ниже, и потом раскрасим их с помощью Меша и расположим как показано слева. Когда закончим, сгруппируем их командой (Control-G).

How to Draw Traditional Chinese Flowers in Illustrator Petal Layers
Слой 1

Шаг 4

Второй слой состоит из 10 лепестков. Используя инструмент Перо, нарисуем каждый лепесток. Затем окрасим их с помощью Меша и расположим как показано. Выберем все лепестки слоя, сгруппируем их (Control-G), и затем отправим их на задний план Arrange > Send to Back (Shift-Control-[)

How to Draw Traditional Chinese Flowers in Illustrator Petal Layers 2
Слой 2

Шаг 5

Третий и последний уровень состоит из пяти лепестков, простейший из которых нарисован нами в ходе нашей тренировки. Повторите процесс, описанный выше, и для третьего слоя: используя инструмент Перо, нарисуйте форму каждого лепестка. Затем раскрасьте каждый, используя меши, и расположите как показано. Сгруппируйте слой, и отправьте на задний план командой Arrange > Send to Back (Shift-Control-[), чтобы он встал перед первым слоем.

How to Draw Traditional Chinese Flowers in Illustrator Petal Layers 3
Слой 3

Шаг 6

Теперь, давайте нарисуем тычинки. Центральная часть цветка разделена на цвет фона с волокнами тычинок на переднем плане. Синий фоновый цвет сделан с использованием инструмента Перо и окрашен Мешем, как наши лепестки. Желтые волокна нарисованы кистью, которую мы создадим сами.

Сравните контуры двух цветов ниже, и вы увидите, что тычинки - это сужающиеся и расширяющиеся пути инструмента "перо", в то время как синий фон - меш.

How to Draw Traditional Chinese Art in Adobe Illustrator Flower Stamen
How to Draw Traditional Chinese Art in Adobe Illustrator Flower Stamen

Шаг 7

Используйте инструмент Перо чтобы нарисовать зарытый путь в форме одной тычинки. Откройте панель Цвета (Colors) и в окне выбора цвета измените заливку на желтый  (C=0, M=0, Y=100, K=0).

How to Draw Traditional Chinese Paintings in Vector Format Stamen Color Selection

Шаг 8

Затем убедитесь что выбрана желтая тычинка. Откройте панель Кисти (Brushes) (F5), и кликните на иконку Создать Новую Кисть (New Brush).  Выберите Художественные кисти (Art Brush) и подтвердите выбор.

How to Draw Traditional Chinese Paintings in Vector Format New Brush
Иконка Создать Новую Кисть снизу справа
How to Draw Traditional Chinese Paintings in Vector Format New Art Brush
Выбрать "Художественная кисть"

Шаг 9

Задайте имя кисти "Цветочные тычинки", все остальные настройки можно оставить по умолчанию. Когда закончите, вы увидите что ваша новая кисть появилась в панели кистей( Brushes).

How to Draw Chinese Flowers in Adobe Illustrator Stamen Brush Settings
Назовите вашу кисть Все настройки могут остаться по умолчанию.

Шаг 10

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

Цвета:

  • Первая кисть: 26 тычинок, цвета: C=0, M=0, Y=100, K=0 ( вы уже ее сделали)
  • Вторая кисть : C=31, M=58, Y=95, K=0
  • Третья кисть : C=12, M=11, Y=78, K=0
  • Четвертая кисть : C=5, M=1, Y=52, K=0
How to draw traditional Chinese flower arrangements Stamen Brush Colors

Шаг 11

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

Количество тычинок, что я использовал:

  • Первая кисть : 26 тычинок
  • Вторая кисть : 6 тычинок
  • Третья кисть: 6 тычинок
  • Четвертая кисть: 3 тычинки
How to Draw a Traditional Chinese Flower Arrangement Stamen Group

Шаг 12

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

How to Draw Vector Chinese Flowers Stamen Background
How to Draw Vector Chinese Flowers Stamen Palette

3. Как нарисовать остальные цветы.

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

Шаг 1

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

How to Draw Vector Chinese Flowers Red Peony Overview

Первый слой состоит из нижней группы из  трех лепестков, плюс основная группа составленная из 13 лепестков. Используя Перо, нарисуем базовую форму лепестков. Используя Меш, окрасим  их в оттенки более темного розового.

How to Draw Vector Chinese Flowers Red Peony Petal Breakdown
How to Draw Vector Chinese Flowers Red Peony Palette
Темно-розовая палитра

Шаг 2

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

How to Draw Vector Chinese Flowers Red Peony Petal Breakdown 2

Шаг 3

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

How to Draw Vector Chinese Flowers Peony Group Overview
Цветовая гамма такая же, как мы использовали для предыдущего розового пиона.

Шаг 4

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

How to Make Traditional Chinese Paintings in Adobe Illustrator All Flowers

4. Как рисовать листья.

Шаг 1

Используйте Перо чтобы нарисовать обводку листа. Залейте центральные штрихи темным черным цветом, и залейте внешние штрихи серым градиентом. Обратите внимание что средний серый должен иметь прозрачность 80%.

How to Make Chinese Flowers in Adobe Illustrator Leaf Outline
How to Make Chinese Flowers in Adobe Illustrator Leaf Outline Palette
Средний серый имеет прозрачность 80%

Шаг 2

Выберите все пути листа, и затем пройдите  Эффект>Стилизация>Растушевка (Effect > Stylize > Feather), и поставьте радиус растушевки 0.3 mm (0.1 дюйма).

How to Make Chinese Flowers in Adobe Illustrator Outline Feather

Шаг 3

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

How to Make Chinese Flowers in Adobe Illustrator Leaf Color Overview

Шаг 4

Поставьте обводке листа Цветовой режим(Color Mode) Умножение (Multiply) и Прозрачность (Opacity) на 90%, и листик закончен. Эта техника и создает традиционный китайский эффект кистевой живописи.

How to Make Chinese Flowers in Adobe Illustrator Transparency Panel Leaf Outline
Панель прозрачности : Режим смешения - Умножение, Прозрачность - 90%

Шаг 5

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

How to Make Traditional Chinese Paintings in Adobe Illustrator Leaf Types
How to Make Traditional Chinese Paintings in Adobe Illustrator Leaf Palette
Цветовые палитры, которые я использовал.

Шаг 6

Расположите ваши законченные листья по монтажной области.

How to Make Chinese Flowers in Adobe Illustrator Flowers and Leaves Complete

5. Как нарисовать веточку с голубыми листьями

Шаг 1

Голубая ветвь состоит из семи разных листьев собранных в одну веточку. Начнем с первого. Используя Перо, рисуем обводку, и заливаем синим цветом (C=94, M=87, Y=98, K=61).

How to Make Chinese Flowers in Adobe Illustrator Blue Leaf Outline

Шаг 2

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

How to Make Chinese Flowers in Adobe Illustrator Blue Leaf Process
How to Make Chinese Flowers in Adobe Illustrator Blue Leaf Palette

Шаг 3

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

Шаг 4

Используя Меш, окрасьте листья как показано.

Шаг 5

Расположите листья в веточку, выделите их все, и сгруппируйте (Control-G) их.

6. Как нарисовать ветки

Шаг 1

Тут у нас три типа веточек : основные ветки, тонкие и заполняющие. Начнем мы с основных веток, которые, как и листья что мы рисовали в ч.1, состоят из обводки в паре с фоновым мешем.

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

How to Draw Chinese Art Branch Outline

Шаг 2

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

How to Draw Chinese Art Branch Background Color

Шаг 3

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

How to Draw Chinese Art Branch Shading
How to Draw Chinese Art Branch Palette
Цветовая гамма для толстых веток.

Шаг 4

Поместите цвет под обводку, и  сгруппируйте (Control-G).

Шаг 5

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

Палитра для задних основных веток.

Шаг 6

А сейчас мы возьмемся за тонкие ветки слева вверху картины. Используя Перо, нарисуем обводку ветки, зальем средне-серым и выставим Прозрачность на 80%.

How to Draw Chinese Art Thin Branch Outline

Шаг 7

Используя Перо, нарисуем форму заливки, и зальем еще более светлым серым.

How to Draw Chinese Art Thin Branch Background

Шаг 8

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

Шаг 9

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

How to Draw Chinese Art Thin Branch Shading
Палитра для меша тонких веток.

Шаг 10

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

How to Draw Traditional Chinese Peony Arrangements

Шаг 11

Используйте Меш чтобы раскрасить каждый бутон. Для этих бутонов вам не нужен сложный меш и опорные точки; одной будет вполне достаточно. Используйте темный красный переходящий в светлый красный.

How to Draw Traditional Chinese Flowers
How to Draw Chinese Art Thin Branch Palette

Шаг 12

Расположите бутоны по тонким веткам.

How to Draw a Chinese Flower Arrangement Bud Mesh

Шаг 13

Расположите тонкие ветки и толстые ветки на монтажной области.

How to Draw Chinese Art Flowers Leaves Branches

Шаг 14

Структура все еще немного свободная, так что нам надо бы добавить немного дополнительных веток чтобы ее заполнить. Мы создадим еще 10 этих маленьких веточек чтобы заполнить разрозненные места между листьями. Так что начнем с первой : используя Перо, рисуем форму ветки.

How to Draw Chinese Art Fill Branches Expanded

Шаг 15

Идем Эффект>Стилизация>Растушевка ( Effect > Stylize > Feather) и выставляем радиус растушевки  0.3 mm (0.1 дюйма).

How to Draw Chinese Flower Paintings Fill Branches Feather
Эффект>Стилизация>Растушевка

Шаг 16

В панели Прозрачность, меняем режим смешения на Умножение.

How to Draw Chinese Flower Paintings Transparency Palette
Панель прозрачности: Режим Умножение.

Шаг 17

Повторите вышеописанные шаги, заполняя пустые места между листьями.

Основная часть картины теперь готова! Завершим, добавив немного последних штрихов для контраста : бабочку и камень.

How to Draw Chinese Flower Paintings Branches Leaves Flowers

7. Как нарисовать бабочку.

Шаг 1

Так как бабочка служит контрастом к основным элементам картины, нам не нужно делать ее чрезмерно сложной.

Пером нарисуем обводку и зальем черным.

Шаг 2

Выделите всю обводку, и идем  Effect > Stylize > Feather. Выставляем радиус растушевки 0.3 mm (0.1 дюймов). Затем в панели прозрачности, выставляем режим смешения на Умножение.

How to Draw Chinese Flower Paintings Butterfly Outline

Шаг 3

Пером рисуем фоновую форму для тела.

How to Draw Chinese Ink Paintings in Vector Butterfly Body

Шаг 4

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

How to Draw Chinese Ink Paintings in Vector Butterfly Body Color

Шаг 5

Поместите тело на слой перед крыльями, но за ножками.

How to Draw Chinese Ink Paintings in Vector Butterfly Body Wings

Шаг 6

Пером нарисуем фоновую заливку для крыльев.

How to Draw Chinese Ink Paintings in Vector Butterfly Wings Background

Шаг 7

Мешем раскрасим фоновую форму крыльев, и поместим под обводкой крыльев.

How to Draw Chinese Ink Paintings in Vector Butterfly Mesh Tool
How to Draw Chinese Ink Paintings in Vector Butterfly Palette

8. Как нарисовать камень.

Шаг 1

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

Давайте приступим к последней детали вместе.

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

Пером нарисуем три отдельных пути.

Шаг 2

Откроем панель Кисти ( Brushes - F5 ), и выберем Vector Packs > Grunge Brush Vector Pack > Grunge Brush Vector Pack 06, и применим эту кисть к путям.

Шаг 3

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

Шаг 4

Мешем примените темный цвет к верхнему и нижнему штрихам

Шаг 5

Теперь центральные штрихи. Пером рисуем форму путей, красим их, и затем используем эффект растушевки - (Effect > Stylize > Feather > Feather Radius 0.3 mm / 0.1 in).

Шаг 6

Пером рисуем фоновые формы и помещаем их под штрихами.

Шаг 7

Мешем примедаем фоновым формам  оттенки серого и зеленого.

Отличная работа!

Наконец, поместите камень и бабочку в нужное место, и готово!

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

Хотите узнать еще о традиционной живописи с цветами и птичками? Загляните на эти ресурсы и ознакомьтесь с некоторыми великими мастерами:

  • Wu Changshuo (1844–1927): Возродитель "цветов и Птиц"
  • Xu Wei (1521–1593): Ван Гог Цветов и Птиц и немного адвокат женских прав
  • Emperor Song Huizong (1082–1135): Плохой стратег, хороший художник

Давайте кинем еще один взгляд на получившуюся работу и на градиентные сетки:

How to Draw Chinese Ink Paintings in Vector Completed
How to Draw Chinese Ink Paintings in Vector Completed all meshes
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.