Получайте секретные материалы проекта на свой E-Mail:

Учимся делать баннеры, ведь это легко

Здравствуйте, глубокоуважаемые посетители SeoKos.ru! Недавно задумался о создании баннера на один из своих региональных сайтов, и начал искать сервисы для этого. Я считаю, что если можно сделать в онлайне, зачем тогда скачивать какую-то программу на компьютер? Ну ладно, представляю Вам статью «Как сделать баннер».Как сделать баннер

Баннер — это такое изображение, несущие в себе сведение о каком-то сайте в виде рекламы. Он может быть как анимированный, так и просто «молчаливый».

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

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

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

Но при чем здесь создание баннеров Вам? А ведь можно убить сразу двух зайцев. Предоставить услугу по созданию баннера, и плюс предложить разместить его у Вас! Как это здорово. Вроде бы какое-то изображение, но смотрите сколько важностей несет в себе.

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

Как создать баннер?

Я испробовал множество различных программ и сервисов по созданию баннеров. Но все они какие-то «ужасные» что-ли. Во многих есть одно важное, но нет другого. Одни «запиханы» красивыми шрифтами, стилями, но получается не красивый фон, и т.д.

Долго я был в поисках хорошего сервиса, и вот наконец наткнулся на такой. Называется — BannerFans. Может я и не первый пишу о нем, но мне он очень понравился, поэтому советую Вам!

Сайт представляет собой очень удобный и простенький сервис по созданию баннеров. Хоть он и простенький, баннеры на нем получаются ого-го. К пример, мой новый созданный баннер за 5 минут:

Неплохо же, ведь ушло всего 4-5 минут. Сейчас я Вас научу как сделать что-то подобное. Приступаем!

Что... где... когда... приступаем

Сначала сделаем небольшой осмотр сервиса, с помощью картинок, и начнем.

1) Заходим на сайт BannerFans.com и видим главную страницу

Тут все на английском. Кто знает его оставляет так, а кто нет, выбираем язык в верхнем правом углу.

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

Перед нами окно сайта, которое разделено на несколько частей, главные из них, это:

  • Показ баннера
  • Настройка баннера
Показ, это понятно. А вот настройку мы разберем подробней.
Здесь несколько категорий. Сейчас кратко о них, а ниже подробней.
  • Макет — здесь выбираем размер и фон
  • Текст — в этой категории мы будем писать и настраивать текст, который будет отображаться на баннере
  • Воздействие — тут происходит внешняя настройка текста, т.е. различные тени, обводки и т.д.
  • Пограничная — настраиваем границы (обводку) самого баннера
  • Формат —  и последнее, это выбор формата изображения
С возможностями разобрались теперь приступаем к главному, как сделать баннер.
2) Нажимаем Макет, здесь выбираем размер баннера, цвет и градиент фона. Здесь думаю картинки не нужны. Далее нажимаем текст, и вводим текст, который будет отображаться на баннере. Это может быть название сайта, адрес, слоган, Ваше имя, что угодно.
Число текстов ограничено — 6 предложений на разных строках. Каждый из текстов можно настроить индивидуально, т.е. выбрать шрифт, размер, цвет и вращение.
Шрифтов в этом сервисе много, НО, не все они поддерживают кириллицу (т.е. Русский язык). Чтобы Вам не искать какие же шрифты его поддерживают, говорю сразу — все шрифты в группе Stock
Значит пишем текста, настраиваем их, и размещаем как нужно в окне предварительно просмотра. Для это просто, нужно щелкнуть на нужный текст, и переместить куда нужно.
3) Теперь переходим во вкладку Воздействие и начинаем настраивать тень.
  • Выбираем позицию тени
  • Выбираем размер тени
  • Далее выбираем цвет и яркость тени 

  • И последнее, что мы делаем в этой вкладке — настраиваем размер обводки и цвет обводки
4) Следующая вкладка Пограничная, здесь мы настраиваем обводку самого баннера.
5) И последняя вкладка Формат, здесь, как уже стало понятно из названия, мы выберем формат, в котором будет сохранен баннер. Рекомендую выбирать формат .PNG
6) Теперь можно посмотреть на наше творчество, для этого нажимаем кнопку «Изменить баннер», она находиться посередине, под областью редактирования.
7) Вот мы сделали изображение баннера, настроили формат, посмотрели как выглядит, теперь нужно его сохранить. Для этого под областью редактирования нажимаем на кнопку «Скачать баннер», правее от кнопки «Изменить баннер».
8) Сохранили, теперь можем загрузить на сайт, установить себе. А потом уже, можете делать с ним что хотите. Только не съешьте! :)
Ура, ура, ура... У нас все получилось. Поздравляю Вас. Теперь пришло время приступить к написанию комментариев. Милости прошу!
Также советую прочитать следующие статьи:
Поведенческие факторы ранжирования
Кнопка наверх: Как сделать?
Как увеличить посещаемость бесплатно
И скачать мою книгу «Как попасть в ТОП».
С уважением, Томский школьник!
Белан Константин Сергеевич

С уважением, Константин Белан.

