Делаем баннер в онлайн генераторе

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

Несмотря на весь размах этого явления, баннеры до сих пор активно используются в интернет и имеют удовлетворительный CTR. Главный успех баннера – это чувство меры в дизайне и правильное расположение на сайте.


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

генератор баннеров онлайн

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

Друзья, если в каком-либо браузере у Вас будут проблемы с работой генератора баннеров онлайн, то используйте  Mozilla Firefox , как рекомендуют сами разработчики.

Рабочая область сервиса  имеет ряд закладок. На первой из них под названием «Макет» Вы выбираете нужный Вам размер баннера. Всего доступно 12 вариантов размеров, поэтому выбрать есть из чего ). Справа можно задать тип и цвета градиентной заливки фона. Также в качестве фона создаваемого баннера можно загрузить и свою картинку с компьютера.

На закладке «Текст» находятся инструменты для работы с текстовым содержимым баннера. Генератор дает возможность задать до трех строчек текста, который Вы должны ввести с помощью клавиатуры в соответствующие окошки. Здесь же Вы можете:

  • задавать цвет, размер и стиль шрифта
  • определять направление текста
  • регулировать вертикальное и горизонтальное положение текста в пределах баннера при помощи ползунков
  • добавить эффект тени

Кстати, не забывайте после каждого внесенного изменения в генераторе баннеров нажимать кнопку «обновить», чтобы оно вступило в силу!

Инструменты генератора для редактирования текста баннера

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


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

В закладке «Рамка» онлайн генератора можно задать толщину и цвет рамки создаваемому баннеру. По умолчанию присваивается однопиксельная рамка черного цвета, поэтому имейте это ввиду, если она Вам не нужна.

настройка рамки баннера в онлайн генераторе

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

добавление эффектов к баннеру

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

сгенерированный код баннера

Вот такой вот онлайн генератор баннеров от студии Artbanner.com.ua! Если Вам надо создать баннер, а деньги на это Вы тратить не готовы, то почему бы не попробовать им воспользоваться? )

фото автора Сергей Сандаков, 43 года.
С 2011 г. пишу обзоры полезных онлайн сервисов и сайтов, программ для ПК.
Интересуюсь всем, что происходит в Интернет, и с удовольствием рассказываю об этом своим читателям.
12 комментариев

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

Ваш адрес email не будет опубликован. Обязательные поля помечены *