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


Привет, друзья. Сегодня сделать gif баннер для своей рекламы в интернете может любой блоггер или рекламодатель, не прибегая к платной услуге у фрилансеров. Все мы знаем, что бизнес в интернете в основан на рекламе: тизерной, контекстной, баннерной, таргетированной. Ведь недостаточно просто создать свой сайт, написать какие услуги и товары вы предлагаете и ждать покупателей и посетителей. Их ещё надо привлечь и удержать. Результат Seo раскрутки требует терпения, так как не бывает мгновенным.
 
Но, поговорим о создании баннеров. Сделать баннер с высоким CTR будет непросто, но если потренироваться, то возможно. Тем более, если делать самому без вливания дополнительных средств.
 
Оглавление:

  1. Задача баннера.
  2. Какие бывают баннеры.
  3. Easy Gif Animator: создаём анимированный баннер самостоятельно.
  4. Видео по теме.

 

Баннер: задачи и какие бывают


 

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


Какие бывают баннеры:

  • 1. Gif — баннеры как раз их сегодня и буду разбирать, а делать их будем с помощью специальной очень простой программы Easy Gif Animator или Photoshop.
  • 2. Статичные, менее раздражают посетителей и читателей сайта. Можно сделать используя программу Adobe Photoshop.
  • 3. Flash — баннеры, как правило, делают фрилансеры, так как они наиболее качественные и сложные. Для их создания требуется программа Adobe Flash.

 

