Как сделать бесшовный паттерн в Иллюстраторе?

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

Шаг №1. Подготовка

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

В новый документ вставляем набор иконок для создания бесшовного паттерна
В новый документ вставляем набор иконок для создания бесшовного паттерна.

Шаг №2. Вспомогательный фон

Выбираем инструмент Rectangle Tool. Создаём прямоугольник на всю длину и ширину нашего квадратного артборда. После этого сочетанием клавиш Command+Shift+[ (если у вас Mac) или Ctrl+Shift+[ (если у вас Windows) отправляем прямоугольник на нижний слой.

Создаём прямоугольник с помощью инструмента Rectangle Tool
Создаём прямоугольник с помощью инструмента Rectangle Tool

Шаг №3. Панель для создания бесшовного паттерна

Выделяем все объекты внутри артборда инструментом Selection Tool или сочетанием клавиш Command+A (или Ctrl+A), а именно — иконки и прямоугольный фон. Затем переходим в Object — Pattern — Make. На экране появляется рабочая область для создания бесшовного паттерна.

Чтобы начать делать бесшовный паттерн перейдите во вкладку Object - Pattern - Make
Чтобы начать делать бесшовный паттерн перейдите во вкладку Object — Pattern — Make
Панель для работы с бесшовными паттернами
Панель для работы с бесшовными паттернами

Шаг №4. Создаём бесшовный паттерн

Теперь мы можем удалить прямоугольный фон для более удобного создания бесшовного паттерна. А для того, чтобы рабочая область не контрастировала с белым цветом артборда необходимо нажать сочетание клавиш Command+Shift+H (или Ctrl+Shift+H). Таким образом всё рабочее поле станет белого цвета — так создавать бесшовный паттерн намного удобнее.

Перекрашиваем артборд в белый цвет
Перекрашиваем артборд в белый цвет

Теперь мы можем перемещать, вращать, копировать и изменять размеры иконок до тех пор, пока не получится желаемый узор паттерна.

Работа над созданием паттерна
Работа над созданием паттерна

Шаг №5. Сохраняем бесшовный паттерн

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

Сохранение паттерна
Сохранение паттерна

Нас обратно перекинуло к первоначальному варианту рабочего поля. На этот раз мы можем удалить иконки из артборада, а фоновый прямоугольник оставить. Теперь выделяем наш прямоугольник инструментом Selection Tool. Затем находим сохранённый бесшовный паттерн в боковой панели с названием Swatches. Если у вас нет такого раздела в боковой панели, то вы его можете включить, зайдя в раздел Window — Swatches.

Включить панель Swatches можно во вкладке Window
Включить панель Swatches можно во вкладке Window

Шаг №6. Работа с бесшовным паттерном

После того, как мы применили паттерн к прямоугольнику, нам нужно перейти во вкладку Object — Expand. В появившемся окне нажимаем OK. Таким образом паттерн стал векторным объектом в маске. Нам необходимо вытащить его из неё. Для этого правой кнопкой мыши сначала разгруппировываем его (Ungroup), затем снова правой кнопкой мыши делаем Release Clipping Mask.

Правой кнопкой мыши делаем Release Clipping Mask
Правой кнопкой мыши делаем Release Clipping Mask

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

Бесшовный паттерн в маске
Бесшовный паттерн в маске

Шаг №7. Дополнительный

Это дополнительный шаг на тот случай если у вас под маской окажется не один квадрат с паттерном, а 2 или 4. В таком случае удалите всё, кроме одного квадрата с паттерном.

Бывает ситуации, когда в маске находятся четыре копии паттерна
Бывает ситуации, когда в маске находятся четыре копии паттерна

Подготовка бесшовного паттерна для стоков

Теперь давайте подготовим наш бесшовный паттерны для стоков. Первым делом я отключаю белую заливку фона рабочей области сочетанием клавиш Command+Shift+H (или Ctrl+Shift+H). Затем выбираю инструмент Rectangle Tool и делаю квадрат размером с артборд. Далее переношу квадрат на задний план сочетанием клавиш Command+Shift+[ (или Ctrl+Shift+[ ). Перекрашиваю его в более подходящий, на мой взгляд, цвет.

Перекрашиваем фон паттерна
Перекрашиваем фон паттерна

На этом этапе можно остановиться, сгруппировать объекты и сохранить файл в необходимом формате (чаще всего это EPS10). Но для более продвинутых иллюстраторов я советую купить cкрипт Super Magic Eraser. С помощью него вы сможете обрезать все выходящие за пределы артборда элементы паттерна после того, как вытащите их из-под маски.

Обрезать части объектов за артбордом можно платным скриптом Super Magic Eraser
Обрезать части объектов за артбордом можно платным скриптом Super Magic Eraser

После применения скрипта Super Magic Eraser ваш паттерн автоматически лишиться всех недостатков, лишних частей элементов и масок, а значит использовать его станет намного комфортнее.

Полностью обрезанный паттерн по размерам артборда
Полностью обрезанный паттерн по размерам артборда

Если вы хотите поиграть с цветами и подобрать более интересное сочетание для паттерна, то можно воспользоваться инструментом Recolor Artwork. Обычно он находится в верхней панели иллюстратора или во вкладке Edit — Edit Colors — Recolor Artwork. В появившемся окне иструмента мы можем менять цвета во вкладке Assign или на цветовом круге во вкладке Edit.

Цвета у объектов можно изменять с помощью инструмента Recolor Artwork
Цвета у объектов можно изменять с помощью инструмента Recolor Artwork

Кстати, если во вкладке Edit нажать на кнопку Unlink Harmony Colors, то цвета можно перетаскивать независимо друг от друга. Таким образом мы можем более детально и точно подобрать нужные нам оттенки.

Изменение цветов на цветовом круге в инструменте Recolor Artwork
Изменение цветов на цветовом круге в инструменте Recolor Artwork

Вывод

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



Нравится 0
Не нравится 0

Похожие записи

Начните вводить, то что вы ищите выше и нажмите кнопку Enter для поиска. Нажмите кнопку ESC для отмены.

Вернуться наверх