Создание полосатого фона для сайта

Фон для сайта может внести в дизайн некую изюминку – будь то деревянный паркет, красивые узоры или что-то в этом роде. Удачно подобранный backgorund позволит вашему проекту выглядеть ярко и стильно. Я уже однажды говорил о том как задать фон для сайта через свойство CSS backgorund, теперь самое время рассказать о картинках, которые для этого фона можно использовать. Они, кстати, должны выглядеть так, чтобы при заполнении всего экрана изображение смотрелось цельно, без глюков, то есть узор должен определенным образом повторяться.

В сети есть около десятка сервисов (а может и больше), которые помогут вам сгенерировать правильный фон, задавая лишь некоторые его параметры – цвет, узор и т.п. Если у вас нет желания вникать во все азы Photoshop`а – воспользуйтесь одним из сайтов ниже.

Stripe Generator

Stripe Generator - генераток фона для сайта

Дословно название переводится как «генератор полос» – в принципе, его оправдывает на все 100%. Вы можете выбрать расположение полос, расстояние между ними, их ширину, цвет, наличие тени – в общем, практически все:

сервис генератор background

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

StripeMania

stripe mania - фон для сайта сервисЕще один сайт для поклонников полосок. Здесь используется немного другой принцип создания изображения – вы можете добавлять несколько разных цветовых решений для полосок. Если в первом сервисе указывается общий цвет для всех полос, то здесь можно сделать определенное число различных цветовых решений, которые будут повторяться. Кроме того, есть и общие настройки – ширина и направленность полос, отступы между ними, цвет фона. Кстати можно задавать градиентный переход между двумя цветами одной полосы.

фон background для сайта / блога

Tartanmaker

Этот сервис имеет, пожалуй, самый оригинальный дизайн. Генерирует достаточно необычные узоры:

красивый фон для сайта

Здесь также можно добавлять несколько своих цветов, которые таинственным образом переплетаются в конечном рисунке. На первый взгляд, данный фон очень неплохо смотрелся бы на ретро сайте (особенно с применением винтажных кистей для Photoshop).

P.S. Если у вы ведете тематический блог о дизайне – предлагаю обменяться постовыми. Для иных тематик предлагаю купить ссылку за $3 – скоро ап и показатели как раз подрастут:)

Burn Commercial – реклама энергетического напитка на грани фола.

Заработай на своих сайтах!

Комментариев - 7
для поста Создание полосатого фона для сайта
  1. ]]> WebMast ]]> (Октябрь 28, 2008)

    Из первых дувух я бы не выбрал лучшего. По крайней мере сразу..

  2. ]]> Tod ]]> (Октябрь 28, 2008)

    WebMast, у них и возможности слегка отличаются.

  3. ]]> Anton ]]> (Ноябрь 1, 2008)

    Полезные сервисы

  4. ]]> KH93b ]]> (Июль 6, 2009)

    Спасибо! Искал то, что нужно было. Сэкономил немного времени.

  5. ]]> Лаборант ]]> (Август 13, 2009)

    Второй сервис как мне кажется намного лучше.
    Хотя на вкус и на цвет все фломастеры разные))))

  6. ]]> TOE-MAY-TOE ]]> (Январь 23, 2010)

    большое спасибо!!! отличные сервисы долго искал чтото подобное

  7. ]]> kr1z ]]> (Февраль 9, 2010)

    Хорошая подборка.
    Можно еще к этому списку добавить — http://bgpatterns.com/

Оставить комментарий



Интересные новости