Здравствуйте, глубокоуважаемые посетители SeoKos.ru! Недавно задумался о создании баннера на один из своих региональных сайтов, и начал искать сервисы для этого. Я считаю, что если можно сделать в онлайне, зачем тогда скачивать какую-то программу на компьютер? Ну ладно, представляю Вам статью «Как сделать баннер».
Баннер, это тоже своего рода способ привлечения посетителей. Т.е. вы создаете баннер для своего сайта, находите ресурс, где предлагают разместить рекламу, договаривайтесь, и как говорится — радуетесь!
Но как видите, это платный способ. А сейчас все стараются добиться чего-либо за бесплатно. Правда размещение баннеров я встречал не за деньги, а за баннер. Скажите глупость какая-то. Нет! Просто Вы размещаете их баннер, они Ваш, т.е. взаимный обмен баннерами. Тоже как вариант.
Так же благодаря баннерам можно не плохо подзаработать. Ну Вы уже поняли, что, не Вы будете размещать на чьих-то сайтах, а Вам, на Вашем!
Но при чем здесь создание баннеров Вам? А ведь можно убить сразу двух зайцев. Предоставить услугу по созданию баннера, и плюс предложить разместить его у Вас! Как это здорово. Вроде бы какое-то изображение, но смотрите сколько важностей несет в себе.
Мы поговори, что это, и для чего, а теперь изучим важный момент данного поста, как сделать баннер.
Как создать баннер?
Я испробовал множество различных программ и сервисов по созданию баннеров. Но все они какие-то «ужасные» что-ли. Во многих есть одно важное, но нет другого. Одни «запиханы» красивыми шрифтами, стилями, но получается не красивый фон, и т.д.
Долго я был в поисках хорошего сервиса, и вот наконец наткнулся на такой. Называется — BannerFans. Может я и не первый пишу о нем, но мне он очень понравился, поэтому советую Вам!
Сайт представляет собой очень удобный и простенький сервис по созданию баннеров. Хоть он и простенький, баннеры на нем получаются ого-го. К пример, мой новый созданный баннер за 5 минут:
Неплохо же, ведь ушло всего 4-5 минут. Сейчас я Вас научу как сделать что-то подобное. Приступаем!
Что... где... когда... приступаем
Сначала сделаем небольшой осмотр сервиса, с помощью картинок, и начнем.
1) Заходим на сайт BannerFans.com и видим главную страницу
Тут все на английском. Кто знает его оставляет так, а кто нет, выбираем язык в верхнем правом углу.
Нажимаем, теперь язык сайта стал русским. Конечно перевод желает лучшего, но чтобы понять суть той или иной кнопки, этого хватит.
Перед нами окно сайта, которое разделено на несколько частей, главные из них, это:
- Показ баннера
- Настройка баннера

- Макет — здесь выбираем размер и фон
- Текст — в этой категории мы будем писать и настраивать текст, который будет отображаться на баннере
- Воздействие — тут происходит внешняя настройка текста, т.е. различные тени, обводки и т.д.
- Пограничная — настраиваем границы (обводку) самого баннера
- Формат — и последнее, это выбор формата изображения
- Выбираем позицию тени
- Выбираем размер тени
- Далее выбираем цвет и яркость тени
- И последнее, что мы делаем в этой вкладке — настраиваем размер обводки и цвет обводки