Сделайте мне приятно - нажмите на любую из кнопок:
Подпишитесь на рассылку блога и получайте новые статьи на свою почту
Грамотная воронка продаж для Вашего блога - регистрируйтесь
Количество комментариев к данной статье: 39
  1. Марина
    Ответить
    2012-11-17 в 13:50

    О баннере давно мечтаю. Буду пробовать. Спасибо. А видео просто супер!

  2. Делитант
    Ответить
    2012-11-18 в 16:25

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

  3. Aby-Spirit
    Ответить
    2012-11-19 в 15:48

    Спасибо Вам! Получилось) Подскажите пожалуйста — у меня кото-сайт, хотелось бы добавить изображение кошака на баннер. Здесь это не получится? Может дадите ссылку.

    • admin

      К сожалению здесь изображения добавлять нельзя:( В этом случае можно воспользоваться Adobe Photoshop

  4. Марина
    Ответить
    2012-11-19 в 17:42

    Вот спасибо! А то я считала это очень сложным и поэтому даже не бралась за поиски. Сейчас буду творить!

  5. Zhelezka
    Ответить
    2012-11-19 в 19:32

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

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

    • admin

      Все правильно. Попробуйте проделать тоже в другом браузере

  6. Infomehanik
    Ответить
    2012-11-21 в 02:49

    Спасибо за информацию, полезный сервис. Главное что можно баннер скачать к себе. Если баннер будет в формате GIF, то его потом можно обработать в программке Easy Gif Animator и добавить картинки.

    Константин, сделайте шрифт на сайте покрупнее, а то читать тяжело, слишком мелко, приходится делать увеличение.

    • admin

      Спасибо за наводу. Обязательно сделаю

  7. Димыч

    На счёт собственных баннеров не задумывался, но сервис на заметку конечно возьму, спасибо Вам за него. Ну а с видео вообще выпал )))

  8. Ольга
    Ответить
    2012-11-29 в 18:35

    Константин, почему у Вас нет поиска по сайту?

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

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

    • admin

      Это я делал с помощью замечательного Photoshop'а)

      P.s. А поиск сейчас же примусь делать.

      • Ольга
        Ответить
        2012-11-30 в 14:27

        Спасибо! Ты молодчинка! Жаль, а я не очень с фотошопом дружу. :cry:

        • admin

          Это Вам спасибо! Если что могу помочь. Пишите в форму обратной связи

          • Ольга
            Ответить
            2012-12-01 в 11:03

            Я люблю все делать сама: копаться, разбираться, мучиться и радоваться достижениям. Пока на все времени не хватает. Но, если понадобится помощь, обязательно обращусь.

  9. Максим
    Ответить
    2012-11-30 в 09:24

    admin:

    Это я делал с помощью замечательного Photoshop'а) P.s. А поиск сейчас же примусь делать.

    Оперативно:)

    • admin

      Все для читателей :-)

  10. Никита Рябин

    А я просто делаю картинки PNG, а потом соединяю их в один баннер на одном сервисе.

    • Алекс

      Я тоже так делаю, но и предлагаемый сервис тоже пригодится.

  11. Александр

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

    • Алекс

      Во-1, фотошоп — платная программа. Во-2, сколько Вы будете возиться с Фотошопом? Здесь же предлагают сервис, что облегчает задачу. Но кому как, конечно.

  12. Александр

    Интересный онлайн-сервис, до этого делал баннеры только в Photoshop'e

  13. Александр

    Александр:

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

    Ну да, в Photoshop'e, конечно, можно сделать баннер красивее, учитывая все возможности этой программы, но не у всех есть Photoshop

  14. Александр

    Ну да, в Photoshop'e, конечно, можно сделать баннер красивее, учитывая все возможности этой программы, но не у всех есть Photoshop

    Так в чем проблема? Нет фотошопа, скачай Gimp, он бесплатен, а по функционалу такой же.

    Кстати Константин, только сейчас заметил, что Ты шапку сменил. Прикольно получилось.

    • admin

      Александр, Спасибо!

  15. Алекс
    Ответить
    2013-03-10 в 07:55

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

    Спасибо!

    • admin

      Алекс, Причиной таких «квадратиков» является не поддержка некоторых шрифтов русского языка. Попробуйте выбрать другой шрифт!

  16. Арина
    Ответить
    2013-04-07 в 17:26

    Красиво и действительно, наверное легко создается.

  17. Александр Василенко

    Никита Рябин:

    А я просто делаю картинки PNG, а потом соединяю их в один баннер на одном сервисе.

    А подскажи название сервиса плз

  18. Алексей Б.
    Ответить
    2013-11-23 в 20:30

    Не, баннеры лучше создавать на собственном ПК и собственном опыте. :) Для этого, конечно, нужно время, но без него все равно никуда. Очень хотелось бы глянуть видео, но его, похоже, уже не существует. Кто-то за что-то удалил...

  19. Алекс

    Взаимообмен баннерами — типа перекрёстных ссылок получается. Как Яндекс к этому относится?

  20. Денис Скрипник
    Ответить
    2014-01-08 в 14:16

    Плохо что этот сервис не подходит для незрячих из-за необходимости работать с мышью.

  21. Мозгунова Ирина
    Ответить
    2014-01-12 в 10:37

    Я тоже считала, что сделать баннер — невозможно сложное дело. :twisted:

    Но при такой подробной инструкции — это довольно таки доступно. И даже, оказывается, специальный сервис есть. Буду учиться.

  22. klimentino
    Ответить
    2014-02-05 в 06:06

    Хорошая подборка сервисов и программ для создания баннеров. Пользовался некоторыми из них. В принципе баннер можно создать практически в любом графическом редакторе. Я пользуюсь Фотошопом

  23. celena

    Добрый день!Подскажите,если я скачиваю код банера.То при вставке на сайт,отображается этот код(что и где надо может понять ,чтоб отобразился сам баннер).Спасибо

  24. Галина
    Ответить
    2014-07-25 в 11:39

    Константин, видео не существует((

  25. Игорь
    Ответить
    2014-11-23 в 20:37

    Хочу сляпать себе баннер. Как раз статья попалась на глаза.

    Спасибо за статью.

  26. snezhana
    Ответить
    2016-02-17 в 00:45

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

  27. VideoMaster
    Ответить
    2016-07-17 в 23:38

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

Написать свой комментарий:
Ознакомиться с правилами блога