Блог Максима Войтика
Публикации о способах
заработка в интернете и SEO

Как создать баннер в программе Photoshop за 5 минут

04 февраля 2012
Комментарии: 9

Как сделать баннер в Photoshop

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

В сети самый распространенный вид рекламы — это баннерная реклама. Поэтому сегодня мы узнаем о том, как сделать баннер для сайта в фотошопе, тем самым сэкономив средства на заказ его у фрилансеров.

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

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

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

Как сделать баннер в Фотошопе за 5 минут


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

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

Далее надо определиться с размером будущего баннера, в основном используют размеры 468×60, 240×400. Мы будем делать баннер размером 468×60, для этого открываем «Меню» — «Файл» — «Создать» и выставляем размеры по ширине 468, по высоте 60.

Размер нового баннера

Обратите внимание что слева расположена панель инструментов, где вы выбираете цвет фона баннера. С помощью заливки заливаем область нужным цветом.

Заливаем фон баннера в фотошопе

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

Загружаем понравившуюся картинку в фотошоп и устанавливаем необходимый размер, который будет подходить по габаритам. «Меню» — «Изображение» — «Размер изображения».

Устанавливаем размер

В том окне, которое откроется задаете размеры и поставьте птичку в окне «сохранять пропорции». Бывает что у картинки есть свой фон, тогда вам нужно вырезать ее и сохранить с прозрачным фоном.

После всего проделанного перетаскиваем картинку на будущий баннер, а уже там поместим ее в нужном для нас месте и объединяем ее с фоном.

Перенос изображения

У вас должно было получиться два слоя, которые выделяются во вкладке «Слои», затем нажимает правую кнопку мыши и выбираем действие «Объединить видимые».

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

Теперь осталось сделать какую-нибудь надпись в фотошопе на баннере. Выбираем в панели инструмент «Текст» и пишем нужную фразу.

Здесь тоже постарайтесь проявить оригинальность, придумайте то что привлечет людей. Теперь объединяем копию основного слоя с текстом, через все туже вкладку «Слои».

После всех процедур должно получится два шаблона:

Шаблон фона

Шаблон текста

Далее нам надо оживить наш баннер. Для этого вызываем шкалу времени, в меню жмем «Окно» — «Шкала времени». Теперь надо с помощью вкладки «Слои» скопировать две наши заготовки. Для этого используем элемент, который я выделил на фото стрелочкой.

Шкала времени

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

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

Посмотрите что у меня получилось в итоге за 5 минут простой, а главное интересной работы.

Руководство по созданию баннера в фотошопе

Путь к этому баннеру будет иметь вид < img srс=" URL баннера на хостинге" >< /а>.

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

А если кто-то спросит, как сделать баннер для сайта в фотошоп, то вы уверенно сможете дать правильный ответ. Пока!

(4 голос., в среднем: 5,00 из 5)
Загрузка...
С уважением, Максим Войтик
Буду рад, если нажмете на любую из кнопок:
Комментарии (9)
  1. Валерий

    Классно, но это не одна единственная программка для создания баннеров

    Ответить
    • maxims

      Об этой программе напишу в скором будущем отдельный пост!!!

      Ответить
    • Леонид

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

      Ответить
  2. Жук Юрий

    Интересно. Никогда не делал банеры, но думаю информация пригодится в ближайшем будущем.

    Ответить
  3. Игорь

    Оказывается так просто сделать банер.

    Спасибо за детальные инструкции.

    Все расписано и показано подробно.

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

    Ответить
  4. allvolley.ru

    При помощи фотошопа получается, конечно, очень красиво, но вот знаний и навыков он тоже требует много. Новичку вполне можно использовать онлайн сервисы или различные простые программки...

    Ответить
  5. Елена

    Максим, добрый день! У Вас очень красивы блог. Я на нем впервые, еще не успела ознакомиться, но вижу, что блог классный. Подписалась и добавила в закладки. [good]

    Ответить
    • Максим Войтик

      Спасибо Елена. )))

      Ответить
  6. Леонид

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

    Ответить
Оставить свой комментарий
Обязательно ознакомьтесь с правилами комментирования!!! СПАМ будет удален!
:) :-D ;-) :-| [star] [good] [present] [flower] [:-))] [:))] [:--_)] [:-|]

© 2011-2017 seoslim.ru, блог Максима Войтика

Внимание! Копирование материала строго запрещено. Соблюдайте авторские права и уважайте труд других людей!