Поиск

← Все инструменты
50 · PLAYLAB · GLYPH PATCHWORK

Motley — генератор glyph patchwork фон онлайн

Motley — генератор типа Glyph patchwork. Рваные blobs и stepped blocks накладываются друг на друга по сетке, а каждый фрагмент заполняется circles, pluses, stripes, squares или dots одним цветом. Инструмент работает прямо в браузере: можно менять variation, параметры композиции, исходные палитры и режимы движения, а затем сохранять результат в PNG и Video.

Войти и сохранитьГалерея 0
1:1v1
Space — новая variationP — playГенерация локально
CAPTURES
История вариацийПереключайтесь между последними вариантами Motley.
01 / 01
EXPORT

Сохранить файл

Размер 2400 px
Размер2400 px
PlayLabСохранить variation с настройками или опубликовать текущий кадр.
Войти и сохранитьГалерея 0

Как пользоваться Motley

1Выберите variation

Нажмите «Новый вариант» или введите номер seed, чтобы получить воспроизводимую композицию.

2Настройте структуру

Cells across и Glyph size задают основу; Patches, Size, Ragged, Blocks, Sparse, Stitched и Gaps управляют patchwork-композицией.

3Подберите цвет и фактуру

Используйте исходные палитры, My colors и дополнительные Dither/Grain при необходимости.

4Сохраните результат

Экспортируйте готовую работу в PNG и Video или сохраните ссылку на текущий variation.

Motley: как устроен Glyph patchwork

В основе Motley лежит исходный алгоритм Glyph patchwork. Рваные blobs и stepped blocks накладываются друг на друга по сетке, а каждый фрагмент заполняется circles, pluses, stripes, squares или dots одним цветом. Каждый новый variation пересчитывает композицию по seed, поэтому номер варианта можно использовать как воспроизводимую отправную точку. Cells across и Glyph size задают основу; Patches, Size, Ragged, Blocks, Sparse, Stitched и Gaps управляют patchwork-композицией. Палитры и цветовые роли также берутся из исходной логики инструмента. Исходное описание формулирует задачу так: Generate glyph patchwork backgrounds — ragged blobs and stepped blocks laid over one another on a grid, each filled with circles, pluses, stripes, squares or dots in one ink. Deal a new variation or turn the dials. Exports image and video. Генератор не подменяет эту механику готовым фильтром: структура, распределение элементов и движение рассчитываются процедурно в браузере.

Как настроить Motley

Начните с нового variation и сначала оцените крупную структуру без дополнительной обработки. Cells across и Glyph size задают основу; Patches, Size, Ragged, Blocks, Sparse, Stitched и Gaps управляют patchwork-композицией. Меняйте по одному параметру за раз: так проще понять, что влияет на плотность, масштаб, ритм и форму. После основной композиции переходите к палитре, Dither и Grain. Если нужен повторяемый результат, сохраните номер variation или ссылку на вариант. Для серии изображений удобно оставить базовые параметры неизменными и менять только variation или палитру.

Цвет, Dither и Grain в Motley

Цветовой блок Motley сохраняет исходные палитры, New colors, Rotate и My colors. Общие секции Dither и Grain работают поверх результата: Dither управляет Pattern, Pixel size, Tones и Amount, а Grain — Blend, Amount, Grain size, Specks и Vignette. Эти эффекты лучше добавлять после настройки основной геометрии. На сложной композиции чрезмерный grain может скрыть структуру, а крупный dither — заменить мелкие детали заметной пиксельной сеткой. Для чистого результата оставьте дополнительные эффекты выключенными и используйте только собственную фактуру генератора.

Анимация Motley: Flicker, Drift и Breathe

При обычном открытии Motley анимация выключена, как в исходном HTML. После включения доступны исходные режимы Flicker, Drift и Breathe. Amount задаёт интенсивность, Speed — частоту кадров, Loop length — длину цикла. Для фоновой motion-графики лучше начинать с небольшой интенсивности, чтобы сохранить структуру статичного варианта. Video использует замкнутый цикл генератора и становится доступен после включения Animate.

Где использовать результат

  • patchwork-паттернов, постеров, упаковки, обложек и анимированных глифовых коллажей
  • серий генеративной графики с воспроизводимым variation
  • визуальных экспериментов с исходными палитрами
  • статичных публикаций и обложек
  • анимированных циклов для экранов и соцсетей
  • дальнейшей обработки результата в графическом редакторе

Экспорт Motley: PNG и Video

Motley поддерживает исходный набор форматов: PNG и Video. Размер статичного экспорта задаётся в блоке Export от 600 до 6000 px с шагом 100, исходное значение — 2400 px. PNG подходит для готовой публикации и растрового монтажа. Video использует анимационный цикл генератора и доступен после включения Animate. Variation и выбранное соотношение сторон остаются частью воспроизводимой настройки, поэтому перед экспортом можно сохранить ссылку на текущий вариант.

Совет по настройке

Сначала найдите сильную композицию через основные параметры Motley, затем меняйте цвет и только после этого добавляйте Dither или Grain. Такой порядок помогает не маскировать структуру эффектами.

Частые вопросы

Что создаёт Motley?

Motley создаёт glyph patchwork фон: рваные blobs и stepped blocks накладываются друг на друга по сетке, а каждый фрагмент заполняется circles, pluses, stripes, squares или dots одним цветом.

Можно ли повторить тот же вариант?

Да. Variation основан на seed; сохраните номер или ссылку на вариант.

Какие режимы анимации доступны?

В исходнике предусмотрены Flicker, Drift и Breathe. При обычной загрузке Animate выключен.

Какие форматы экспорта есть?

Исходный набор форматов: PNG и Video.

Можно ли использовать свои цвета?

Да. Цветовой блок сохраняет My colors вместе с исходными палитрами.

Генерация выполняется на сервере?

Основная генерация выполняется локально в браузере; на сервер отправляется результат только при явной публикации в галерею PlayLab.

ПОМОЩЬ ПРОФЕССИОНАЛА

Нужна графика, полностью подготовленная под вашу задачу?

Найдите дизайнера в каталоге IT’S NEW. Специалист поможет доработать результат PlayLab, адаптировать его под сайт, рекламу, публикацию или печать.

Найти специалиста
ОБРАТНАЯ СВЯЗЬ

Помогите сделать сервис лучше

Нашли ошибку, не хватает настройки или хотите предложить следующий генератор? Напишите нам — так мы сможем дорабатывать PlayLab последовательно.

Предложить улучшение
ПОДЕЛИТЬСЯ СЕРВИСОМ

Отправьте PlayLab друзьям

TG VK WA OK