10 бесплатных генераторов фона

10 бесплатных генераторов фона

I2Need

1.Trianglify Generator

Этот инструмент может быть использован для создания бэкграундов с довольно мягкими градиентами и предустановленными комбинациями цветов.

В настройках можно изменить размер холста в пикселях, выбрать палитру, размер и установить уровень дисперсии. Параметр "Дисперсия" определяет энтропию многоугольника: если вы установите значение 0, ваш бэкграунд будет состоять из аккуратных строк треугольников.

Этот генератор предлагает 27 цветовых схем, но если вам этого будет недостаточно, можно попробовать сделать собственную схему с использованием 24-bit инструмента (color picker). Полученные изображения можно скачать в форматах PNG и SVG.

2.Trianglify Background Generator

Этот генератор использует тот же плагин, что и предыдущий образец — Trianglify JS — но отличается в реализации. Сценарий использует несколько сотен палитр с ColourLovers и ColorBrewer и дополнительные параметры, такие как выбор типа градиента. Хотя плагин имеет в своем меню две новые параметры — Bleed и Cell Padding, он имеет ограниченное количество палитр, и не имеет интуитивного слайдера.

3.Geopattern

Вы можете сделать нечто прекрасное, используя свое слово в качестве инструмента благодаря Geopattern. Этот простой скрипт создает геометрические паттерны, используя 16 форм и неограниченное количество цветов. Полученные шаблоны можно сохранить в формате PNG.

4.Delaunay Triangle Pattern Maker

Этот инструмент использует триангуляцію для создания впечатляющих высококонтрастных фонов.

В настройках можно изменить размер полотна, его глубину, цвет, применить до 7 эффектов подсветки, изменить положение и расстояние от полотна. Если нет желания самостоятельно настраивать каждую функцию, можно воспользоваться кнопкой Randomize, программа сделает все за вас. Продолжайте нажимать на нее, пока не получите желаемый результат.

5.Flat Surface Shader

Хотя интерфейс внешне не отличается от предыдущего плагина, между ними есть большая разница: эффекты подсветки в этом инструменте находятся в постоянном движении (если вы не установите их скорость до 0), тем самым увеличивая случайность полученного изображения.

6.Waterpipe.js

Используя этот JavaScript плагин, вы можете создавать фоны с реалистичным эффектом дыма. Все параметры можно настроить вручную или выбрать из имеющихся настроек.

7.Colorful CSS Gradient Background Generator

Полезный инструмент для дизайнеров мобильных приложений (особенно тех, кто работает с iOS) и веб. Позволяет создавать великолепные фоны на лету.


Самое приятное в этом инструменте то, что он автоматически генерирует код CSS для градиентов, которые он создает. Недостаток заключается в том, что вы получаете код только на выходе, поэтому если собираетесь использовать его в другом месте, вам необходим будет отдельный сценарий или программа для устранения растровых изображений. Для этой цели можно использовать Phantom.JS: необходимые навыки кодирования.

8.Unique Gradient Generator

Этот инструмент позволяет создавать абстрактные размытые фоны из любого изображения. Он вырезает крохотную область загруженных изображений (например, 7Х3 пикселей) и размывает их до неузнаваемости, подобно фильтра Гаусса в Adobe Photoshop.


Плагин поставляется с библиотекой, в которую входят 33 изображения, но можно ли загружать собственные файлы. Результаты доступны как растровые изображения или CSS код.

9.Material Design Background Generator

Material Design, представленный Google, сейчас находится на пике популярности. С помощью этого сценария одним нажатием вы можете генерировать сотни уникальных фонов. Скрипт можно настроить и создать собственный фон в стиле материального дизайна.

10.K’s Watercolor Background Image Generator

Этот скрипт предоставляет возможность псевдоакварельної обработки бэкграундов. Чтобы создать такой фон, нужно указать размер и количество кругов, подобрать палитру и кликнуть по полотну. Так же можно добавлять новые слои для изменения вида изображения.


Информация была переведена с сайта prodesign.

Всем спасибо за то, что дочитали до этого места.
Если вам интересны подобные посты,
то подписывайтесь на Телеграм-канал.


Report Page