Генератор SVG блобов
Создавайте случайные органические формы (блобы) для фонов и иллюстраций. Настройка сложности и случайности, заливка цветом, градиентом или контуром, экспорт в SVG, PNG или CSS.
Загрузка: Генератор SVG блобов…
Ваши файлы не покидают устройство
Как пользоваться: Генератор SVG блобов
- 1
Откройте «Генератор SVG блобов» на этой странице. Инструмент загружается прямо в браузере.
- 2
Добавьте файл, текст или значения и настройте параметры.
- 3
Скопируйте или скачайте результат. Ничего не загружается и не хранится.
Об инструменте
Мягкие органические блобы стали популярным способом добавить цвет и движение лендингам, первым экранам, интерфейсам приложений и картинкам для соцсетей без фотографий. Этот генератор блобов одним щелчком создаёт новую случайную форму, которую можно изменить, раскрасить и экспортировать для кода или программ дизайна.
Как создать блоб
- Нажимайте New blob, пока форма не понравится.
- Настройте сложность (количество изгибов) и случайность (насколько форма неровная).
- Выберите заливку: сплошная, градиент или контур, и задайте цвета.
- Скопируйте SVG или CSS либо скачайте файл SVG или PNG.
Где использовать блобы
- Фон первого экрана: большой мягкий градиентный блоб за заголовком.
- Рамки для изображений: блоб как маска, чтобы фото приняло его форму.
- Иконки и значки: маленькие блобы под иконками для дружелюбного вида.
- Разделители секций и декоративные формы в презентациях и постах.
Советы
- Низкая сложность даёт спокойные гладкие формы; повышайте её для волнистых игривых форм.
- На сайтах используйте SVG: он лёгкий, чёткий в любом размере и легко перекрашивается через CSS.
- Уменьшите прозрачность и наложите два или три блоба для глубины.
- Анимируйте SVG блоб мягкими CSS трансформациями, чтобы фон ожил.
Сочетайте блобы с градиентами из генератора CSS градиентов или добавьте повторяющийся фон с помощью генератора узоров.
Частые вопросы
Как получить новую форму блоба?
Нажмите New blob. Каждый щелчок создаёт новую случайную форму, которую затем можно настроить.
Можно ли использовать блобы в коммерческих проектах?
Да. Созданные формы принадлежат вам, используйте их на сайтах, в приложениях и дизайне.
В какие форматы можно экспортировать?
Скопируйте код SVG или CSS либо скачайте блоб в виде файла SVG или PNG.
Может ли блоб быть с градиентом?
Да. Выберите градиентную заливку и её цвета или контур, чтобы получить блоб из одной линии.
Как использовать блоб как маску для изображения?
Используйте SVG путь как clipPath в SVG или CSS код как clip-path, и изображение примет форму блоба.
Это бесплатно?
Да, без регистрации и без водяных знаков.