Pane — генератор градиентных панелей и цветовых сеток онлайн
Pane — генератор типа Gradient panels. Он делит холст на ряды неравномерных панелей и заполняет каждую направленным градиентом между двумя цветами. Получается модульный фон с живым ритмом размеров, диагональными переходами и мягкими цветовыми рампами.
Сохранить файл
Для видео включите анимацию.
Как пользоваться Pane
Настройте Rows, Across и Unevenness.
Измените Diagonals, Softness и Contrast.
Используйте готовые или собственные цвета.
Сохраните PNG, SVG или включите Animate для Video.
Pane: Gradient panels из неровных ячеек и направленных рамп
Pane строит композицию не как один большой градиент, а как набор отдельных цветовых панелей. Каждая ячейка получает собственную пару inks и направление перехода, поэтому вся поверхность напоминает витраж, интерфейсную сетку или абстрактную систему карточек. Исходный тип называется Gradient panels. Rows задаёт число горизонтальных рядов, Across — количество панелей по ширине, Unevenness определяет, насколько сильно размеры соседних ячеек отличаются друг от друга. В блоке Ramps параметр Diagonals влияет на долю диагональных направлений, Softness — на мягкость перехода между цветами, Contrast — на различие между концами градиента. Генератор использует seed, поэтому расположение и выбор цветовых пар можно повторить. При тех же параметрах новый variation меняет раскладку, не ломая общую структуру.
Как настроить Pane: Panes и Ramps
Для крупного минималистичного фона начните с 2–3 Rows и небольшого Across. Если нужны более мелкие плитки, увеличивайте количество ячеек постепенно. Unevenness около середины диапазона создаёт естественный ритм, не превращая сетку в хаос. Diagonals полезен для движения: малое значение оставляет больше прямых горизонтальных и вертикальных переходов, большое делает композицию динамичнее. Softness отвечает за характер рампы — от более заметного перехода к мягкому смешению. Contrast регулирует расстояние между выбранными цветами и помогает сделать картинку либо спокойной, либо плакатной. После настройки геометрии переключайте variation, чтобы искать удачное сочетание размеров и направлений.
Палитры, Dither и Grain для Pane
В Pane цвет — основной конструктивный элемент. Готовые палитры можно обновлять и вращать, а My colors позволяет использовать собственные hex-значения. Поскольку генератор строит настоящие направленные рампы, слишком агрессивный Dither быстро меняет ощущение гладкого градиента на растровое; это полезно для ретро- или печатной эстетики. Grain помогает добавить материальность без полного разрушения переходов. Для интерфейсных и презентационных фонов лучше небольшое Grain Amount и умеренная Vignette. Для афиш и обложек можно увеличить Pixel size в Dither и сделать Contrast выше.
Анимация Pane: Shuffle и Turn
Animate по умолчанию выключен. В режиме Shuffle изменяются сочетания и состояние панелей по циклу. Turn меняет направление цветовых рамп, создавая ощущение поворота света внутри сетки. Intensity определяет силу изменений, Speed — частоту кадров, Loop length — длину петли. Для фонового motion-дизайна обычно достаточно небольшой интенсивности и более длинного цикла; короткий цикл с высоким Contrast выглядит активнее и лучше подходит для заставок.
Где использовать результат
- градиентные фоны сайтов и презентаций
- обложки и постеры с модульной сеткой
- фоновые изображения для соцсетей
- цветовые moodboard-композиции
- анимированные gradient-panel loops
- векторные заготовки с live gradients
Экспорт Pane в PNG, SVG и Video
Pane экспортирует статичный кадр в PNG и SVG. SVG сохраняет градиенты как векторные элементы, что особенно удобно для дальнейшей работы в редакторах и масштабирования. PNG подходит для веба и публикации. После включения Animate доступно Video. Размер задаётся перед экспортом, а имя результата содержит seed и ratio.
Если панели кажутся слишком пёстрыми, сначала уменьшите Unevenness и Diagonals, а уже потом снижайте Contrast. Так структура останется выразительной, но станет спокойнее.
Частые вопросы
Что такое Gradient panels в Pane?
Это набор отдельных панелей, каждая из которых содержит направленный градиент между двумя цветами.
Что делает Unevenness?
Он меняет различие размеров соседних панелей.
Для чего нужен Diagonals?
Параметр определяет долю диагональных направлений градиента.
Какие режимы анимации есть?
Shuffle и Turn.
Можно ли экспортировать в SVG?
Да. Pane сохраняет статичный вариант в SVG с векторными градиентами.
Как повторить вариант?
Используйте тот же variation/seed и те же настройки.
Нужна графика, полностью подготовленная под вашу задачу?
Найдите дизайнера в каталоге IT’S NEW. Специалист поможет доработать результат PlayLab, адаптировать его под сайт, рекламу, публикацию или печать.
Помогите сделать сервис лучше
Нашли ошибку, не хватает настройки или хотите предложить следующий генератор? Напишите нам — так мы сможем дорабатывать PlayLab последовательно.