Здравствуйте, друзья! Одним из способов привлечь больше посетителей на сайт является размещение на сторонних ресурсах такого графического элемента как баннер. Броский и стильный баннер с интригующей надписью может служить инструментом привлечения потенциальных покупателей, способствовать увеличению посещаемости сайта и даже рассматриваться как элемент имиджа. А поэтому к созданию баннера необходимо подходить со всей серьёзностью. Баннеры, выходящие из-под рук неискушенного в дизайнерском искусстве веб-мастера, как правило, не отличаются совершенством. А что делать, если вдруг вам срочно понадобился качественный баннер, а времени на его изготовление катастрофически не хватает? Ответ простой – воспользоваться сервисом  создания баннеров онлайн!

Онлайн сервис для создания баннера  онлайн Banner Fans позволяет создавать простые, но в тоже время стильные баннеры всего за несколько шагов. Сервис англоязычный, но вы также можете выбрать русский язык из выпадающего списка в верхнем правом углу. Перевод не отличается совершенством, но, как правило, его вполне хватает, чтобы русскоязычный пользователь мог чувствовать себя уверенно и свободно ориентироваться на сайте сервиса. Рабочее окно Banner Fans разделено на две горизонтально расположенные части или блока. В верхнем блоке можно наблюдать сам баннер и отслеживать все изменения, внесённые в процессе его редактирования.

В нижнем расположены все необходимые инструменты и настройки. Здесь вы можете подбирать цвет, менять стиль шрифта, добавлять эффекты и т.д.

Шаблон баннера, с которым вам предстоит работать, представляет собой вытянутый прямоугольник, залитый приятным на цвет градиентом и расположенными на нём двумя текстовыми элементами. Эти строчки текста вы можете перемещать мышью по всей площади баннера. Нижний блок состоит из пяти разделов, переключаться между которыми можно попеременно нажимая на расположенные горизонтально вкладки. Самая первая вкладка "Макет" отвечает за размеры и фон баннера.
В выпадающем списке вы можете выбрать наиболее подходящий размер или установить его в индивидуальном порядке.

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

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

Конечно, не стоит принимать этот совет за правило – разработчики сервиса учли и такой вариант, а поэтому предоставили пользователю самостоятельно решать, какой из шести типов установки картинки в качестве фона будет использоваться. Изображение можно равномерно растянуть в автоматическом режиме по всей площади баннера, можно расположить его по центру, а также по правой или же левой стороне, а оставшееся пустое место заполнить выбранным цветом. А еще фону баннера можно придать плиточную структуру на основе того же изображения. Для того чтобы все изменения вступили в силу, нужно после каждого изменения параметров нажимать кнопку "Изменить баннер".

Изменить, добавить или удалить текстовые элементы можно переключившись на следующую вкладку "Текст". Всего можно в баннер можно вставить шесть строчек текста. Banner Fans располагает внушительной коллекцией шрифтов разделённых по категориям. Русскоязычные шрифты можно найти в категории Stock. Тут же вы можете настроить размер, цвет и наклон шрифта. Если вы желаете сделать ваш текст более эффектным, переключайтесь на следующую вкладку под названием "Воздействие". Тут тексту можно придать эффект тени, а также добавить обводку.

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

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

Останется, только нажав кнопку "Скачать баннер" сохранить результат вашего упорного труда к себе на компьютер. Вот к примеру что получилось у меня на скорую руку.

Тут же можно получить и полностью готовый код для вставки на сайт, блог или форум. Только не забудьте в коде заменить адрес ссылки на свой родной, а иначе ваши посетители, кликнув по такому баннеру, попадут явно не по адресу. Сделать это можно тут же, введя в поле формы адрес нужного вам сайта и нажав кнопку "Update codes". А если пожелаете, можете заодно изменить и адрес физического расположения самого баннера, поскольку по умолчанию сервис автоматически сохраняет его на одном из хостингов изображений, только сделать это придётся уже вручную.

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

P.S. Хоть это и не имеет отношения к тематике статьи, но я не могу не упомянуть о семинаре, который может изменить вашу жизнь! Нажмите на баннер под статьей, чтобы узнать подробней.

На десерт видео - Каратисты жгут!

Позаботьтесь о мелочах и  у Вас все получится! Ваш MaxNeo.ru