Начало
Волны svg генератор

Волны svg генератор

UI UX дизайн

Сервис getwaves для создания волн svg

С помощью бесплатного сервиса getwaves io можно формировать волны svg, для блоков Landing Page, одностраничников и страниц любого сайта. В статье мы рассмотрим работу сервиса и приведем примеры использования.
Волны svg генератор getwaves io
Генератор getwaves io имеет ряд настроек, позволяющих сформировать SVG фигуру с заданными параметрами:
настройки svg генератора

Настройки

  • Тип волны;
  • Расположение (верх-низ);
  • Цвет волны;
  • Прозрачность заливки;
  • Периодичность пиков;
  • Случайный выбор.

Выбор типа волны

С помощью первой настройки мы можем выбрать тип волны. Думаю, как называть эти типы, не имеет большого значения.

Пример случайных волн приведен на скрине. Согласитесь, случайно получившаяся картинка, чем-то напоминает утренюю зарю над городом, на берегу залива.
Неожиданно )

Выбор типа SVG волны

Расположение волны

Следующая настройка позволяет выбрать положение волны. Вверх или вниз. Один из вариантов применения показан ниже.

Расположение волны

SVG волны любого цвета

Генератор getwaves io позволяет создавать SVG волны любого цвета и оттенков. Мы можем выбирать готовые цвета из предложенного набора или устанавливать собственные, указывая hex код нужного нам цвета.

С помощью настойки прозрачности (от 0 до 100%) мы можем добиваться необходимой тональности и приглушенности выбранного цветового решения.
SVG волны любого цвета

Периодичность пиков волны

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

Случайный выбор

Последняя настройка в виде иконки игральной кости, позволяет создать случайны вид волны при заданном цвете и типе волны.

Результат

При достижении волны нужного вида, вы можете скачать файл изображения волны SVG или скопировать код, для вставки его в HTML код вашей страницы.

Хотите больше волн и фигур SVG

Если вам нужно больше возможностей и разнообразия, воспользуйтесь онлайн приложением haikei app.
генератор svg фигур Haikei app
Сервис Haikei app это генератор различных фигур SVG, бэкграундов и даже целых композиций. Готовые изображения можно скачивать в формате SVG и PNG. Набор настроек аналогичен генератору getwaves io.

Оба генератора, как и генератор Blobmaker, о котором мы писали ранее, разработаны группой Z Creative Labs.

Поделиться

Статьи по теме:

Комментировать