Бесплатные генераторы для структурного фона сайта

2015-02-09 Инструменты Mr.Edyan 0

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

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

Генераторы фонового изображения

Patternify

Patternify позволяет создавать структуры попиксельно, что делает его очень хорошим инструментом для изготовления мелких значков. При поддержке параметров цвета и прозрачности, с помощью этого инструмента можно сделать очень интересные графики. В дополнение к PNG формату, есть возможность создавать изображение в Base64, так что вы можете применять его в вашем CSS.

Gerstnerizer

Gerstnerizer может сделать для вас бесцветные структуры, он генерирует их в линии. На этом сайте можно задавать толщину линии, прозрачность и кривизну, все это можно найти на левой панели инструмента. Затем можно выбрать фигуры: треугольник, квадрат и шестиугольник. Там же, слева на маленькое панели можно рисовать, а окончательный результат появится на большом холсте. Шаблон можно сохранить в SVG.

Tartanmaker

Если вам нравятся клеточные фигуры, тогда Tartanmaker как раз для того и был создан. Подберите 3 цвета для будущего клеточного фона на панельки, выберите размер и нажмите кнопку "make it" которая находится на самой картинке, в итоге получите изображение созданное вами. Если вы ограничены фантазией, то можете отыскать на сайте уже готовые работы созданные другими пользователями.

Stripe Generator

Stripe Generator простой инструмент для создания полосатой структуры, вы можете добавлять множество цветов, регулировать размер, отступы, тени, интервал, стили в общем куча всего. Так же как и в предыдущем ресурсе, здесь можно отыскать готовые решения от других исполнителей.

Colour Lovers

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

Patternizer

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

GeoPattern

GeoPattern предлагает генерировать структуру случайным образом. От вас лишь требуется вводит текст (любой текст и на любом языке) и программа сгенерирует уникальный красивый узор. Каждый вводимый символ будет производить различные изображения. Просто попробуйте поиграться с этим инструментом, что-нибудь да получится в любом случае.

PlaidMaker

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