Unlimited PS Actions, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Design & Illustration
  2. Global Influences
Design

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

by
Difficulty:BeginnerLength:LongLanguages:

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

Final product image
What You'll Be Creating

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

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

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

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

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

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

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

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

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

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

Romanian traditional pattern painted eggs

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Шаг 1

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

  • X: 60 пикселей 
  • Y: 524 пикселей
positioning our patterns base element

Шаг 2

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

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

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

creating the base row of elements for the pattern

Шаг 3

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

adjusting the first row of the pattern

Шаг 4

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

creating the patterns second row of elements

Шаг 5

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

adjusting the second row of the pattern

Шаг 6

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

adjusting the third row of the pattern

Шаг 7

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

adjusting the fourth row of the pattern

Шаг 8

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

adjusting the fifth row of the pattern

Шаг 9

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

adjusting the sixth row of the pattern

Шаг 10

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

adjusting the seventh row of the pattern

Шаг 11

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

duplicating the bottom start section of our pattern

Шаг 12

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

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

duplicating the base section of the pattern

Шаг 13

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

positioning the top section of our pattern

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

basic pattern look

Шаг 14

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

creating the taller top section pattern

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

pattern almost finished

Шаг 15

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

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

creating the base element for the side pattern

Шаг 16

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

creating the second element for the side pattern

Шаг 17

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

positioning the third element of the side pattern

Шаг 18

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

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

basic preview of the side pattern element

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

Шаг 19

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

positioning the two elements for the side pattern blend

Шаг 20

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

setting up the blend for the side pattern

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

side pattern finished using blend tool

Шаг 21

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

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

expanding the side pattern blend

Шаг 22

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

positioning the right side pattern

Шаг 23

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

bottom pattern section finished

Шаг 24

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

positioning the blend elements for the top section side pattern

Шаг 25

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

top pattern section wide side patterns

Шаг 26

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

patterns finished

Шаг 27

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

positioning the first element of the top section delimiter

Шаг 28

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

positioning the second element of the top section delimiter

Шаг 29

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

positioning the diamond shaped objects

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

adjusting the diamond shaped objects

Шаг 30

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

top section delimiter finished

Шаг 31

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

positioning the bottom section delimiter

Шаг 32

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

positioning the smaller name delimiters

Шаг 33

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

positioning the taller name delimiters

Шаг 34

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

positioning the diamond shaped objects onto the name zone

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

illustration without name applied

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

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

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

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

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

type settings

В печать!

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

Advertisement
Advertisement
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.