Делаем баннер в программе Easy Gif Animator


 

  • 1 шаг. Для начала надо скачать программу Easy Gif Animator и установить на своём компьютере. Программа на русском языке, интуитивно понятна. Поэтому остановлюсь лишь на основных моментах создания баннера.

 

  • 2 шаг. Скачайте программу с официального сайта или вот ссылка с моего яндекс-диск [https://yadi.sk/d/WvgTngBkjurrL] и запустите. Далее, нажимаем: файл => мастер нового баннера или мастер новой кнопки.
 
как_создать_баннер
 
  • 3 шаг. Выбираем в диалоговом окне размер баннера в пикселях и фон. Ориентируйтесь на то, для чего вам необходим баннер и продумайте цветовую палитру. По умолчанию в программе стандартные размеры: 468×60 px.

 
выбираем_размер_баннера
 
фон_баннера
 

Фон Gif-баннера можно выбрать:

  • 1. С настройкой простого фонового цвета.
  • 2. Градиента, есть возможность менять цвет.
  • 3. С применением картинок, которые надо приготовить заранее и текстур.
  • 4. Нажимаем далее и переходим к написанию текстов.

 

  • 4 шаг. Выбираем размер, стиль, цвет шрифта, анимационные эффекты появления и исчезновения цепляющих заголовков вашего будущего баннера и время показа текстовых сообщений (доступно от 0,5 до 15 сек.).

 
создание_текстов_для_баннера
 

  • 5 шаг. Теперь остаётся только сохранить баннер себе на компьютер, чтобы потом загрузить в блог. Если всё устраивает, то нажимаем Next.
    Чтобы доработать созданный баннер, например, добавить дополнительную анимацию, спец. эффекты или посмотреть как выглядит баннер в браузере, нажмите «Финиш».

 
добавляем_спецэффекты
 

  • 6 шаг. На вкладке предосмотра («Финиш»), чтобы посмотреть как выглядит баннер в браузере, перед загрузкой на блог, нажмите на значок «Глобус». [Смотрите скриншот выше.] Остаётся только сохранить созданный баннер к себе на компьютер и пригласить вас к себе на новый проект женский журнал онлайн.

 

banner dla bloga
 

Точно так же можно создать и анимированную кнопочку или анимацию из фотографий, для этого выберите Файл => Создать.
Выбор кнопочек впечатляет, а значит, они могут быть в любой цветовой гамме, размеров (высоты и ширины) и сопутствующим текстом из трёх заголовков.
 


Смотрите видео по теме создания баннера.
 

 

Читаем дальше:

 
Оставьте лайк на удачу.

Обсуждение (57)
  1. Азик:

    Олия, привет!!))

    А меня сейчас вовсю заинтересовало создание дизайнов для сайтов...)) Фотошоп — это магия))

    Таким образом скоро и на баннеры замахнусь))

    • Олия:

      Азик, привет! Такой баннер, сделанный с помощью программы Easy Gif Animator, как у меня в статье под силу сделать каждому=) Жду номер твоего кошелька!!!

      • Азик:

        Благодаря многим победам я помню его наизусть))

        R676702315320

        • Олия:

          Отлично! Жди, как переведу сразу напишу тебе =)

        • Юрий Йосифович:

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

        • Олия:

          Приз я тебе перевела=)

          • Юрий Йосифович:

            Оля, простите что не отписался, я просто ЯД почти не использую, по этому даже не заходил и не смотрел — тем более раньше никогда не бывало такого, чтобы вы не выплатили вовремя. Еще раз спасибо большое!

            • Олия:

              Ой, я это Азику адресовала=) Юрий, почему все так не любят ЯД и пользуются WM.

              • Азик:

                Что-то не вижу денег))

                • Олия:

                  Азик, ищи 100 руб перечислены через банк уже две недели назад=)

              • Юрий Йосифович:

                Оля, назовите мне два десятка партнерских программ, на которых вы зарабатываете и получаете выплаты по ЯД. Я лично могу назвать только одну. Во всех остальных случаях я получаю выплаты на WebMoney. В этом собственно дело.

                Также участвую в семи десятках конкурсов комментаторов — из них на ЯД выплачивает два человека и один человек на киви.

                Понятное дело, если бы мне везде платили в ЯД — то мне пришлось бы настроиться на работу с этой платежной системой более серьезно.

      • Юрий Йосифович:

        В Easy Gif Animator баннеры делать легко и просто, и не только баннеры, но и любую другую анимацию! Приходилось в чатах делать разные графники...

        • :

          Юрий, вы правы, в этой программе можно делать анимацию и с фотографиями=). Спасибо, за участие в конкурсе=)

          • Юрий Йосифович:

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

  2. Ольга:

    Оля, отличная статья. Читаю твои записи, всегда все просто и понятно пишешь. Я создавала на сайте Баннер-Студия, тоже можно создать без проблем, но там нет анимации. Надо попробовать по твоему методу.

    • :

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

  3. Юрий Йосифович:

    Здравствуйте!

    Как сделать баннер за 5 минут я понял, если что, вернусь к прочтению статьи.

    Вижу что я здесь выиграл в конкурсе комментаторов — спасибо, что предоставили такую возможность — мой кошель ЯД: 410011224853004

    Кстати, Азик тебя также поздравляю — молодчина — везде успеваешь!

    • Азик:

      Юра, я тоже тебя поздравляю!!)) Как у тебя там с дипломом? Уже защитил??

      • Юрий Йосифович:

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

  4. Василий:

    Мне еще не приходилось самому делать баннеры, но с этой программой знаком. С ее помощью я уменьшал GIF анимацию, которую мне нужно было загрузить на свой сайт.

    Ольга, спасибо. Интересная статья. Это идея — создать баннер для какой-нибудь соц.сети для привлечения внимания, например, к своему сайту. Только еще нужно знать куда и как его там можно повесить, а с этим как раз проблемы.

    • :

      Да, Василий — это отдельная тема. Я вот в статье баннер с ссылкой сделала, так переходы на новый сайт идут, смотрю по liveinternet. Значит работает =)

  5. Рита:

    Оля, привет! Нужное дело! Всегда пригодится!!!Олечка, С Рождеством!!!

  6. Александр:

    Слышал и даже как то устанавливал Easy Gif Animator, но что то у меня с ней сложилось. Мне легче делать баннеры в фотошопе.

    • :

      Александр, согласна в фотошопе тоже легко сделать баннер. Но не все умеют =) Программа Easy Gif Animator настолько проста, что справится любой желающий, с разным уровнем подготовленности.

      • Александр:

        Сейчас точно не помню, давно было, но столкнулся с какой проблемой, когда пытался в аниматоре делать. Gif Animator не платный случайно?

        • :

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

          • Александр:

            Привет, Ольга!

            Файл с яндекс диска удалила что ли? Хотел скачать Gif Animator, а его «владелец удалил файлы или закрыл к ним доступ». Впрочем, думаю в фотошоп тоже нормально справляется с созданием любых баннеров.

            • :

              Александр, вот ссылка на программу

              Gif Animator_https://yadi.sk/d/WvgTngBkjurrL

              Видимо случайно удалила.

              • Александр:

                Спасибо, Ольга! Скачал. Вот меня все тянет заниматься этими фотошопами, гиф аниматорами, но все равно занимаюсь не тем, к чему тянет...

  7. Сергей:

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

    • Олия:

      Высокого качества лучше заказать у фрилансеров=) или освоить Adobe Flash. У этой программы можно возможностей, эффектов, анимаций, мне она понравилась простотой. Пример баннера в статье самый простой=)

      • Сергей:

        С Adobe Flash еще не работал. Блин, столько всего нужно освоить!

        Говорят, создание баннеров — выгодное дело! Вот тут недавно видел профессиональные баннеры — так и хочется кликнуть. Настолько хорошо все сделано. Диву даешься))).

        • :

          Я с тобой согласна, есть баннеры с сюжетом, как фильм или мультфильм смотришь, так и хочется кликнуть, чтобы продолжение узнать=)

  8. Надежда+Давыдова:

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

  9. Людмила:

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

    • :

      В этом мы похоже:) я тоже люблю учиться, осваивать разные полезные программы.

      • Юрий Йосифович:

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

    • Юрий Йосифович:

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

  10. Олег Клышко:

    Одно время очень долго искал информацию в интернете как сделать банер.

    • Юрий Йосифович:

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

  11. Ольга:

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

    • Юрий Йосифович:

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

  12. Инна:

    Мне сейчас как раз нужно баннер сделать. Спасибо за статью. Все очень понятно.

  13. AndreyShaD:

    Волшебник в программе чем то походит на помощника в старом ворде. Застали те времена?

    • :

      Нет, Андрей=) Ворд для меня тёмный лес. Сейчас пользуюсь Word 2007, изучаю его понемногу. Презентации и другое...фишек много, но на всё надо время=) Редактирую фотографии теперь в Word. Надо бы Word 2010 установить=)там уже больше возможностей.

    • Елена Прекрасная:

      Я застала)) кошка была помощником)

  14. Елена Прекрасная:

    Олия, спасибо за полезную статью, мне надо тоже этим заняться, еще ни одного баннера нет((

  15. Антон Дышлюк:

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

  16. Слава:

    Это получается, что можно визуально «накликать» баннер. Круто, пригодится =))) Спасибо, Оля!)

  17. Vadar:

    А у вас интересный сайт я вижу! Ток недавно искал чтот подобную программу! Жаль тогда не знал про ваш сайт :(. Ну ничего, впред учту!

  18. Василий1:

    Хочу поблагодарить автора блога.Поскольку пытаясь сделать баннер всегда теряется качество и баннер получается не привлекательным.Надеюсь с этой программой результат будет лучше)))

    Надеюсь что мои баннеры будут такие привлекательные и красивые как автор блога:-))) Еще раз спасибо.

Поделитесь своим мнением

Навигация

Предыдущая статья: ←

Есть вопросы по теме статьи. Давайте обсудим их в комментариях.