Как создать традиционный румынский народный узор в Adobe Illustrator

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

В самом руководстве будет использоваться Инструмент «Прямоугольник» и Режим предпросмотра пикселей для создания персонализированной закладки, которую вы сможете распечатать и использовать.  

История и культура

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

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

Моя мама, дизайнер одежды, всегда любила использовать элементы из разных регионов страны. 

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

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

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

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

Узор, который я выбрал, пришёл из округа Мускел региона Мунтения и использовался, в основном, в 19-м веке.  Стиль этого региона основывался на прямых линиях, формирующих геометрические мотивы, и более тёмных, холодных цветах (чёрный, красный и далее до фиолетового и зелёного).  

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

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

Теперь я представлю пошаговый процесс воссоздания этого узора при помощи некоторых базовых инструментов и функций Adobe Illustrator.

1. Настраиваем документ

Откройте Illustrator, создайте Новый документ (Файл > Новый) со следующими настройками:  

• Количество монтажных областей: 1
• Ширина: 120 пикселей (1.67 дюймов)
• Высота: 600 пикселей (8.33 дюймов)
• Единицы измерения: пиксели

Во вкладке с Расширенными настройками:

• Цветовой режим: CMYK
• Растровые эффекты: высокие (300 точек на дюйм)
• Выравнивать новые объекты по пиксельной сетке: отмечено 

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

2. Настраиваем слои

Перейдите на панель Слоёв и создайте два слоя, назвав их следующим образом: 

1. название
2. узор

3. Создаём узор

Когда документ будет настроен и разбит на слои, можем приступить к созданию узора. 

Шаг 1

