Aura — генератор Soft Gradient и мягких градиентов онлайн

Aura: Soft Gradient из светящихся цветовых полей

Исходный тип Aura — Soft gradient. В оригинальном описании это soft vibrant gradient backdrops: светящиеся цветовые поля плавно перетекают друг в друга и напоминают aurora wallpaper. Генератор не использует готовую фотографию и не строит обычный линейный CSS-gradient. Фон создаётся из нескольких крупных полей, которые смешиваются и образуют мягкие переходы с органической формой. Scale определяет размер и протяжённость областей: большое значение делает градиент спокойнее и крупнее, меньшее добавляет больше изменений внутри кадра. Churn управляет степенью перемешивания и взаимного смещения полей, Punch усиливает визуальный контраст и делает цвет более выразительным. Inks можно менять вручную, создавать новый набор и подстраивать под фирменную палитру. Seed фиксирует конкретную структуру, поэтому удачный Soft gradient можно сохранить и использовать повторно — например, сделать одну композицию в нескольких цветовых версиях для разных разделов сайта. Aura хорошо работает там, где нужен эмоциональный фон без жёсткой геометрии: hero-блок, обложка, презентация, мобильный интерфейс, заставка или мягкая подложка под текст.

Как настроить Aura: Scale, Churn, Punch и свои inks

Для спокойного фонового Soft gradient начните с крупного Scale и небольшого Churn. Цветовые области станут широкими, а переходы — мягкими. Если нужна более активная композиция, уменьшайте Scale и постепенно увеличивайте Churn, чтобы поля сильнее переплетались. Punch лучше настраивать после формы: он усиливает контраст и может быстро сделать результат слишком резким. Затем переходите к inks. Для универсального hero-фона обычно достаточно трёх-четырёх оттенков, один из которых заметно светлее или темнее остальных. Если цветов слишком много, мягкий градиент может превратиться в пёструю карту пятен. Dither и Grain добавляйте только после того, как форма и палитра готовы. Dither делает переходы более дискретными, Grain добавляет зерно, Specks и Vignette — дополнительные признаки печатной или плёночной поверхности. Animate при обычной загрузке не должен заменять статичный результат: включайте движение вручную, когда нужна заставка или видео. Для фоновой анимации используйте небольшую интенсивность и более длинный цикл, чтобы цветовые поля не отвлекали от интерфейса или текста. Aura хорошо подходит для страниц и материалов, где нужен заметный цветовой фон без фотографии: один Soft gradient можно адаптировать под широкую hero-секцию, квадратную карточку, вертикальную сторис или заставку, сохраняя общий seed и меняя только inks. При использовании Aura как подложки под текст заранее оставляйте спокойную область без сильного Punch и резких цветовых столкновений. Один seed можно превратить в целую систему фонов: сделать светлый вариант для обычных страниц, тёмный для hero-секции и более насыщенный для рекламного баннера. Для небольших карточек лучше использовать крупный Scale, потому что слишком дробные поля теряют мягкость после уменьшения.

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

• Soft gradient для hero-блока сайта или лендинга
• мягкий фон мобильного приложения, карточек и интерфейсных секций
• обложка для социальных сетей, презентации, подкаста или digital-рекламы
• aurora-style wallpaper для заставки и экранной графики
• анимированный gradient backdrop для видео и фоновых сцен
• серия фонов с одинаковым seed и разными наборами inks

Экспорт Aura в PNG и видео

Статичный Aura сохраняется в PNG выбранного размера. Это удобно для hero-фонов, баннеров и обложек, где мягкий градиент нужен как готовое изображение без зависимости от CSS или сторонних библиотек. После включения движения цветовые поля меняются по циклической фазе, и результат можно записать в видео средствами браузера. При поддержке доступен MP4, в других случаях браузер может использовать WebM. Seed и параметры сохраняют структуру Soft gradient, поэтому можно вернуться к тому же фону и заменить только inks или фактуру. Генерация выполняется локально и не требует загрузки фотографии. В галерею PlayLab отправляется только готовый статичный кадр после явного подтверждения пользователя.