Простой способ создать бесшовный узор (текстуру,seamless) — Pattern

Seamless (от англ. «бесшовный») — бесшовная текстура, картинка квадратной или прямоугольной формы, которую можно размножать бесконечно, в результате чего получается сплошной узор без видимых границ (без швов). В adobe illustrator такие симлесс-текстуры называются Pattern. Pattern обычно используются в качестве заливки, то есть находятся в палитре Swatches. Бесшовные текстуры очень популярны на микростоках.

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

Но я все делаю гораздо проще:) Вот мой вариант урока в программе иллюстратор для создания симлесс-текстур.

Определяем для себя размеры будущего паттерна — он может быть квадратной или прямоугольной формы. Для меня удобнее квадрат, размера 700х700 рх, т.е. я создаем новый документ такого размера. Внутри этого квадрата  рисуем по всей площади узор:

Выделяем весь узор и сдвигаем его таким образом, чтобы узор пересек 2 стороны ограничивавшего квадрата:

В элементах, пересекающих линии нельзя использовать градиент!!!

Способ 1 (подходит для сложных рисунков с большим количеством элементов)

Выбираем в панели инструментов Нож:

Зажав Shift+Alt проводим ножом по первой линии пересечения моего узора и ограничивающего квадрата:

В итоге мой узор разрезан на 2 части по линии пересечения с ограничивающим квадратом. Далее  выделяем все то что отрезано и выходит за рамки ограничивающей области (в моем случае — правую часть) и:

способ 1: зажав Shift, перетаскиваем это влево, до противоположной стороны квадрата

способ 2: жмем Enter и в появившемся окне вводим по вертикали  ‘0’, а по горизонтали   ‘-700’  (сторона нашего квадрата), и ОК

Тоже самое проделываем и с дугой частью узора, выступающей за пределы квадрата ( в моем случае она снизу):

Эту часть нужно также обрезать:

способ 1: зажав Shift, перетащить это вверх, до противоположной стороны квадрата

способ 2: жмем Enter и в появившемся окне вводим по вертикали ‘-700’, а по горизонтали  ‘0’ (сторона нашего квадрата), и ОК

Вот и все — бесшовный узор готов:

Способ 2 (подходит для простых  рисунков БЕЗ большого количеством элементов)

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

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

Выделяем все фигуры и воспользуемся инструментом «Обработка контуров > Разделение» (Pathfinder > Divide).

Теперь нужно разгрупировать элементы и удалить все ненужные контуры. Будьте внимательны, после применения инструмента «Разделение» (Divide) могут остаться незамкнутые кривые и невидимые обрезки форм (здесь всё зависит от строения контура обрезаемого объекта) — это надо исправить, иначе работу не примут на микростоке!!!!

Далее отрезанные элементы перемещаем на противоположную сторону любым из способов, описанных выше.

Все, паттерн готов!!

Хотите заработать на своей иллюстрации? Узнайте как это сделать с помощью микростоков.

У вас остались вопросы или есть что добавить по теме статьи? Напишите в комментариях.