Найти в Дзене
Опыт иллюстратора

Бесшовный паттерн (урок: легкий способ создания узора в иллюстраторе)

Оглавление

Доброго времени суток, Друзья!

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

Простой абстрактный геометрический бесшовный паттерн рыбья чешуя
Простой абстрактный геометрический бесшовный паттерн рыбья чешуя

В этой статье Вы узнаете:

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

И так, приступим…

Подготовка

Создаём новый файл с размерами монтажной области по 2000px по ширине и высоте.

-2

Инструментом рисования “Эллипс” (горячая клавиша “L”), нажав на пустом месте, создаём круг с размерами по 500px по высоте и ширине.

-3

Добавляем ей обводку, примерно в 25pt.

Далее выравниваем фигуру по левому краю монтажной области и поднимаем выше, чтобы нижняя часть эллипса расположилась на верхнем крае монтажной области. Более точно и без сдвигов это можно сделать, если при перемещении фигуры вверх зажать клавишу “Shift” и включить подсказки “быстрых направляющих” (горячая клавиша Ctrl+U).

-4
Если фигура исчезает за пределами монтажной области, то скорее всего включена обрезка по краю. Её можно отключить в выпадающем меню панели управления “Просмотр” => “Обрезка”
-5

Творим дальше…😉

Дублирование и повтор последних действий

Выделив круг, вызываем окно “Перемещение” (клавишей “Enter”) и сдвигаем фигуру на 500px по горизонтали, но вместо подтверждения нажимаем кнопку “Копировать

-6

Создался дубликат фигуры и расположился рядом с основным. Не снимая выделения, нажимаем комбинацию клавиш “Ctrl+D”, тем самым Повторяем последнее действие несколько раз, чтобы получилось 5 фигур.

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

-7

Выделяем всё, нажимаем “Enter” в окне “Перемещение” и выставляем значения:

  • По горизонтали: -250px
  • По вертикали: 250px

Такими настройками объекты смещаются вниз и влево на расстояние равной половине одной фигуры. Нажимаем “Копировать”.

-8

Выделяем всё и снова применяем “Перемещение”, выставив настройки:

  • По горизонтали: 0px
  • По вертикали: 500px

Нажимаем “Копировать”.

После перемещения, не снимая выделения с объектов, повторяем последнее действие нажатием известной нам комбинации клавиш “Ctrl+D” несколько раз, пока фигурами не заполнится монтажная область.

“Ctrl+D” это пожалуй одна из любимых комбинаций клавиш дизайнера-иллюстратора, которая ускоряет работу в разы.
-9

Получилось уже что-то похожее на бесшовный паттерн.

Обтравочная маска

Теперь создадим обтравочную маску, чтобы убрать лишнее. Для этого выделим всё клавишей “Ctrl+A” и сгруппируем все объекты.

Далее выбираем на панели инструментов “Прямоугольник” (горячая клавиша “М”), нажимаем на любом месте и в выпадающем окне “Прямоугольник” ставим значения такие же, как у монтажной области: по 2000px по ширине и высоте. Выравниваем созданный прямоугольник по горизонтальным и вертикальным центрам и переносим на передний план, нажав правой клавишей мыши (ПКМ) и выбрав в выпадающем меню “Монтаж” => “На передний план”

-10

Далее убираем заливку и обводку, сделав прозрачным прямоугольник. Потом выделяем все объекты (Ctrl+A) и, нажав ПКМ, выбираем “Создать обтравочную маску”.

-11

Для проверки бесшовности можно продублировать узор, выбрав группу, нажав ЛКМ и перетянув в сторону с зажатой клавишей “Alt+Shift” (Клавиша alt нужна для быстрого создания дубликата, а shift для переноса строго по прямой линии).

-12

Поздравляю Вас! Бесшовный геометрический паттерн готов.

Можете изменить цвет фона и обводки или что-то добавить, а результатом поделиться в комментариях.

Если у Вас возникли вопросы, то смело задавайте их, и мы вместе разберемся в ситуации.

#как нарисовать #векторная #обучение #иллюстратор #паттерн в иллюстраторе #illustrator #adobe illustrator #уроки