Как создать банер своими руками?

Приветствую Вас дорогие друзья!

Решил сегодня рассказать и показать, как создать картинку или банер своими руками .

001

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

Список некоторых программ:

Crystal Button 2.7

Microsoft GIF

Atani

De Knop

Все они тут http://www.seo-best.com/programmi.html

Также существуют онлайн конструкторы банеров, единственное что не удобно, это язык интерфейса у них как правило не русский.

http://www.quickbanner.com/

http://www.animationonline.com/

http://www.coder.com/creations/banner/

Я же в свою очередь, пользуюсь обыкновенным Фотошопом(Adobe Photoshop), ведь чтобы создать банер своими руками, нужно уделить для этого около 15 минут Вашего времени и проделать определенные действия. А какие, я Вам сейчас расскажу и покажу наглядно с помощью скриншотов. Ну а для тех кто не любит читать ))), я записал видео, которое находится в конце.

Итак:

Как создать банер своими руками.

Первое что нам нужно, это конечно же сама программа Adobe Photoshop.

Открываем программу и нажимаем вкладочку Файл=>Создать

ScreenShot300

Перед нами открывается окошко в котором мы задаем ширину и высоту нашего будущего банера. Задаем размеры, и нажимаем Ок.

ScreenShot301

Все, шаблончик для банера готов. Я выбрал 250/250 и вот так он выглядит:

ScreenShot302

Теперь выбираем фон для банера. Для этого выбираем кнопку заливка и жмем на цветной квадратик

ScreenShot303

Открывается окошко где мы выбираем цвет фона, нажимаем Ок, наводим на наш шаблон(должна появиться заливка) и щелкаем по шаблону.

ScreenShot304


ScreenShot305

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

Выбираем вкладочку текст и выбираем область, куда будем вставлять текст на банере.

ScreenShot306

также можно выбрать цвет текста, размер и форму.

ScreenShot307

Все, текст готов. Можно использовать просто фон и текст, либо картинка и текст или все вместе.

ScreenShot7

Теперь рассмотрим на примере картинки. Ищем картинку в интернете которую нужно. Скачиваем ее к себе на компьютер. Снова переходим в Фотошоп и не закрывая наш шаблон снова нажимаем Файл=>Открыть  и открываем скачанную картинку.Наводим курсор на шапку нашей вкладки в Фотошопе=> нажимаем левую кнопку мыши и не отпуская сдвигаем немного в сторону и отпускаем.

ScreenShot308

 Должно получиться следующее

ScreenShot309

Теперь зажимаем левую кнопку мыши на картинке и не отпуская перетаскиваем на шаблон, и отпускаем. Окно с картинкой можно теперь закрыть, нам оно больше не понадобится.

Чтобы подогнать картинку по размеру, нужно нажать Ctrl+t, она выделится, и подгоняем. После того как подогнали, нажимаем перемещение и применить.

ScreenShot310

И добавляем текст, как описывалось выше.

Банер готов.

ScreenShot311

Как быть если из каринки нужна только девушка или какой-нибудь фрагмент без фона? Все очень просто друзья. Для этого Вам нужно  посмотреть видео чуть ниже.

Видео-урок:

Код виджета:

<center><a href="ССЫЛКА НА СТРАНИЦУ" target="_blank"><img src="ССЫЛКА НА КАРТИНКУ"/></a></center>

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

С уважением, Вадим Якупов.


Понравилась статья,поделись с друзьями в социальных сетях!

Вы можете пропустить чтение записи и оставить комментарий. Размещение ссылок запрещено.

27 комментариев к записи “Как создать банер своими руками?”

  1. Классный видеоурок. Надо попробовать. Автору спасибо

  2. это просто супер! отдельно спасибо за видео.

  3. Светлана:

    Спасибо! Очень интересно. Теперь можно делать свои личные баннера.

  4. Денис:

    Вадим, ваще супер! Буду теперь внедрять.

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

    • Сергей, мне интересно каким образом? Ведь в Вашем граватаре стоит не ссылка на блог, а партнерская ссылка на банербро, НЕ КРАСИВО ).

  6. Денис:

    Интересная статья, а главное решила мою проблему, теперь сам буду делать банера. Респект Вам Вадим!

  7. Денис:

    Очень интересная информация. Сам решил недавно делать банер для сайта (и нужного размера), да вот не знал как. Спасибо!

  8. Ольга:

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

  9. Баха:

    Давольно обширная и интересная статья,многое мне в новинку.Я сам использовал программу Microsoft GIF,немного сложноватая.Прочитав статью меня заинтересовала программа Crystal Button 2.7,буду пробовать.

  10. Светлана:

    Спасибо, Вадим, за статью по создания баннера своими руками! Понятно и доступно новичку: указаны программы, даны скриншоты каждого шага в программе Фотошоп. Разберётся каждый!

  11. DEMON9KA:

    Интересная и очень полезная статья, все понятно и все ясно думаю любой разберется, спасибо тебе Вадим)

  12. Алина:

    хорошая статья,огромное спасибо Вадим)теперь я могу создать банер своими руками.

  13. sasha:

    Просто и доступно. Раньше пытался пару раз создать банер, но не получалось. Попробую еще.

  14. Рамиз:

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

  15. Жантик Танов:

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

  16. Славик:

    Прочёл статью. Всё ясно и понятно. Буду пробовать создавать свои банеры своими руками. Ведь сейчас без рекламы в интернете много не заработаешь.

  17. Спасибо, Вадим, за статью! Возможность сделать индивидуальный баннер-это очень хорошо. А программа Adobe Photoshop — платная?

  18. Андрей:

    Познавательная статья. Вообще, человеку, который не дружит с графическими редакторами довольно трудно сделать тот же баннер. Помню, лет 6-7 назад были популярны онлайн-сервисы по созданию этих баннеров, где ты просто печатал нужный тебе текст, выбирал шрифт и так далее. Неплохо выходило, но лучше, кончено, заказать графику у кого-то, а ещё лучше — научиться делать самому. За статью спасибо.

Оставить комментарий