Создание баннера онлайн

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

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

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

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

Выбираем размер баннера

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

веб баннер, изготовление баннеров

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

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

Изменить баннер

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

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

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

Формат баннера

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

Скачать баннер бесплатно

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

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

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

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

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

Подпишись на обновления сайта! Получай новые статьи себе на почту.
Введите свой Email
Подпишись на обновления сайта! Получай новые статьи себе на почту.

Понравилась статья? Поделись с друзьями!

Нравится
Опубликовать в Twitter Опубликовать в своем блоге livejournal.com
Вы можете оставить комментарий ниже.

Комментариев к записи: 30

  1. Ирина:

    спасибо! У Вас,как всегда нужная информация и вовремя!

  2. Создание и размещение баннера на стороннем ресурсе, для меня сейчас весьма актуальная тема. Я только начинаю раскручивать свой блог. Ваша статья очень кстати, спасибо.

  3. Не знала о таком сервисе. Намучилась,пока создавала свой первый баннер.Попробую воспользоваться этим сервисом.Спасибо за информацию.

  4. Спасибо! Обязательно воспользуюсь Вашим советом. Дельная статья!

  5. Интересно, конечно, но вот как создать анимированные баннеры?

  6. Меня gimp устраивает — на нем много возможностей

  7. Благодарю, Максим, за урок и рекомендации полезного сайта.

  8. Спасибо за статью, обязательно попробую создать баннер!

  9. Очень правильная и нужная статья.

  10. Сергей:

    Благодарю Максим за очень полезную информацию. Давно искал материалы по данной теме.

  11. Татьяна:

    Ознакомилась со статьей. Попробую также сделать свой баннер. Спасибо, Максим за столь полезную и нужную информацию.

  12. Если баннеры, показанные в начале поста — качественные, то я носорог. Лучше уж заказать баннер на фрилансе в таком случае. И выйдет недорого, и так позориться не придется.
     
    А вот баннер от Робина Шарма — весьма хорош, тут не спорить не буду.

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

  13. Здорово, мне пожалуй тоже пригодится.

  14. Мне очень нужно раскрутить интернет магазин «Магазин Дэнаспродукции», для этого как один из способов раскрутки и придания солидности Банер, то что нужно. А иначе, что можно разместить на другом сайте, чтобы кричало зайдите сюда?

  15. Спасибо, Максим, тоже думала о баннере, так что во время статья! Подписываюсь на обновление!

  16. Как своевременны Ваши советы и наводки! И очень подробно все описано: бери и делай!

  17. Актуальная  для меня статья, как раз то, что надо.

  18. Татьяна К:

    Тоже все собираюсь сделать баннер, спасибо за статью может быстрее пойдет процесс «собирания».

  19. Роман:

    http://radugastudio.ru Сделали на ура, все профессионально и цены отличные.

  20. Очень интересная тема, но ссылочка на сервис не работает. Не знаю, у меня проблема, или сервис уже не работает?

  21. Fin:

    А ведь этот сервис не поддерживает русский язык для баннеров… :cry:

:wink: :-| :-x :twisted: :) 8-O :( :roll: :-P :oops: :-o :mrgreen: :lol: :idea: :-D :evil: :cry: 8) :arrow: :-? :?: :!: