Pattern Preview в Photoshop: как собрать бесшовный паттерн без стыков
Плитка паттерна выглядит идеально, пока не размножишь её: на стыках появляется шов, и вся работа рассыпается.
Pattern Preview показывает повтор прямо во время рисования, а фильтр Offset вытаскивает шов на середину холста, где его видно и можно исправить.
Что включает Pattern Preview
Режим включается через View → Pattern Preview.
После включения рабочая область вокруг холста начинает повторять его содержимое — так видно, как плитка стыкуется с соседними.
Режим удобен тем, что правки на холсте сразу видны в повторе: сдвинули элемент — увидели, как он стыкуется с копией.
Выключается тем же пунктом меню; на результат в файле режим не влияет, это только способ просмотра.
Как устроен холст
Размер документа равен размеру одной плитки паттерна, и это ключевое решение.
Если плитка 600 × 600 px, то после Define Pattern повтор будет шагом 600 px.
Поэтому холст задают заранее, с запасом под самый крупный элемент: горшок с цветком или ручку кружки.
Менять размер холста в процессе можно, но Pattern Preview при этом отключается — его придётся включить заново.
С чего начать
Создайте документ нужного размера с прозрачным или цветным фоном.
Включите Pattern Preview и убедитесь, что повтор идёт ровно, без разрывов по краям.
Дальше добавляйте элементы и следите за краями: элемент, который касается границы, должен продолжаться на противоположной стороне.
Для сложных объектов удобнее smart object: его можно двигать и масштабировать без потери качества.
Границы и перенос
Главный приём: элемент, срезанный правым краем, должен появиться у левого края на той же высоте.
В Pattern Preview это видно сразу — повтор показывает обрезок на месте стыка.
Если обрезка неровная, включите направляющие и выровняйте элементы по сетке.
Не пытайтесь «спрятать» шов затенением: при следующем повторе тень ляжет поверх соседней копии и станет видна.
Фильтр Offset
Offset (Filter → Other → Offset) сдвигает содержимое слоя на заданное число пикселей.
В диалоге выбирают горизонтальный и вертикальный сдвиг, а галочка Wrap Around заставляет уходящие за край пиксели возвращаться с противоположной стороны.
Для бесшовной плитки вводят половину ширины и половину высоты: тогда стык, который раньше был по краям, оказывается в центре холста.
В центре его удобно доработать кистью, Clone Stamp или Content-Aware Fill.
Offset не убирает шов сам — он только переносит его туда, где его видно.
Проверка результата
После правок выключите Pattern Preview и посмотрите кадр целиком, без повтора.
Затем включите режим снова и проверьте стык на 100 % — на вписанном в экран масштабе мелкие разрывы не видны.
Пролистайте повтор по горизонтали и по вертикали: шов может проявиться только в одном направлении.
Если паттерн содержит текст или диагонали, проверка обязательна — на них стык заметнее всего.
Сохранение паттерна
Готовую плитку сохраняют через Edit → Define Pattern.
Photoshop предложит имя; после сохранения паттерн появляется в панели Patterns и в списке заливок.
В панели Patterns тот же результат можно получить кнопкой «+» — она создаёт паттерн из текущего документа.
Дальше паттерн применяют как заливку слоя, как Pattern Overlay в стилях слоя или как обводку.
Где режим не работает
Pattern Preview не включается в документах с артбордами.
Он отключается, когда вы меняете размер холста или кадрируете изображение, — это ограничение самого режима.
С симметрией, Liquify и Vanishing Point повтор может отображаться некорректно.
На очень больших холстах режим заметно нагружает видеокарту: на ноутбуке с интегрированной графикой лучше работать с меньшим превью.
Практика для ткани и обоев
Для ткани важен масштаб: сначала определите, какого размера будет раппорт в сантиметрах на печати.
Затем пересчитайте его в пиксели по разрешению печати и создайте холст ровно такого размера.
Печатайте пробный лист с повтором минимум 3 × 3 плитки — на одном повторе шов не виден.
Для обоев с вертикальным раппортом удобно делать плитку с запасом по высоте и обрезать её позже.
Связка с другими материалами
Смарт-объекты в плитке позволяют менять исходник и видеть результат в повторе — об этом подробнее в статье о смарт-объектах.
В Illustrator есть свой механизм повторяющихся узоров, о нём — статья о бесшовном повторе.
Если паттерн нужен в нескольких вариантах, держите исходник в отдельном слое и сохраняйте варианты через layer comps.
Размер плитки и разрешение
Плитку удобно проектировать сразу в двух масштабах: в пикселях для экрана и в сантиметрах печати.
Если паттерн нужен для ткани с раппортом 10 см и печатью 150 ppi, плитка должна быть около 590 пикселей по стороне.
Держите размеры кратными, чтобы потом масштабировать без дробных значений: 500, 600, 1200 пикселей.
Для обоев добавляйте запас по высоте и не забывайте, что крупный раппорт требует побольше элементов.
Паттерн в стилях слоя
Кроме заливки, паттерн доступен как Pattern Overlay в панели Layer Style.
В стиле есть собственный масштаб и сдвиг: их удобно крутить, не меняя саму плитку.
Связка паттерна и стиля слоя живёт в файле: при смене набора стилей через layer comps видно, как паттерн ведёт себя в разных вариантах.
Где ломается
Шов по вертикали. Сдвиг по Offset задан только по горизонтали.
Повтор «двоит» элемент. Копия объекта на противоположном крае нарисована вручную и не совпадает.
Pattern Preview погас. Изменён размер холста или выполнено кадрирование.
Паттерн смазан. Плитка масштабирована после растеризации.
Паттерн не появился в списке. Define Pattern выполнен на пустом слое.
Стык виден только при печати. Проверка шла на масштабе меньше 100 %.
FAQ
Pattern Preview меняет файл?
Нет, это режим просмотра: он показывает повтор вокруг холста и ничего не записывает в документ.
Зачем нужен Offset, если Pattern Preview и так показывает стык?
Offset переносит шов в центр холста, где его удобно править кистью и штампом, не попадая на границу.
Можно ли сделать паттерн из готового изображения?
Да: откройте изображение, при необходимости приведите к размеру плитки, затем Edit → Define Pattern.
Почему режим не включается?
Скорее всего, документ содержит артборды — в таких документах Pattern Preview недоступен.