Три способа создания кельтских узлов в Illustrator

() translation by (you can also view the original English article)

В этом уроке мы объясним как создавать волшебные кельтские узлы. Эти орнаменты сопровождали кельтов в их земной жизни и загробном существовании. Орнаменты украшали одежду, книги, мебель, посуду, оружие и надгробия. Я покажу вам три способа создания кельтских узлов в векторной форме — от простого до сложного. Последние техники позволяют любому создавать узлы любой сложности. Заинтригованы? Читайте дальше!

Вид итогового изображения

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

Информация об уроке

Программа: Adobe Illustrator CS3
Сложность: средняя
Примерное время выполнения: 60 минут

Шаг 1

Давайте создадим новый документ в Illustrator: выберем в меню «Файл» > «Новый» (File > New) и зададим размеры 600 x 600 пикселей (но можно использовать и любой другой размер). Я выбрал цветовой режим CMYK, чтобы использовать изображение для печати.

Теперь выберем инструмент «Прямоугольник со скругленными углами» (Rounded Rectangle) и создадим прямоугольник с закругленными углами без заливки с обводкой черного цвета. Радиус можно изменить клавишами «Стрелка вверх» и «Стрелка вниз», удерживая при этом нажатой левую клавишу мыши.

Шаг 2

Открываем палитры «Оформление» (Appearance) и «Обводка» (Stroke) и создаем несколько обводок, как показано на рисунке.

Шаг 3

Выделяем прямоугольник с закругленными углами и идем в меню «Объект» > «Трансформировать» > «Поворот» (Object > Transform > Rotate), затем вводим угол 90 и нажимаем кнопку «Копировать» (Copy).

Шаг 4

Выделяем оба прямоугольника с закругленными углами и применяем «Объект» > «Разобрать оформление» (Object > Expand Appearance), а затем «Объект» > «Разобрать» (Object > Expand).

Шаг 5

Выбираем инструмент «Быстрая заливка» (Live Paint Bucket (K)), затем заливаем несколько областей белым, как показано на рисунке.

Шаг 6

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

Чтобы преобразовать группу с быстрой заливкой (Live Paint) в отдельные контуры нажимаем кнопку «Разобрать» (Expand) на верхней панели с инструментами. Теперь группируем все объекты (Ctrl + G).

Шаг 7

Выбираем инструмент «Эллипс» (Ellipse) и рисуем круг без заливки с черной обводкой. Выравниваем все объекты по вертикали и по горизонтали друг относительно друга как показано на рисунке.

Шаг 8

Выделяем круг и создаем несколько обводок (смотри шаг 2).

Шаг 9

Выделяем круги, идем в «Объект» > «Разобрать оформление» (Object > Expand Appearance), «Объект» > «Разобрать» (Object > Expand). Выделяем все объекты и применяем инструмент «Быстрая заливка» (Live Paint Bucket (K)) (смотри шаги 5 и 6).

Шаг 10

Выбираем инструмент«Быстрая заливка» (Live Paint Bucket (K)), задаем черный цвет для заливки и закрашиваем области, как показано на рисунке.

Я поздравляю вас! Первый простой орнамент готов!

Шаг 11

Второй способ. Сейчас мы начинаем плести орнамент из трех простых элементов. Для удобства работы выбираем в меню «Просмотр» > «Показать сетку» (View > Show Grid). Создадим первый элемент. Выбираем инструмент «Прямоугольник со скругленными углами» (Rounded Rectangle) и строим прямоугольник с закругленными углами с черной обводкой и без заливки.

Шаг 12

Выделяем контур и добавляем две опорные точки, как показано на рисунке. Инструментом «Ножницы» (Scissors (C)) разрезаем левую и правую новые точки и удаляем правую нижнюю часть контура.

Шаг 13

Создаем несколько обводок.

Шаг 14

Создадим второй элемент. Для этого делаем копию первого элемента. Выбираем инструмент «Ножницы» (Scissors (C)), разрезаем верхнюю опорную точку и удаляем правую часть контура.

Шаг 15

Выбираем инструмент «Перо» (Pen (P)) и добавляем новую опорную точку как на рисунке.

Шаг 16

Давайте создадим третий элемент. Сейчас делаем копию первого элемента. Выбираем инструмент «Ножницы» (Scissors (C)), разрезаем верхнюю левую опорную точку и удаляем верхнюю часть контура. Перетаскиваем верхнюю опорную точку вверх, как показано на рисунке.

Выбираем все элементы, выбираем в меню «Объект» > «Разобрать оформление» (Object > Expand Appearance), а затем применяем «Объект» > «Разобрать» (Object > Expand).

Шаг 17

Делаем копии, поворачиваем элементы и начинаем строить орнамент.

Второй простой кельтский орнамент готов!

Шаг 18

Третий способ. Давайте создадим более сложный орнамент. Выбираем инструмент «Эллипс» (Ellipse) и создаем эллипс без заливки с черной обводкой. Создаем копию эллипса и перемещаем ее вправо и вверх.

Шаг 19

Выбираем инструмент«Ножницы» (Scissors (C)), разрезаем верхние опорные точки обоих эллипсов. Теперь немного сдвигаем опорные точки вниз.

Шаг 20

Выделяем левую точку левого эллипса и правую точку правого эллипса. В меню выбираем «Объект» > «Контур» > «Усреднить» (Object > Path > Average), и там выбираем по обеим осям (Both). Затем применяем «Объект» > «Контур» > «Соединить» (Object > Path > Join).

Шаг 21

Передвиньте управляющие точки, чтобы придать кривой более завершенный вид.

Шаг 22

Мы проделываем аналогичное действие с правой точкой левого эллипса и левой точкой правого эллипса.

Шаг 23

Шаг 24

Давайте создадим иллюзию того, что контур пересекается. Выбираем инструмент «Ножницы» (Scissors (C)), разрезаем контур как показано ниже.

Шаг 25

Давайте скроем места разрезов.

Выделяем контур и помещаем его поверх всего остального.

Выделяем синюю обводку в палитре «Оформление» (Appearance) и нажимаем на кнопку «Скругленные концы» (Round Cap) в палитре «Обводка» (Stroke). Теперь места разрезов скрыты. Группируем оба контура (Ctrl + G).

Шаг 26

Выделяем группу, выбираем в меню «Объект» > «Трансформировать» > «Зеркальное отражение» (Object > Transform > Reflect) и нажимаем «Копировать» (Copy).

Шаг 27

Выбираем первую группу и поворачиваем ее на 45 градусов с помощью «Объект» > «Трансформировать» > «Поворот» (Object > Transform > Rotate). Выбираем вторую группу и поворачиваем ее на -45 градусов.

Шаг 28

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

Шаг 29

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

Разгруппировываем все контуры (Shift + Ctrl + G). Вырезаем фрагмент контура с помощью инструмента «Ножницы» (Scissors) и выбираем в меню «Объект» > «Монтаж» > «На передний план» (Object > Arrange > Bring to Front).

Шаг 30

Выделяем все объекты и выбираем в меню «Объект» > «Разобрать оформление» (Object > Expand Appearance), а затем «Объект» > «Разобрать» (Object > Expand). Выделяем все синие элементы первой фигуры и применяем к ним градиент, как показано на рисунке.