Читать, пробовать, вдохновляться ♡

О паттернах

Практические руководства, разборы инструментов и идеи применения бесшовных рисунков.

Вдохновение

Как настроить палитру, контраст, плотность и масштаб паттерна для сайта, упаковки, ткани и полиграфии.

Практика

Пошаговый чек-лист проверки бесшовного паттерна: технические швы, нежелательный ритм, масштаб и тест на реальном носителе.

Практика

Сравниваем SVG, PNG, WebP и CSS-паттерны по качеству, весу, масштабированию и удобству перекрашивания.

Инструменты

Практический способ создать растровый бесшовный паттерн в Photoshop с помощью Offset, Pattern Preview и проверки масштаба.

Инструменты

Как собрать бесшовный тайл в Figma, синхронизировать элементы на краях и проверить повтор через Image Fill.

Инструменты

Пошаговый процесс создания бесшовного векторного паттерна в Illustrator: подготовка мотивов, Pattern Options, проверка и экспорт.

Основы

Бесшовный паттерн — изображение, края которого точно продолжают друг друга. Разбираемся в тайле, раппорте, ритме и видах повторения.