Перейдите на слой с узором, заблокировав другой слой, и создайте квадрат 4 х 4, который мы окрасим в красный цвет (#E94849).  При помощи панели Трансформирования выделите и поместите только что созданный объект, использовав эти координаты:  

• X: 60 пикселей 
• Y: 524 пикселей

Шаг 2

Введите режим Предпросмотра в пикселях, перейдя в Вид > Предпросмотр в пикселях (Alt-Control-Y), и затем приблизьте маленький квадрат. 

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

Выделите оригинальный квадрат и создайте семь копий слева и следующие семь копий – справа, перетащив их влево или вправо, удерживая Alt.  Когда получится 15 объектов, выделите их и скопируйте в Буфер обмена  (Control-C).

Шаг 3

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

Шаг 4

Создайте второй ряд, вставив (Control-V) и передвинув его поверх первого.  

Шаг 5

Измените копию, удалив второй и четвёртый квадраты с каждой стороны и третий в середине. 

Шаг 6

Создайте третий скопированный ряд, применив тот же процесс вставки из Буфера обмена (Control-V), а затем удалите третий и пятый квадраты с каждой стороны.  

Шаг 7

В четвёртом ряду удалите четвёртый и шестой квадраты. 

Шаг 8

В пятом ряду нам нужно избавиться от пятого и седьмого квадрата. 

Шаг 9

В шестом ряду нам нужно удалить второй, третий и шестой квадрат с каждой стороны и один в середине. 

Шаг 10

Когда создадите седьмой ряд, удалите третий и седьмой квадраты с левой и правой стороны. 

Шаг 11

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

Шаг 12

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

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

Шаг 13

Создав нижнюю секцию узора, выделите и сгруппируйте его элементы (Control-G), а затем создайте копию (Control-C > Control-F) и расположите её ближе к верху монтажной области, применив эти координаты:  

Ваша иллюстрация должна выглядеть как-то так:

Шаг 14

Т.к. верхняя часть узора длиннее нижней, нам нужно повторить тот же трюк с копированием, удерживая Alt и нажав Control-D (повторить) ещё раз для создания двух копий (я закрасил копии более тёмными оттенками, чтобы вы их лучше видели). 

У вас должно получиться что-то вроде этого. 

Шаг 15

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

Инструментом «Прямоугольник» (М) создайте маленький квадрат 2 х 2 пикселей, окрасьте его в красный оттенок (#E94849) и расположите в нижней левой стороне секции нижнего узора на расстоянии 4 пикселя.  

Шаг 16

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

Шаг 17

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

Шаг 18

Измените только что созданную фигуру, дважды кликнув на ней для входа в Режим изоляции (щелчок правой кнопкой > Изолировать выделенный контур) и Инструментом «Прямое выделение» (А) выделите опорные точки правой стороны, сдвинув их вверх на 2 пикселя. 

Если вы отключите Предпросмотр пикселей, у вас получится что-то такое.

Совет: постарайтесь привыкнуть ко входу и выходу (Alt-Control-Y) из режима Предпросмотра пикселей, т.к. это помогает вам создавать с более высокой точностью, т.к. вы можете с точностью увидеть, какое место занимают ваши фигуры. 

Шаг 19

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

Шаг 20

Выделите верхний и нижний элементы, а затем создайте переход между ними, чтобы заполнить пустое пространство, перейдя в Объект > Переход > Параметры перехода.  Здесь вы увидите окно, в котором нужно выбрать тип Перехода.  Нам нужно установить его на Заданное количество шагов и ввести 23 в окне ввода значения. 

Совет: Если вы никогда не работали с переходами, то должны знать, что после установки Параметров перехода вам нужно ещё раз перейти в меню Объект > Переход и выбрать «Создать», чтобы переход принял форму. 

Шаг 21

Т.к. переход – это линия, нам нужно разобрать её, выделив и перейдя в Объект > Разобрать и отметив Объект и Заливку в появившемся окне. 

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

Шаг 22

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

Шаг 23

Закончите создание нижней секции нашего узора, добавив две линии 4 х 100 пикселей на каждой стороне зигзагообразных узоров, расположив их на расстоянии 2 пикселя. 

Шаг 24

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

Шаг 25

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

Шаг 26

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

Шаг 27

Нам нужно добавить верхнюю, среднюю и нижнюю секции.  Войдите в режим Предпросмотра в пикселях и Инструментом «Прямоугольник» (М), создайте объект 92 х 4 пикселей и расположите его ближе к верху узора, на расстоянии 4 пикселя при помощи панели Выравнивания. 

Шаг 28

Добавьте маленький объект 84 х 2 пикселей и расположите его на расстоянии 2 пикселя от предыдущего. 

Шаг 29

Создайте узор с ромбами, нарисовав восемь маленьких квадратов 4 х 4 пикселей, которые мы повернём под углом 45 градусов (выделить > щелчок правой кнопкой > Трансформировать > Поворот > 45), и затем сгруппируйте в левую и правую секции, расположив внутренние элементы на расстоянии 2 пикселя друг от друга.  Добавьте один большой квадрат 8 х 8 пикселей, поверните его таким же образом, как мы проделали это с маленькими, и затем выровняйте его горизонтально и вертикально по центру двух групп.  Выделите девять ромбов и расположите их на расстоянии 2 пикселя от самой ближней линии под ними. 

Совет: возможно, вы заметили, что при входе в режим Предпросмотра в пикселях повёрнутые объекты кажутся размытыми.  Это потому, что их опорные точки больше не привязаны к пиксельной сетке в процессе поворота.  Чтобы это исправить, изолируйте их и при помощи Инструмента «Прямое выделение» выделите и сдвиньте каждую точку к её ближайшему пересечению с сеткой.  

Шаг 30

Выделите две нижние линии под узором с ромбами и скопируйте их (Control-C), а затем вставьте на место (Control-F).  Сдвиньте копию к верху ромбов, отразив их по горизонтали (щелчок правой кнопкой > Отразить > По горизонтали).  После этого выделите верхнюю и нижнюю линии, а также внутренний узор ромба и сгруппируйте их всех вместе (Control-G).

Шаг 31

Создайте копию только что сгруппированных объектов (Control-C > Control-F) и расположите их под нижним узором секции на расстоянии 4 пикселя.  

Шаг 32

Двигайтесь к средней секции, которая остаётся между двумя секциями нашего декоративного узора, и создайте два прямоугольника 92 х 2 пикселей, расположив их на расстоянии 4 пикселя от верхней и нижней секций нижнего узора. 

Шаг 33

Добавьте ещё два прямоугольника 92 х 4 пикселей и расположите каждый на расстоянии 2 пикселя от только что созданных фигур. 

Шаг 34

Инструментом «Прямое выделение» (А) выделите и скопируйте (Control-C)  один из больших ромбовидных объектов, выровняв одну копию по левой стороне, а другую – по правой стороне от сегментов линии, которые мы только что создали, выровняв их горизонтально и вертикально по центру. 

На данном этапе наша иллюстрация почти готова.  Нам нужно только добавить имя (ваше имя) при помощи специально выбранного шрифта – и мы закончили.  

4.   Добавляем пользовательскую метку на нашу традиционную закладку  

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

Название шрифта – ArhaicRegular, и его можно скачать на dafont.com.

Если вы скачали шрифт на свой компьютер, разблокируйте слой с именем и при помощи Инструмента «Текст» (Т) кликните где-нибудь, чтобы начать печатать.  Впечатайте своё имя и измените шрифт на ArhaicRegular, установив Размер шрифта на 14 точек.  Выделите текст и выровняйте его по центру, использовав параметры верхней панели Параграфа, изменив цвет на #6B6B6B.

Наконец, расположите текст между двумя группами линий (с ромбовидными объектами по бокам). 

В печать!

Готово!  Если вы пошагово следовали руководству, у вас должна получиться уникальная закладка, готовая к печати.  Вы также кое-что узнали о происхождении этого румынского традиционного декоративного искусства и о процессе его создания в Adobe Illustrator.