Что такое бесшовный паттерн и как он устроен

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

Тайл, раппорт и мотив

Исходный повторяющийся фрагмент называют тайлом или раппортом. Внутри него находятся мотивы: цветы, линии, геометрические фигуры, персонажи или фактурные пятна. Если элемент пересекает правую границу тайла, его точная копия должна продолжиться слева. То же правило действует для верхнего и нижнего края.

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

Какие повторения бывают

• Прямой повтор — тайлы стоят ровной сеткой. Он предсказуем и удобен для геометрии.
• Кирпичный повтор — каждый второй ряд сдвинут на половину ширины. Рисунок выглядит естественнее.
• Полукапельный повтор — сдвиг происходит по вертикали. Подходит для ботаники и вытянутых мотивов.
• Поворот и отражение — соседние элементы меняют направление и создают сложный ритм.

Почему видны швы

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

Чек-лист хорошего паттерна

1. Края совпадают без разрывов и двойных линий.
2. В повторе нет случайных вертикальных или диагональных дорожек.
3. Крупные и мелкие мотивы образуют понятную иерархию.
4. Фон не превращается в пустые квадраты между элементами.
5. Рисунок остаётся выразительным в нескольких масштабах.

Начинайте с простого тайла и проверяйте его на реальном носителе. Один и тот же паттерн может прекрасно работать на блокноте и оказаться слишком крупным на ткани — контекст важен не меньше бесшовности.