Желаете научиться писать первоклассные статьи, которые будут приносить качественный трафик? Тогда скачайте мою БЕСПЛАТНУЮ книгу по ссылке справа.

Скачать книгу!
Главная страница » Создание сайтов » Учимся делать баннеры, ведь это легко

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Хотите получать оповещения о новых статьях на свою электронную почту?
Тогда введите свой E-mail адрес в форму ниже и нажмите Enter:
Оставлено комментариев: 38
  1. Марина,

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

    2012-11-17 в 1:50 пп |
    Ответить
  2. Делитант,

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

    2012-11-18 в 4:25 пп |
    Ответить
  3. Aby-Spirit,

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

    2012-11-19 в 3:48 пп |
    Ответить
    • admin,

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

      2012-11-20 в 8:13 дп |
      Ответить
  4. Марина,

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

    2012-11-19 в 5:42 пп |
    Ответить
  5. Zhelezka,

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

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

    2012-11-19 в 7:32 пп |
    Ответить
    • admin,

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

      2012-11-20 в 8:18 дп |
      Ответить
  6. Infomehanik,

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

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

    2012-11-21 в 2:49 дп |
    Ответить
    • admin,

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

      2012-11-21 в 3:20 дп |
      Ответить
  7. Димыч,

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

    2012-11-22 в 6:56 пп |
    Ответить
  8. Ольга,

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

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

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

    2012-11-29 в 6:35 пп |
    Ответить
    • admin,

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

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

      2012-11-30 в 7:47 дп |
      Ответить
      • Ольга,

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

        2012-11-30 в 2:27 пп |
        Ответить
        • admin,

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

          2012-11-30 в 3:22 пп |
          Ответить
          • Ольга,

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

            2012-12-01 в 11:03 дп |
            Ответить
  9. Максим,

    admin:

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

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

    2012-11-30 в 9:24 дп |
    Ответить
    • admin,

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

      2012-11-30 в 9:25 дп |
      Ответить
  10. Никита Рябин,

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

    2012-12-22 в 6:28 пп |
    Ответить
    • Алекс,

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

      2013-12-27 в 5:51 дп |
      Ответить
  11. Александр,

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

    2013-01-10 в 9:17 дп |
    Ответить
    • Алекс,

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

      2013-12-27 в 5:53 дп |
      Ответить
  12. Александр,

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

    2013-02-03 в 4:43 пп |
    Ответить
  13. Александр,

    Александр:

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

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

    2013-02-03 в 4:45 пп |
    Ответить
  14. Александр,

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

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

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

    2013-03-02 в 1:32 пп |
    Ответить
    • admin,

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

      2013-03-02 в 2:49 пп |
      Ответить
  15. Алекс,

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

    Спасибо!

    2013-03-10 в 7:55 дп |
    Ответить
    • admin,

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

      2013-03-10 в 8:29 дп |
      Ответить
  16. Арина,

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

    2013-04-07 в 5:26 пп |
    Ответить
  17. Александр Василенко,

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

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

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

    2013-04-17 в 5:53 дп |
    Ответить
  18. Алексей Б.,

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

    2013-11-23 в 8:30 пп |
    Ответить
  19. Алекс,

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

    2013-12-27 в 5:59 дп |
    Ответить
  20. Денис Скрипник,

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

    2014-01-08 в 2:16 пп |
    Ответить
  21. Мозгунова Ирина,

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

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

    2014-01-12 в 10:37 дп |
    Ответить
  22. klimentino,

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

    2014-02-05 в 6:06 дп |
    Ответить
  23. celena,

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

    2014-06-06 в 6:15 пп |
    Ответить
  24. Галина,

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

    2014-07-25 в 11:39 дп |
    Ответить
  25. Игорь,

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

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

    2014-11-23 в 8:37 пп |
    Ответить
  26. snezhana,

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

    2016-02-17 в 12:45 дп |
    Ответить
Оставить свой комментарий:

Эффективный блоггинг и инфобизнес с Белан Константином

Станьте моим партнером

© 2012-2015 | При копировании материала активная ссылка на сайт-первоисточник обязательна!

▲ Наверх