Паттерн в Illustrator: Pattern Options, Tile Type и бесшовный повтор
Паттерн кажется простым: нарисовал мотив, размножил, готово.
Проблема в том, что шов между повторами виден сразу, а исправлять его вслепую — долго.
Как начать
Документация: выделите графику и выберите Object → Pattern → Make.
Illustrator перейдёт в режим редактирования паттерна: появится тайл, повторяющиеся копии и панель Pattern Options.
Практика: можно войти в этот режим и без выделения — тогда тайл будет пустым, и мотив вы нарисуете прямо в нём.
Что такое тайл
Документация: тайл — это прямоугольная область, которая повторяется.
Всё, что внутри тайла или пересекает его границы, попадает в паттерн. То, что осталось снаружи, — нет.
Практика: половина проблем с паттернами — это мотив, случайно оказавшийся за границей тайла.
Tile Type
Документация: вариантов пять.
Grid — ровная сетка, как шахматная доска. Brick by Row — прямоугольные тайлы смещены по вертикали в каждом втором столбце. Brick by Column — смещение по горизонтали в каждой второй строке. Hex by Column и Hex by Row — шестиугольная укладка со сдвигом.
Практика: Grid для геометрии, Brick для текстур, Hex для органики.
Brick Offset
Документация: параметр активен для типов Brick и задаёт смещение тайлов относительно друг друга.
Практика: именно этот параметр превращает «обои» в «кирпич». Попробуйте 1/3 и 1/2 — разница в ощущении огромная.
Ширина и высота
Документация: Width и Height задают размер тайла.
Больше значения — появятся промежутки, меньше — тайлы начнут перекрываться.
Практика: уменьшение размера тайла — штатный способ получить перекрытие мотивов, а не ошибка.
Spacing
Документация: H Spacing и V Spacing задают расстояние между соседними тайлами по горизонтали и вертикали.
Практика: для бесшовной заливки оставляйте нули. Положительные значения дают «рамку» вокруг каждого мотива, что иногда и нужно.
Overlap
Документация: когда тайлы перекрываются, Overlap определяет, какой из них окажется сверху.
Практика: для сложных многослойных мотивов этот параметр критичен: без него перекрытие выглядит как ошибка.
Copies
Документация: Copies задаёт число рядов и столбцов, видимых при редактировании.
На сам файл это не влияет — только на предпросмотр.
Практика: поставьте 5×5 или больше: на двух копиях шов не видно, а на пяти он бросается в глаза.
Dim Copies
Практика: копии можно приглушить по прозрачности, чтобы активный тайл читался.
Практика: включите приглушение, когда двигаете мелкие элементы: так проще не запутаться, где ваш мотив, а где повтор.
Границы тайла
Документация: в режиме редактирования показываются границы тайла и границы свотча.
Практика: если мотив выходит за границу, Illustrator дорисует его в соседних тайлах автоматически. Проверьте, что это выглядит как задумано.
Сохранение
Документация: готовый паттерн сохраняется кнопкой Done в серой полосе над документом.
Он появляется в панели Swatches как образец заливки.
Практика: назовите паттерн сразу: через месяц «Pattern 12» ничего не скажет.
Правка
Практика: двойной щелчок по свотчу возвращает в режим редактирования.
Изменения применяются ко всем объектам, залитым этим паттерном.
Практика: это удобно и опасно одновременно: проверьте, где ещё используется заливка.
Проверка шва
- Увеличьте до 200 %.
- Посмотрите на стык четырёх тайлов.
- Проверьте углы и края мотива.
- Отключите приглушение копий.
- Соберите большой прямоугольник заливкой.
- Посмотрите на него в масштабе 25 %.
Практика: шаг 6 показывает то, что не видно вблизи: ритм и «полосы».
Где ломается
Виден шов. Мотив не доходит до границы тайла или выходит за неё неравномерно.
Паттерн «полосит». Слишком регулярный рисунок, нужен Brick или сдвиг.
Не тот масштаб. Размер тайла не совпадает с задачей.
Мотив обрезан. Графика оказалась за границей тайла.
Заливка «поехала». Паттерн применён к объекту с трансформацией.
FAQ
Как создать паттерн?
Object → Pattern → Make.
Сколько типов укладки?
Пять: Grid, Brick by Row, Brick by Column, Hex by Row, Hex by Column.
Что делает Brick Offset?
Смещает тайлы друг относительно друга.
Как проверить бесшовность?
Посмотреть стык четырёх тайлов на увеличении и заливку большой площади.
Как отредактировать готовый паттерн?
Двойным щелчком по свотчу в панели Swatches.
Паттерн из готовой текстуры
Практика: не обязательно рисовать мотив с нуля.
Можно взять растровую текстуру, вставить её в тайл, вписать в размер и собрать повтор. Получится честный бесшовный паттерн, если края текстуры совпадают.
Практика: бесшовную текстуру проще получить зеркалированием краёв, чем подбором вручную.
Паттерн и цвет
Практика: паттерн можно раскрасить по-разному, не создавая новых.
Документация: в режиме редактирования доступны параметры цвета, а глобальные цвета позволяют менять оттенок заливки через панель Swatches.
Практика: сделайте базовый паттерн в одном цвете и меняйте оттенок глобальным цветом: получится серия из одного файла.
Масштаб паттерна на объекте
Практика: масштаб заливки настраивается отдельно от тайла.
Выделите объект, откройте инструмент Pattern и потяните маркеры, чтобы увеличить или уменьшить повтор. Это не меняет сам паттерн, только его отображение на этом объекте.
Практика: удобно для одного макета, но не для серии: в серии правьте тайл.
Паттерн для печати
Практика: у печатного паттерна есть дополнительное требование.
Мотив не должен попадать в зону реза, а сам раппорт должен быть кратен ширине полотна, если речь о ткани. Для бумаги достаточно, чтобы шов не совпал с линией сгиба.
Практика: спросите у типографии требования к раппорту до того, как рисовать.
Паттерн для веба
Практика: тут всё сложнее.
Бесшовный паттерн легко уходит в SVG как образец, но повторяется он уже средствами CSS. В Illustrator важнее чистая геометрия тайла, чем эффекты.
Практика: для веба делайте паттерн без растровых эффектов и прозрачностей, иначе файл распухнет.
Итог
Паттерн — это тайл плюс правила укладки.
Практика: выберите Tile Type, настройте размер, уберите промежутки, включите Copies 5×5 и проверьте стык четырёх тайлов. Шов, который виден в редакторе, будет виден и в макете.