Бесшовные текстуры — это всегда большой дефицит в интернете, поэтому очень важно самому уметь из любой картинки либо узора делать бесшовную текстуру.
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) могут остаться незамкнутые кривые и невидимые обрезки форм (здесь всё зависит от строения контура обрезаемого объекта) — это надо исправить, иначе работу не примут на микростоке!!!!
Далее отрезанные элементы перемещаем на противоположную сторону любым из способов, описанных выше.
Все, паттерн готов!!