О баннере давно мечтаю. Буду пробовать. Спасибо. А видео просто супер!
Очень нужная информация. Иногда нужно сверстать простенький баннер, а возиться не хочется.
Спасибо Вам! Получилось) Подскажите пожалуйста — у меня кото-сайт, хотелось бы добавить изображение кошака на баннер. Здесь это не получится? Может дадите ссылку.
К сожалению здесь изображения добавлять нельзя:( В этом случае можно воспользоваться Adobe Photoshop
Вот спасибо! А то я считала это очень сложным и поэтому даже не бралась за поиски. Сейчас буду творить!
Спасибо тебе, умный томский школьник! Воспользовалась твоими советами и сделала сегодня первые два баннера в своей жизни))) Замечательно, что есть возможность получить коды, а непросто скачать баннер. Кликая по баннеру читатель переходит на нужную страничку.
Но похоже это только в том случае возможно, когда не загружаешь свою картинку при создании баннера. Потому что когда я загрузила файл , создала баннер, нажимаю кнопку получить коды, и тишина...Может быть я что-то не так делаю? Подскажи ...
Все правильно. Попробуйте проделать тоже в другом браузере
Спасибо за информацию, полезный сервис. Главное что можно баннер скачать к себе. Если баннер будет в формате GIF, то его потом можно обработать в программке Easy Gif Animator и добавить картинки.
Константин, сделайте шрифт на сайте покрупнее, а то читать тяжело, слишком мелко, приходится делать увеличение.
Спасибо за наводу. Обязательно сделаю
На счёт собственных баннеров не задумывался, но сервис на заметку конечно возьму, спасибо Вам за него. Ну а с видео вообще выпал )))
Константин, почему у Вас нет поиска по сайту?
Видела раньше эту интересную статью о создании баннера, захотела перечитать, но пришлось просматривать всю карту сайта вместо быстрого поиска.
И расскажите, пожалуйста, как установить таких замечательных дедов морозов в заголовках виджетов?
Это я делал с помощью замечательного Photoshop'а)
P.s. А поиск сейчас же примусь делать.
Спасибо! Ты молодчинка! Жаль, а я не очень с фотошопом дружу.
Это Вам спасибо! Если что могу помочь. Пишите в форму обратной связи
Я люблю все делать сама: копаться, разбираться, мучиться и радоваться достижениям. Пока на все времени не хватает. Но, если понадобится помощь, обязательно обращусь.
Оперативно:)
Все для читателей
А я просто делаю картинки PNG, а потом соединяю их в один баннер на одном сервисе.
Я тоже так делаю, но и предлагаемый сервис тоже пригодится.
Онлайн сервис это конечно же хорошо, но не лучше ли сделать банер самому, например в фотошопе. На мой взгляд лучше получиться должно.
Во-1, фотошоп — платная программа. Во-2, сколько Вы будете возиться с Фотошопом? Здесь же предлагают сервис, что облегчает задачу. Но кому как, конечно.
Интересный онлайн-сервис, до этого делал баннеры только в Photoshop'e
Ну да, в Photoshop'e, конечно, можно сделать баннер красивее, учитывая все возможности этой программы, но не у всех есть Photoshop
Ну да, в Photoshop'e, конечно, можно сделать баннер красивее, учитывая все возможности этой программы, но не у всех есть Photoshop
Так в чем проблема? Нет фотошопа, скачай Gimp, он бесплатен, а по функционалу такой же.
Кстати Константин, только сейчас заметил, что Ты шапку сменил. Прикольно получилось.
Александр, Спасибо!
Привет, а подскажите почему текст на русском квадратиками отображается в баннере на их сайте, когда новый пытаюсь создать.
Спасибо!
Алекс, Причиной таких «квадратиков» является не поддержка некоторых шрифтов русского языка. Попробуйте выбрать другой шрифт!
Красиво и действительно, наверное легко создается.
А подскажи название сервиса плз
Не, баннеры лучше создавать на собственном ПК и собственном опыте.
Для этого, конечно, нужно время, но без него все равно никуда. Очень хотелось бы глянуть видео, но его, похоже, уже не существует. Кто-то за что-то удалил...
Взаимообмен баннерами — типа перекрёстных ссылок получается. Как Яндекс к этому относится?
Плохо что этот сервис не подходит для незрячих из-за необходимости работать с мышью.
Я тоже считала, что сделать баннер — невозможно сложное дело.
Но при такой подробной инструкции — это довольно таки доступно. И даже, оказывается, специальный сервис есть. Буду учиться.
Хорошая подборка сервисов и программ для создания баннеров. Пользовался некоторыми из них. В принципе баннер можно создать практически в любом графическом редакторе. Я пользуюсь Фотошопом
Добрый день!Подскажите,если я скачиваю код банера.То при вставке на сайт,отображается этот код(что и где надо может понять ,чтоб отобразился сам баннер).Спасибо
Константин, видео не существует((
Хочу сляпать себе баннер. Как раз статья попалась на глаза.
Спасибо за статью.
Хорошая статья))) я тоже долго искала полезные статьи и сайты, ,даже нашла несколько сайтов которые мне очень помогли, если интересно заходите ко мне на стр., буду рада помочь)))