Как сделать баннер для сайта самостоятельно

Рано и поздно любой начинающий веб-мастер понимает, что для эффективного продвижения сайта понадобится красивая реклама. Одним из популярных способов раскрутки проекта может стать баннерная реклама. Есть два пути реализации поставленного замысла: заказать за деньги, либо сделать самостоятельно. Первый вариант самый простой, но затратный. Не каждый владелец сайта готов оплачивать работу фрилансеров, когда бюджет на начальном этапе серьезно ограничен. Кроме того иногда требуется изменить текст рекламы или сделать еще один баннер, и снова приходиться раскошеливаться. А может быть попробовать сделать самостоятельно? Посмотрим, насколько это реально.

Что такое баннер?

Баннер – анимированная картинка среднего размера, изображения на которой, синхронно меняются. Как правило, баннер состоит из нескольких рисунков, сменяющих друг друга. Анимированные баннеры привлекают внимание гостей сайта, при клике на картинку, посетители переходят на другой ресурс, таким образом, можно перенаправлять трафик. В интересном материале по ссылке http://tv-express.ru/luchshie-sposoby-prodvizhenija-bloga.dhtm есть вся подробная информация про лучшие способы продвижения блога. Оказывается, сконструировать баннер самостоятельно не так уж и сложно, что очень похоже на технологию создания шапки для сайта. Далее мы рассмотрим процесс создания статичного баннера.

Как сделать баннер для сайта?

Итак, для решения поставленной задачи необходимо загрузить одну из версий программы «Photoshop». Нажимаем «файл», выбираем «новый». В появившемся окне в первую очередь вписываем необходимый масштаб будущего баннера. Допустим, вам необходим размер 468х60. Указываем в поле высота – 60, в поле ширина – 468. 

• Создаем фон. На панели инструментов выбираем «заливка», щелкаем левой кнопкой мыши по нужному цвету в открывшейся палитре. Закрашиваем основной фон баннера в нужный цвет. Главное правило подбора цвета – это его сочетание с дизайном вашего сайта, ведь основная цель рекламы – это привлечение клиентов, а не их отпугивание. Как оформлять навигацию по основным разделам сайта можно посмотреть здесь.
• Размещаем картинку. Выбор картинки будет определяться задачами самой рекламы. Лучше, если это будет простая фигура, напоминающая логотип, с расширением jpg или gif. Выбранное изображение открываем в Photoshop.
• Задаем размер картинки, выбрав в меню вкладку «изображение» — «размер изображения», подгоняя по высоту баннера (у нас 60 пикселей). Проверьте наличие галочки в поле «сохранить пропорции». Если у картинки имеется фон, то вырежете ее и вставьте в изображение с прозрачным фоном. Готовую работу перетаскиваем в будущий баннер и размещаем в нужном месте.
• Создаем текст. Выбираем вкладку «текст», вписываем нужную фразу, и перетаскиваем на баннер. В меню выбираем «сохранить для web». Чтобы баннер перенаправлял на нужный сайт, потребуется связать ваш баннер со ссылкой на сайт. Для этого на сайте, где будет размещена ваша реклама, вписать код с помощью html редактора. 

Куда должна вести ссылка с баннера?

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