Advertisement
  1. Design & Illustration
  2. Vector

Создание Нежного Плоского Восточного Узора в Adobe Illustator

Scroll to top
Read Time: 7 min

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

Final product imageFinal product imageFinal product image
What You'll Be Creating

В этом уроке мы будем создавать простой, но красивый восточный узор в Adobe Illustrator. Различные объекты азиатской культуры будут созданы с помощью основных форм и затем аккуратно объединены в композицию, образуя цельный рисунок, кокторый будет идеально подходить как фон для вашего блога, как декоративная оберточная бумага для вашего подарка или праздничный кусок ткани для вашей одежды. Заинтересованы? Тогда приступим!

1. Создание Традиционных Бумажных Фонарей

Шаг 1

Мы начнем с формирования первого элемента нашей текстуры - красного бумажного фонаря. Во-первых, сделайте прямоугольник, используя Rectangle Tool (M), и залейте его чистым красным цветом. Во-вторых, перейдите в Effect > Stylize > Round corners и настройте Radius примерно на 30 пикселей, придав нашей форме вид фонаря.

Шаг 2

Добавьте маленький прямоугольник наверху основной формы фонаря и нажмите Enter. Настройте значение Vertical в появившемся окне Move на -3 пикселя для отделения прямоугольника от фонаря и поддержания нашего стиля.

Шаг 3

Воспользовавшись Rectangle Tool (M), добавьте тонкую белую полоску, придерживая клавишу Alt, опустите полоску немного вниз так, чтобы у нас получилась копия нашей первой полоски. Нажмите комбинацию Control-D несколько раз для повтора вашего последнего действия, создав больше копий. Используйте Shape Builder Tool (Shift-M) для отрезания ненужных вам частей.

Шаг 4

Добавьте белую форму, используя Ellipse Tool (L), и с помощью панели Align расположите ее в центре.

Шаг 5

Дальше нам нужно добавить маленькую ручку наверху нашего фонаря. С помощью Ellipse tool (L) сделайте овал. Настройте контур на 2 пикселя и поменяйте цвет на красный. Нам нужна только верхняя дуга овала, так что мы воспользуемся Scissors Tool (S), щелкнем на стороне опорных точек овала и разобьем его на части. Затем удалите ненужную часть (синего цвета на рисунке). Настройте в окне Stroke опции Cap и Corner на позиции посередине (Round).

Шаг 6

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

Шаг 7

Сделаем второй фонарь, но другой формы. Сделайте овал и поместите ручку от красного фонаря. Добавьте тонкую белую линию, используя Line Segment Tool (\), и перейдите в Effect > Warp > Arc.  Настройте Bend на -68%. Линия станет дугообразной, повторяя форму нашего фонаря и делая его более объемным. Сделайте линию пунктирной, используя панель Stroke, и сделайте последний штрих, нарисовав бахрому на низ нашего фонаря.

Шаг 8

Сделайте бахрому разной длины и добавьте шнурок на низ нашего фонаря.

2. Воспроизведение Бамбукового Забора

Шаг 1

Неотъемлемой частью азиатского узора является бамбук. Давайте сделаем его! С помощью Rectangle Tool (M) нарисуйте форму и трансформируйте ее, выделив с помощью Direct Selection Tool (A) опорные точки на обеих сторонах и передвинув их ближе к центру. Сделайте несколько копий бамбука и положите их один над другим. Сделайте дубликат колонки и сформируйте забор, сделав высоту отдельных сегментов различной.

Шаг 2

Пойдем дальше и сделаем простую кисть для листьев. Нарисуйте овал с помощью Ellipse Tool (L) и сделайте верхнюю и нижнюю опорные точки заостренными. Перетащите лист в панель Brushes и создайте Art Brush,, оставив стандартные настройки.

Шаг 3

Возьмите Paintbrush Tool (B) и нарисуйте несколько листьев вокруг нашего забора.

3. Сделайте Нежный Цветок Сакуры

Шаг 1

Красивая восточная культура всегда напоминает мне о мягких лепестках вишни. Начните их создание с образования формы с помощью Ellipse Tool (L). Отрежьте верхнюю часть овала в виде треугольника и видоизмените его с помощью Shape Builder Tool (Shift-M). У нас получилась форма в виде копыта. Преобразуйте нижнюю опорную точку в угол, щелкнув ее Convert Anchor Point Tool (Shift-C). Наконец, выделите обе боковые опорные точки и приподнимите их немного, чтобы сделать верхнюю часть листа шире.

Шаг 2

Теперь из лепестков мы можем сделать красивые цветки вишни. Добавьте маленький круг под лепестком. Возьмите Rotate Tool (R), держите клавишу Alt и нажмите на центр круга. Это и будет нашей опрной точкой, вокруг которой мы и будем вращать копии лепестка. Отпустите кнопку мыши, настройте в окне опций Rotate Angle на 70 градусов и нажмите кнопку Copy. Несколько раз нажмите Control-D для повтора вашего последнего действия, образовав цветок.

