Создание текстурных однотонных фонов с зерном и шумом

Однотонные или градиентные заливки с текстурой бумаги, узора, стены или акварели и плёночным шумом — предпросмотр в реальном времени и бесплатное скачивание.

Мастерская

Базовый цвет

Цвет фона:

Включить градиент

Текстура

Тип текстуры:

Бумага

Узор

Стена

Акварель

Непрозрачность текстуры: 45%

Масштаб текстуры: 1×

Качество поверхности

Интенсивность шума: 12%

Вывод

Ширина: px

Высота: px

Большие размеры могут занимать много памяти. Если экспорт не удался, уменьшите размер.

Результат

1920 × 1080 px

Формат скачивания:

Цветовое вдохновение

Нажмите на образец, чтобы применить цвета. Градиентные образцы включают градиент с подходящей парой цветов.

Палитра Morandi

Палитра Macaron

Другие инструменты, которые могут вам понравиться

Создавайте однотонные фоны с живой фактурой, а не плоские заливки. Наложите текстуру бумаги, узора, стены или акварели на однотонный цвет или градиент и добавьте лёгкое плёночное зерно.

Всё рендерится в браузере. Без загрузки файлов и без аккаунта — настройте ползунки и сразу скачивайте.

Нужен подробный разбор однотонных и текстурных фонов? Читайте: How to Make Solid and Plain Color Backgrounds Online

Как использовать?

Выберите базовый цвет или включите градиент и задайте второй цвет, угол и положение центра.
Выберите текстуру из групп «Бумага», «Узор», «Стена» или «Акварель», затем настройте непрозрачность и масштаб зерна.
Используйте ползунок шума для лёгкого аналогового или печатного эффекта.
Задайте ширину и высоту или выберите пресет размера для обоев и постов.
Скачайте результат в PNG, JPEG или WebP.

Примечания:

По умолчанию выводится 1920 × 1080 px с тёплой бумажной текстурой и лёгким плёночным зерном.
Максимальный размер вывода — 8192 × 8192 px (ограничение canvas браузера).
Шум генерируется заново при каждом рендере, поэтому зерно в предпросмотре и экспорте может немного отличаться.
Для идеально плоских однотонных цветов без текстуры используйте инструмент Solid Background Creator.

Часто задаваемые вопросы

Для чего используются однотонные фоны с текстурой?

Посты в соцсетях, фоны для сторис и слайды презентаций, которым нужен спокойный, аккуратный вид, а не резкая плоская заливка.
Мудборды бренда, цветовые палитры и мокапы, где лёгкое зерно бумаги или холста добавляет глубину.
Обои для компьютера и телефона с мягкими градиентами, текстурой и плёночным зерном.
Быстрые дизайн-макеты, когда нужен аккуратный монохромный фон без запуска Photoshop.

В чём разница между скачиванием в PNG, JPEG и WebP?

PNG: растровый формат без потерь с широкой совместимостью; сохраняет детали текстуры и шума; файлы крупнее — лучший выбор для дизайн-ресурсов и качественных обоев.
JPEG: сжатие с потерями и меньший размер файла; без прозрачности — подходит для текстурных обоев и веб-фонов, когда важен размер.
WebP: современный формат с сильным сжатием и широкой поддержкой браузеров; хороший баланс качества и размера для веба и соцсетей.

Какие есть советы по подбору цветов для однотонных фонов?

Цвет и градиент

Сочетайте соседние оттенки для мягких градиентов — тёплый бежевый в пыльно-голубой или шалфей в мокко, — чтобы результат выглядел спокойно, а не кричаще.
Держите обе точки градиента в одной температурной гамме (тёплое с тёплым, холодное с холодным) для естественного перехода.
Попробуйте угол градиента 135° для классической диагонали; сместите центр от середины для лёгкого направленного акцента.

Текстура

Изучите группы «Бумага», «Узор», «Стена» и «Акварель»: мягкая бумага и акварель подходят тёплым тонам, а выразительные узоры и фактура стены — насыщенным цветам.
Для постов в соцсетях используйте непрозрачность текстуры 30–50%; для обоев поднимите до 55–70%, чтобы зерно читалось яснее.
Уменьшайте масштаб (0.5–0.8×) для мелкого зерна на крупных экспортах; увеличивайте (1.5–2×), когда нужен более выраженный материал.

Качество поверхности (шум)

Держите шум лёгким (8–15%) для слайдов презентаций и мудбордов бренда.
Используйте 15–25% для эффекта винтажной печати или плёнки на обоях и атмосферных фонах.
Если непрозрачность текстуры уже высокая, уменьшите шум, чтобы поверхность не выглядела слишком зернистой.

Нужна отправная точка? Используйте блок «Цветовое вдохновение» на этой странице: палитра Morandi даёт приглушённые благородные тона, палитра Macaron — мягкую пастель.