46 подписчиков

Создание бесшовного паттерна в Adobe Illustrator. Легкий и универсальный способ.

25 мая 202025 мая 2020

2 мин

Оглавление

Шаг 1
Шаг 2
Шаг 3

Всем привет, сегодня мы с вами создадим паттерн в Adobe Illustrator одним из самых простых и эффектных способов, причем мы не будем использовать сторонние расширения и плагины.

Шаг 1

И так приступим. Перед тем как запустить иллюстратор вы можете скачать палитру, которую я использовал и перебросить файл в папку "Swatches" по пути C:\Program Files\Adobe\Adobe Illustrator 2020\Presets\en_GB\Swatches

Шаг 2

После этого запускаем Иллюстратор и создаем новый документ с параметрами 1000 Х 1000px. Название документа будет "Pattern".

Выбираем инструмент Rectangle Tool (M)

Кликаем левой кнопкой мыши по любому месту рабочего пространства и в появившемся окне вводим для высоты и ширины 1000px. Нажимаем ОК.

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

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

Окрашиваем коричневым цветом наш прямоугольник. Для этого есть 2 способа:

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

Активируем инструмент карандаш (N). Чтобы зайти в настройки инструмента, кликаем по иконке карандаша 2 раза. Я использую вот такие настройки.

Рисуем простые плашки карандашом

Продолжаем придумывать разные элементы.

Теперь правильно нужно распределить элементы на артборде. Напоминаю, что размер артборда у нас 1000 Х 1000 px.
Покрасим нужные элементы в один из цветов нашей палитры, например зеленый.
Распределяем первый объект по координатам x=0 px;y=0 px

располагаем первый объект по координатам x=0

Делаем копию объекта и сдвигаем ее в сторону на количество пикселей равное длине и ширине нашего артборда соответственно: x=0+1000 px; y=0 px

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

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

Продолжаем заполнять пространство

Теперь нужно использовать clipping mask (обтравочную маску), чтобы обрезать объекты выходящие за пределы артборда.
Для этого рисуем квадрат поверх всех объектов (он у меня оранжевого цвета)

Выделяем все объекты (ctrl + A) и нажимаем Make clipping mask (ctrl+7)

Шаг 3

Нам остался последний штрих, чтобы паттерн стыковался правильно в 100% случаев. Для этого рисуем квадрат 1000X1000 px поверх всех объектов (он у меня синего цвета).