Шаг 3

Добавим несколько простых деталей нашему цветку. Нарисуйте несколько линий Line Segment Tool (\) и украсьте их кругами.

Шаг 4

Сгруппируйте созданные декоративные элементы и используйте тот же трюк с Rotate Tool (R), чтобы добавить их к каждому лепестку.

4. Воспроизведение Красного Веера С Украшениями

Шаг 1

Нарисуйте прямоугольник и трансформируйте его, передвинув нижние опорные точки ближе к центру. Зайдите в Effect > Stylize > Round Corners и настройте значение Radius на 3 пикселя, чтобы сделать форму более гладкой. Сделайте тонкую палочку Rectangle Tool (M), Отправьте ее Назад (Shift-Control-[) и Align to Key Object, таким образом поставив палку в центр красной формы.

Шаг 2

Теперь нам нужно сформировать веер. Используйте Rotate Tool (R) , придерживая клавишу Alt и щелкая по нижней части палки. Настройте Rotate Angle на 15 градусов и нажмите кнопку Copy. Нажмите Control-D,, сформировав левую часть веера. Используйте Reflect Tool (O), чтобы отразить созданную группу объектов по вертикальной оси.

Шаг 3

Украсим наш веер. Нарисуйте расплющенный овал и сдеайте его заостренным в обоих концах. Перейдите в Effect > Warp > Flag и настройте значение Bend на максимум. Object > Expand Appearance нашу форму и украсьте веер только что созданными волнистыми линиями.

Шаг 5

Создайте 10-сторонний Полигон и перейдите в Effect > Distort & Transform > Pucker & Bloat, чтобы сделать простой цветок, передвинув слайдер в сторону Bloat. Не забудьте примнеить Object > Expand Appearance к нашему цветку.

Шаг 6

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

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

5. Добавьте Камней Из Дзен Сада

Шаг 1

Сделаем нашу композицию более гармоничной, нарисова несколько гладких камней. Сформируйте первый камень из овала, передвинув его опорные точки с помощью Direct Selection Tool (A) и сделав правую часть объекта уже. Добавьте другой овал над первым и измените его так, чтобы подходило по композиции. Добавьте маленький камень наверху и используйте кисть, созданную для бамбукового забора, чтобы добавить листья на обеих сторонах камней.

6. Воспроизведение Японских Ворот

Шаг 1

Единственный иснтрумент, который нам нужен для создания Японских Ворот, это Rectangle Tool (M). Создайте два прямоугольника, один над другим, сделав нижний прямоугольник слегка маленьким. Добавьте столбы, разместив еще один прямоугольник с одной стороны ворот и повернув его немного. Отразите столб по вертикальной оси и поместите его копию на другую сторону ворот. Добавьте несколько незначительных деталей, чтобы сделать ворота более роскошными.

Шаг 2

Поменяйте цвета заливки элементов на ярко-красный и оранжевый, которые мы использовали в нашей палитре. Выделите верхнюю часть ворот и перейдите в Effect > Warp > Arc, настройте значение Bend приблизительно на -7%. Добавьте несколько темных полосок внизу столбов. Используйте Eraser Tool (Shift-E) размером 1 pt для отделения частей ворот друг от друга, придерживайте клавишу Shift для перемещения инструмента ровно по горизонтали.

7. Создание Аккуратного Восточного Узора

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

Шаг 1

Теперь самая веселая часть! Выделите все элементы и перейдите в Object > Pattern > Make,, войдите в режим Pattern. Вы можете поиграть с настройками в окне Pattern Options, однако, единственное, что я здесь поменяла это Ширина и Высота (600x600 пикселей). Мы возьмем квадратный кусок нашего узора так, чтобы наш рисунок оставался цельным и мы могли его использовать не только для заполнения форм, созданных в AI, но также смогли бы вынести его за пределы и использовать для любых других целей – печать, установка в качестве фона и так далее.

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

Шаг 2

Скопируйте цветы и перекрасьте их в соответствии с общей цветовой палитрой. Добавьте больше копий цветов позади всех объектов, сделайте их более прозрачными, уменьшив Opacity в панели Transparency .

Шаг 3

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

Шаг 4

Выйдите из Pattern Mode, нажав Done наверху панели управления или просто дважды нажав на пустое пространство за пределами рабочего поля. Теперь вы можете найти узор в панели Swatches и отредактировать его в любомое время, нажав кнопку Swatch Options.

Поздравляю! Наш Нежный Восточный Узор готов!

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

Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Design & Illustration tutorials. Never miss out on learning about the next big thing.
Advertisement
Start your 7-day free trial*
Start free trial
*All Individual plans include a 7-day free trial for new customers; then chosen plan price applies. Cancel any time.