Мобильная виндовс 8 1 от 10 отличия. Чем отличаются разные редакции Windows? Улучшенное управление приложениями

Приветствую Вас друзья на блоге « «! В сегодняшней статье рассмотрено изготовление рекламного баннера своими руками с помощью бесплатных программ.

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

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

Если Вы зарабатываете на партнерских программах, на реселлинге, то как правило, рекламные баннеры различных размеров идут с этими продуктами и блоггеру остаётся только установить рекламный баннер на сайт, либо разместить их на биржах рекламных площадок. Но если Вы хотите рекламировать свой продукт, без собственного баннера не обойтись. Где его взять? Есть два пути:

  • купить (заказать) баннер на бирже фриланса;
  • создание рекламного баннера самостоятельно.

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

Со мной были случаи, когда надо было выполнить размещение рекламных баннеров партнерской программы на бирже Ротабан, но сделать я это не смог из-за отсутствия нужных размеров рекламных баннеров (прикладывались в материалах баннеры других размеров). О работе на бирже Ротабан писалось в статье « «. Выходит, что для заработка на партнерках свои рекламные баннеры тоже нужны.

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

Итак, для изготовления рекламного простого статического баннера нам нужен графический редактор, он может быть простым типа стандартной программы Paint до всем известного Photoshop. В нашем случае создание рекламного баннера выполним в графическом редакторе Pixlr, мне эта программа нравится, это по сути онлайн фотошоп, но гораздо проще в пользовании.

Итак, начинаем! Сначала нам надо определиться, какой размер баннера нам нужен. Далее заходим в онлайн программу Pixlr (как это сделать, подробно показано в статье « «. Заходим внутрь программы и нажимаем «Создать новый рисунок». В открывшейся форме устанавливаем размер будущего баннера, в нашем случае 468х60 и нажимаем «Да».

Теперь поле будущего баннера можно залить нужным нам цветом и сделать надписи. Как это сделать было подробно рассмотрено в предыдущей статье « «, где мы делали картинки для статей блога.

В данной статье мы усложним себе задачу, вместо обычной заливки поля баннера, используем режим «Градиент», заливка будет сделана с переменной интенсивностью окраски, изображение будет смотреться симпатичнее. Для этого в левой панели инструментов программы Pixlr, выбираем режим «Градиент» (смотрите скрин) – действие 1. В верхней части окна появляется полоска «Градиент», нажимаем на нее – действие 2, открывается окно выбора цветов, выбираем нужную нам градацию цвета – действие 3.

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

Теперь можно наложить изображение, а также написать текст любым цветом и размером (как это делать показано в статье « «).

С целью размещения рекламного баннера на своем или чужом блоге, нужно создать еще html код полученного баннера. Делается это очень просто, также, как размещаете картинку на блоге (например, в сайдбаре). Итак, используем шаблон кода:

target=»_blank»>Адрес картинки баннера на блоге » width=»468″ height=»60″ border=»0″>

где width – ширина созданного баннера;

height – высота;

Указывать эти параметры не обязательно, но лучше указать их, иначе при сбое элементы баннера могут отображаться некорректно. Чтобы избежать отображения синей рамки вокруг баннера, нужно отобразить border=»0″.

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

Теперь надо получить адрес картинки на блоге. Для этого полученный баннер, а это картинка, размещаем на блоге в папке медиафайлы и берем оттуда ссылку. Если Вы не знаете, как это сделать, рекомендую посмотреть статью « », там все подробно показано – размещение картинки и получение ссылки.

target=»_blank»>

Как видим процесс изготовления рекламных баннеров легкий и простой, эту работу может выполнить любой новичок, а когда разбогатеете, можно будет и заказать на фрилансе. Рекламный баннер любого размера делается за 5-10 минут. Если Вы продвигаете партнерскую программу, а баннера подходящего размера нет, этот способ вполне подойдет как для изготовления нового, так и для переделки существующего рекламного баннера другого размера.

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

В ближайшее время, мы рассмотрим изготовление более привлекательных анимационных баннеров. Подписывайтесь на обновление блога и не пропустите новости. Будут вопросы – обращайтесь. Удачи Вам!

Получайте новые статьи блога прямо себе на почту. Заполните форму, нажмите кнопку "Подписаться"

Мы выпустили новую книгу «Контент-маркетинг в социальных сетях: Как засесть в голову подписчиков и влюбить их в свой бренд».

Подписаться

Как правило, любой веб-проект создается для того, чтобы на нем зарабатывать. Иначе вся деятельность в интернете теряет смысл. Одним из способов заработка является размещение рекламы на своем сайте. Рекламодатель разрабатывает и размещает свою рекламу на чужом веб-ресурсе за плату для того, чтобы продвинуть товар или услугу.

Что такое рекламный баннер на сайте

Это прямоугольный блок с неподвижной или анимированной картинкой (текстом). Обычно после клика на него пользователь отправляется на веб-страницу рекламодателя.

Немного истории

Впервые интернет-баннер увидел свет в 1994 году: он перекочевал в Сеть из печатных СМИ. В дальнейшем данный маркетинговый прием стал развиваться: создавались целые страницы, сверху донизу заполненные агрессивной рекламой. Со временем посетитель привык не обращать внимания на ее обилие - перенаполняемость веб-сайтов рекламой стала считаться дурновкусием.

Как работает рекламный баннер на сайте

Новые клиенты и покупатели

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

Прирост трафика

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

Преимущества данного маркетингового приема
  • Цена на создание и размещение баннеров намного ниже, чем стоимость прокрутки ролика на ТВ.
  • Не требуется огромный штат сотрудников для создания материала.
  • Корректировки под целевую аудиторию, легкое внесение изменений в рекламную кампанию.
  • Баннерная (медийная) реклама + таргетинг (направленность на определенную целевую аудиторию) - один из самых эффективных приемов в маркетинге.
  • Виды интернет-баннеров По типу отображения
    • Статические - одна картинка.
    • Динамические - смена изображений, движущиеся элементы.
    • Видео - ролик проигрывается при наведении мышкой или при клике.
    По форматам
    • Простая статическая картинка в растровой графике (JPG, GIF, PNG и т.д.).
    • GIF-анимация - сменяющие друг друга рисунки в растровой графике.
    • Flash-анимация - применяется векторная графика, плавная смена элементов, интересные эффекты, может накладываться звук.

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

    По размерам

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

    • 728х90 - «Доска почета».
    • 468х60 - «Горизонтальный».
    • 336x280, 300х250, 300х600, 240х400, 180х50 - «Прямоугольные».
    • 300х600, 120х240 - «Вертикальные».
    • 120х600, 160х600 - «Небоскреб».
    • 250х250 - «Квадрат».
    • 125х125, 120х90, 120х60 - «Кнопки».
    • 88х31 - «Полоса».

    Почти все вышеперечисленные размеры доступны для размещения в Яндекс.Директ и Гугл Адвордс.

    Как сделать медийную рекламу эффективной

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

    Признаки качественного интернет-баннера
  • Загружается быстро. Пользователь не должен ожидать долго.
  • Привлекает внимание. При этом важна не насыщенность цветами или разнообразие кадров. Картинка должна стимулировать посетителя к дальнейшему ознакомлению с материалом.
  • Оригинальный. Похожими друг на друга изображениями пестрит весь интернет. Поэтому важно заинтересовать искушенного пользователя именно своими ТиУ.
  • Стимулирует совершить покупку (выполнить действие). Это и есть главная цель любого продвижения.
  • Вызывает доверие. Особенно важно для малоизвестной компании. При разработке необходимо учитывать психологию цветов и фраз.
  • Где должен размещаться рекламный блок

    Немаловажно также место размещения и размеры медийных материалов.

    • Чем крупнее картинка - тем вероятнее клик по ней.
    • Самым лучшим размером блока считается 240х400.
    • Верхний левый угол и шапка веб-сайта - именно отсюда взгляд посетителя начинает скольжение по странице.
    • Верх сайта - самое эффективное место.
      Анимационные блоки привлекают внимание, если даже они размещены в самом низу.
    • Красный - цвет решительности, побуждения. Но его переизбыток может вызвать агрессию к ТиУ. Его оттенки (пурпур, бордо, розовый) менее агрессивны, но также успешно применяются. Красный в сочетании с черным позволяет подчеркнуть важность чего-либо.
    • Оранжевый - хорошее настроение, побуждение к действию. Считается самым эффективным в рекламе, но плохо подходит для фона.
    • Желтый - радость, настраивает на коммуникабельность, прекрасно сочетается с черным.
    • Зеленый - свежесть, тонус, здоровье. Прекрасно подходит для фона, применяется чаще в медицинских ТиУ.
    • Синий - покой и нежность.
    • Фиолетовый - таинство и торжественность какого-либо события. Подчеркивает оригинальность ТиУ.
    • Серый - самый умеренный цвет, ни у кого не вызывает отторжения.
    • Белый - чистота. Если неагрессивный баннер имеет белый фон, то он не вызывает эмоций.
    • Черный - не подходит для фона, но незаменим как цвет шрифта.
    Правила текстового посыла

    Картинка только «цепляет» внимание. На медийном блоке важен именно текст, поэтому учитывайте следующие рекомендации:

    • Обращайтесь к вашей целевой аудитории.
    • Придумайте интересный заголовок.
    • Текст должен намекать о вариантах решения проблемы.
    • Он должен интриговать, вызывать любопытство.
    • Должен описывать интересный сюжет, как в любом рекламном ролике.
    • Должен иметь связь с графикой на кадрах.
    • Слова «Вход» или «Нажимай» побуждают к действию.
    • Слово «Бесплатно» интригует каждого.
    • Текст должен занимать до 20% от пространства прямоугольника.
    • Любые цифры вызывают доверие.
    • Если у вас есть логотип - не забывайте про него.
    • Оформление шрифта в виде подчеркнутого голубого текста побуждает пользователя кликнуть на ссылку.
    • Используйте элементы дизайна от Windows - на такие баннеры чаще кликают.
    • Не применяйте мигающий, а также черный или красный фоны.
    • Смена изображений не должна быть слишком быстрой. Человеку нужно успеть понять ваш посыл.
    • Если фон прямоугольника белый - обведите его рамкой.
    • Забудьте про курсив, мелкий шрифт и слова, написанные кричащими заглавными буквами.
    • Рекламный материал должен повторять стилистику рекламируемого интернет-проекта.
    • Эротический контекст всегда увеличивает кликабельность (применимо не для всех рекламодателей).
    • Изображения людей привлекают внимание.
    • Создавайте в анимированном блоке не более 4 кадров.
    • Общее время прокрутки анимации - не более 5-6 секунд.
    • Если медиа-реклама всплывает и навязывается, то пользователь ее закрывает.
    • Рекламный материал должен вести на страницу, которая более полно раскрывает его суть.
    Программы для создания баннеров для сайта

    В зависимости от формата применяется соответствующее ПО для создания материала. Если для разработки статики подойдет любой графический редактор, то для разработки анимации необходимо специализированное ПО.

    • ADOBE PHOTOSHOP - платная. Самый мощный графический редактор. Поддерживает множество форматов, инструментов, позволяет использовать разные спецэффекты и добиваться высокого качества изображений.
    • EASY GIF ANIMATOR - платная. Выдает GIF или AVI-формат, позволяет работать как с анимацией, так и со статикой. Предусмотрены красивые эффекты, смена кадров, обладает большим набором инструментов. Доступно 20 открытий для бесплатного тестового применения.
    • BANNER MAKER PRO - платная. Понятный интерфейс, простые функции, любые размеры создаваемых материалов, высокое качество готовой продукции.
    • ARTWEAVER - условно-бесплатная. Российская программа, графический редактор, имеет множество инструментов для обработки изображений. Можно бесплатно работать с базовым набором функций.
    • ULEAD GIF ANIMATOR - условно-бесплатная. Более 15 плагинов, удобная раскадровка, синхронизация с «Фотошопом», сохранение во многих форматах. Можно сохранить материал в HTML.
      ADOBE FLASH CS5 PROFESSIONAL - условно-бесплатная. Сильная программа для разработки FLASH-анимации. Имеет встроенный функционал для производства FLASH-роликов, сотни плагинов, «живую» анимацию, добавление музыки, поддерживает формат FLA. Имеет тестовый период 1 месяц, можно найти бесплатные взломанные версии в интернете.
    • GOOGLE WEB DESIGNER - бесплатный сервис от Гугл. Сложноватый интерфейс, небольшое количество эффектов, зато много подсказок на русском.
    • GIMP - бесплатная. Бесплатный аналог «Фотошопа». По функционалу уступает своему предшественнику, но нулевая стоимость склоняет чашу весов в пользу GIMP.
    • PAINT-NET - бесплатная. Работает только со статикой, ничего лишнего; много возможностей, легкий интерфейс.
    • AURORA 3D-ANIMATION - условно-бесплатная. От статики до FLASH. Много шаблонов, простой интерфейс, тонкая настройка смены кадров, поддерживает формат SWF.
    • SOTHIK SWF - бесплатная. Позволяет создавать FLASH, имеет множество готовых шаблонов и картинок.
    • EASY BANNER - бесплатная. ПО для новичков в дизайне, работает как со статикой, так и с анимацией, есть впечатляющая подборка фонов и стандартных изображений.
    • ALEO FLASH INTRO BANNER - без оплаты. Работает с FLASH, GIF-анимацией и статикой, много шаблонных звуков, готовых анимаций, шрифтов. Простой интерфейс.
    • ATANI - бесплатная. Работает с форматом GIF. Инструментарий очень прост и понятен.
    • BANNER FANS - онлайн-сервис, без оплаты. Много полезных настроек и возможностей. Позволяет рисовать статические медиа-материалы, можно создать баннер онлайн для сайта.
    • ANNERS NACK - онлайн-сервис, без оплаты. Предельно простой принцип работы, есть готовые шаблоны. Пользователь может легко выбрать подходящий готовый вариант и внести свои корректировки.
    Резюме

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

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

    Баннер – один из самых распространенных видов рекламы, но для запуска рекламной компании его еще нужно создать. О том, как сделать обычный или анимированный баннер для сайта в режиме онлайн (с помощью сайтов-конструкторов) или с помощью программ, и пойдет речь в этой статье.

    Баннер (англ. banner – знамя) графическое изображение рекламного характера. В сфере Интернет баннер является особым форматом рекламы, содержащим гиперссылку на рекламируемый сайт.

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

    Использование баннеров очень полезно для рекламы каких-либо платных товаров или услуг, что поможет владельцу интернет-магазина .

    1.1 Форматы баннеров

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

    Чаще всего в интернете используются следующие стандартные размеры баннеров (сетка взята из рекламной кампании Google Adsense):


    Примечание: размеры (горизонтальный Х вертикальный) указаны в пикселях (px).

    Посмотреть, как выглядят баннеры данных форматов, можно .

    1.2 Виды баннеров

    Помимо формата следует учитывать и еще одну особенность. Баннер, по способу его реализации, относят к одному из трех видов:

    • Статичный баннер – самый простой вариант. В этом случае баннер представляет собой одну статическую картинку (неменяющееся изображение). Преимущества – простота реализации, небольшой вес файла. Недостаток – минимум выразительности; такие баннеры, как правило, менее эффективные, нежели их другие виды.
    • Анимированный баннер представляет собой несколько изображений, поочередно меняющихся во времени. Формат подобного файла – «.gif». Преимущества – высокая эффективность, неплохая выразительность. Недостаток – довольно большой вес баннера по сравнению с предыдущим вариантом.
    • Флеш-баннер (Java-баннер) – самый сложный по степени реализации вариант. Создается по технологии Adobe Flash. Благодаря своим особенностям (использование векторной графики вместо растовой) значительно уменьшается объем файла, но появляются дополнительные возможности (звуковые эффекты, плавное изменение кадров и т.д.). Некоторые баннеры дают возможность совершать интерактивные действия (нажимать кнопки на баннере, играть в мини-игры и т.д.). А рекламная внутри и не видна пользователю. По сути, данный баннер представляет собой программу. Преимущества – высочайшая эффективность, отличная выразительность, небольшой размер файла. Недостаток – дополнительные требования к сайтам (необходима поддержка Java) и браузерам (может не работать на старых версиях браузеров, не поддерживающих Flash-анимацию).
    2. Как сделать баннер онлайн

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

    Прежде чем начинать создавать баннер, можно скачать несколько подходящих шаблонов, на основе которых и будет конструироваться макет. Дело в том, что очень сложно создавать красивые баннеры самостоятельно, не будучи web-дизайнером. А шаблоны вполне готовы к использованию, на них нужно будет лишь добавить текст (и, возможно, подредактировать цветовую гамму).

    Несколько красивых шаблонов баннеров можно взять . А для работы в фотошопе можно воспользоваться этими .

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

    Теперь о том, как создать баннер для сайта с помощью Bannerfans . Делается это за 5 шагов.

    2.1 Шаг первый: создание макета

    Итак, сначала нужно перейти в онлайн-конструктор баннеров – вот ссылка . Переключив язык интерфейса на русский (правый верхний угол сайта), выберите закладку «Макет » (первая область на скрине ). Здесь создается фон для будущего баннера.

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

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

    В четвертой области выбирается начальный цвет градиента и конечный.

    В пятой области выбирается тип (режим) градиента.

    2.2 Шаг второй: создание надписи

    На этом этапе можно создавать до 6 различных надписей. Но сначала нужно перейти на вкладку «Текст ». На скрине ниже область разделена на семь частей.


    Первая область – превью, где можно посмотреть, как будет выглядеть баннер. Эта область примечательна тем, что прямо на ней можно «двигать» надписи, меняя их положение на фоне. К недостатку сервиса по созданию баннеров следует отнести то, что все изменения, которые вы будете вносить, происходят не в онлайн-режиме (для этого приходится нажимать на кнопку «Изменить баннер »).

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

    Третья область – выбор шрифта надписи. Тут следует быть осторожным – выбор огромен, но не все шрифты поддерживают кириллицу.

    Четвертая область – размер шрифта.

    Пятая область – цвет надписи. Доступен довольно большой выбор.

    Шестая область – наклон надписи (относительно горизонтали).

    Седьмая область – кнопка «изменить баннер». Используется для отображения внесенных изменений.

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


    Тень – выбор положения тени (справа, слева, сверху, снизу и т.д.)

    Расстояние – удаленность тени от основной надписи.

    Цвет – выбор цвета тени (по умолчанию выбран серый).

    Яркость – выбор яркости тени.

    Текст плана – выбор толщины рамки надписи (при создании, текст обводится дополнительным цветом, что делает надпись объемной).

    Наброски цветов – выбор цвета рамки.

    Этот этап очень простой. Здесь можно сделать при необходимости рамку для своего будущего баннера.

    На скрине ниже показаны варианты рамки (отсутсвует, сплошная, пунктирная, двойная сплошная и двойная пунктирная).

    Под рамками находятся другие настройки – цвет, размер, удаленность от границ фона и яркость линии.

    2.5 Шаг пятый: сохранение баннера

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


    . PNG – формат, гарантирующий высокое качество изображения, но и размер его будет большим.

    . GIF – самый «легкий» формат. Невысокое качество, но и малый размер файла.

    . JPG – что-то среднее между двумя предыдущими вариантами.

    3. Программы для создания баннера

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

    3.1 Easy GIF Animator

    Очень удобной программой для создания баннеров является Easy GIF Animator, которую можно скачать бесплатно по этой ссылке (около 4 Мб). Хотя сама программа платная (стоимость около 30$), все же первые 20 запусков бесплатны (ознакомительные). Программа создает незамысловатые анимированные GIF-баннеры для сайта.

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


    После этого появится окно для создания фонового изображения. Можно указать стандартный размер баннера из предложенных программой, а можно указать нестандартный – свой собственный (благодаря чему можно даже создать свой анимированный ). Также есть возможность определить размеры шаблона баннера для его дальнейшей обработки.

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

    Далее идет окно создания надписей. Тексты (не более 3 штук) будут следовать один за другим с выбранной задержкой. Для надписи можно выбрать шрифт, размер и цвет. Также указывается выравнивание и эффекты появления/исчезания текстов.

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


    3.2 Другие программы для создания баннеров
  • Banner Maker Pro – еще одна небольшая программа (около 6 Мб), которая дает возможность создавать анимированные несложные баннеры, мини-логотипы или кнопки. Очень проста и удобна в использовании, но ее возможности ограничены.
  • Несмотря на повсеместную диджитализацию, несмотря на осуждение рекламы на баннерах из-за невозможности посчитать эффективность такого размещения, наружка всё еще работает.

    Правило 1: Принцип пустого пространства

    На баннере должен быть «воздух», и чем его будет больше, тем лучше. И не думайте, что если рекламный щит площадью 18м2, то там можно разгуляться и рассказать про все ваши акции и преимущества. Процент занятой текстом и графикой площади должен быть одинаковым независимо от размера рекламной поверхности. По факту, не менее 60-70% баннера должен занимать просто ненавязчивый, а лучше сплошной фон.



    Согласитесь, тот что справа – запомнится быстрее?

    Правило 2: Один баннер – одно сообщение

    Не усложняйте. Потенциальному клиенту и так вы создаете колоссальные сложности: разглядеть вашу афишу в городе, прочитать, заинтересоваться, запомнить, принять решение. А ведь ему вы и не нужны были совершенно. Поэтому рекламируем всегда только одно предложение: самое привлекательное, самое «вкусное». Если вы думаете, что иконки, ярлычки, сноски, подзаголовки являются безобидным дополнением, которое лишь украсит баннер, то забудьте. Это не так. Смело отказывайтесь от всего второстепенного.



    Зачем идти в салон справа – понятно. А в чем преимущество того, что слева?

    Правило 3: Один баннер – один визуал

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



    Правило 4: Краткость – сестра таланта

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



    Какую из идей слева вы успеете уловить? Зато слева нет альтернатив – или да, или нет.

    Правило 5: Раз контакт. Точка

    Не старайтесь запихнуть на баннер все ваши рабочие и личные телефонные номера, адрес сайта, электронку, скайп, ватсапп. Поймите, человек только ну в очень острой нужде успеет и суть вашего предложения уловить, и номер телефона запомнить. И номером должно тогда быть что-то по типу 222-333. В остальных случаях это просто бессмысленно.

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



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

    Правило 6: Порядок на баннере – порядок на предприятии

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

    Правило 7: Грамотность превыше красоты

    Любой даже самый стильный банер обезобразит грамматическая ошибка. Надеюсь, вы заметили таковую в прошлом предложении. Типографии не заморачиваются даже банальной вычиткой того, что вы им присылаете на печать. Поэтому вся ответственность только на вас. Да, когда работаешь над макетом достаточно долго, глаз «замыливается». Так что не поленитесь отдать ваш баннер за проверку нескольким людям. Это важно.




    Именно об этом…

    Правило 8: Баннер не для красоты города, а для прочтения клиентом

    Не забывайте, для кого ваш рекламный щит. Он не для дизайнера, чтобы тот пополнил свое портфолио креативным проектом. И не для вас, чтобы отчитаться об освоении нового рекламного инструмента. Он только и единственно для вашего клиента. И чтобы он за секунды уловил идею – не создавайте ему трудностей в восприятии. Вместо креативного выберите 100% читабельный шрифт. По возможности пишите темным по светлому и откажитесь от использования яркого оттенка шрифта на другом ярком цвете подложки. Совет: изучите цветовой круг и сочетаемость цветов друг с другом.



    Видите разницу?


    Правило 9: Дизайнер нужен. Точка.

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



    Надеюсь, разница уловима.

    Правило 10: Брендирование

    На вашем баннере должен быть логотип. Главное, чтобы он был лаконичным, заметным, читабельным. Конечно, баннер может давать результат и без лого, с заголовком и номером телефона крупно. Но такой баннер – инструмент продаж, а не инвестиция. Он не добавляет в «копилку» узнаваемости вашей компании. Если завтра на нем поменять ваш номер на телефон конкурента, последний получит столько же звонков. Поэтому в рамках этой статьи мы с вами будем говорить про продвижение именно бренда, а значит настаивать на необходимости лого на баннере.



    Вроде и оттенки схожи. Но разница всё же есть.

    Правило 11: Игра в ассоциации

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



    Правило 12: Создайте настроение

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



    Дети, животные, весёлая игра слов работает на Ура! Главное, чтобы потребитель связь успел выстроить с тем, что вы предлагаете. Тема секса, несмотря на неоднозначность в рекламе, внимание привлекает однозначно.

    Финиш.

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

    «Альфабанк» всегда приятно удивляет краткостью и оригинальной игрой слов. Из-за цветового минимализма всё внимание уходит на предложение. А необычные фразы бьют в точку, рождая верный ассоциативный ряд.



    Уже который год радуют креативом маркетологи авиакомпании S7 Airlines. Они запускают масштабные рекламные кампании, где баннерная реклама – лишь часть большого проекта. Тем не менее они задевают те глубокие «нотки», которые сидят в душе почти каждого человека, независимо от того, является этот человек путешественником или лишь мечтает об этом. Да, их реклама очень ассоциативная, и больше направлена на молодежь, чем на людей средних лет. Кто-то, увидев баннер, не сразу уловит суть. Но то что он баннер увидит и успеет прочитать текст на нем – это факт. И еще больший факт – это то, что реклама S7 рождает качественные положительные эмоции. А это дорогого стоит.



    И в самом конце хочется отметить рекламу Apple при продвижении на рынке iPhone 6. Увидев огромный щит на одной из магистралей нашей столицы, я подвисла от того, насколько красиво и тонко эта реклама сделана. «Снято на iPhone 6». И на этом всё. Да ведь ничего более и не нужно. Всё и так стало понятно. Без лишних слов.

    Кто-то опять может сказать «Ну это ж Apple». А мы то простая компания из провинции. А я вам отвечу «А в чем разница?». Кто мешает вам создать баннер, который будет кратко и емко доносить суть вашего предложения.


    Выводы.

    Через эту статью мне хотелось донести одну простую вещь – наружная реклама может быть эффективной. Но в ней, как и в любой другой рекламе, всё должно быть осмысленно.



    Здравствуйте дорогие читатели сайта. Сегодня разберем несколько популярных онлайн сервисов для создания баннера для сайта. Постараемся выбрать оптимальный конструктор для работы, в котором будут совмещены бесплатные функции и русскоязычный интерфейс. Разберем их достоинства и недостатки. В следующих статьях речь пойдет о , в которых вы убедитесь на примерах, что пользоваться онлайн-редакторами гораздо удобнее.

    BannerBOO – онлайн-конструктор html5 баннеров

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

    Представлено два основных языка интерфейса: русский и английский. Можно просмотреть примеры готовых баннеров, нажав на кнопку «Галерея» или выбрать «Подробнее» , чтобы узнать о возможностях онлайн конструктора баннеров. Кроме этого, на стартовой странице можно ознакомиться с тарифными планами, выбрав меню «Цены» , создать баннер онлайн, прочитать блог компании, познакомиться с готовыми шаблонами html5-баннеров.

    BannerBOO предлагает своим клиентам два тарифных плана:

  • Бесплатный. Он содержит ограничения по количеству создаваемых онлайн баннеров, выделяемому на облаке месту и так далее.
  • Старт – 14,99 долларов. Ежемесячная абонплата снимает все ограничения, указанные выше и имеет ряд не оспоримых преимуществ перед бесплатным тарифом.
  • Плюс. Этот план находится в разработке. Он содержит еще большее количество возможностей для создания баннера онлайн.
  • Можете сами ниже сравнить возможности тарифов:

    Преимущества :

  • Большой выбор готовых шаблонов на различную тематику и различных размеров
  • Размещение баннера в облачном сервисе. Это дает доступ к своему баннеру из любой точки земного шара
  • Адаптивность – основное отличие готового продукта этого сервиса от других онлайн-конструкторов
  • Экспорт в формат PNG, возможность загружать свои картинки, выделяет BannerBoo среди конкурентов
  • Дружелюбный русскоязычный интерфейс
  • Простой встроенный редактор
  • Минусы бесплатного создания онлайн html5 баннера в этом конструкторе:

  • Разрешено делать не более 3 баннеров
  • Ограничено место на облаке 100 Mb
  • Водяной знак сервиса на готовом продукте
  • Предлагаются только статические шаблоны для бесплатного тарифного плана
  • BannerFans

    Banner Fans () – этот редактор выделяется большой функциональностью и удобством создания баннера. На главной странице представлен макет, который будет изменяться при каждом внесении изменений в шаблон. Стартовая страница мрачная, но мы пришли сюда не любоваться ей. Изначально этот ресурс англоязычный, но со временем появилась поддержка многих языков. Выбор языка находится в верхнем правом углу (указан стрелкой на скрине внизу). Хочу сразу заметить, перевод отвратительный, складывается впечатление, что переводили Google переводчиком.

    Рассмотрим меню:

  • Макет. Выбирается размер и фон. Можно загружать собственные изображения и устанавливать градиент цвета.
  • Текст. Прописываем нужный нам текст. Есть возможность размещать до 6 строк текста. Настройка шрифта для каждой строки, цвет и наклон букв (0-90 градусов).
  • Воздействие. Настройка тени букв, ее яркости, расстояния от символа.
  • Пограничная. Установка рамки.
  • Формат. В каком формате сохранять.
  • Любое изменение в настройках можно посмотреть, нажав на кнопку «Изменить баннер» . Эти кнопки находятся внизу окна. Здесь можно сохранить его, получить код для вставки на сайт, скачать в виде файла. Хотите создать новый баннер, кнопка «Начать новый» и откроется новый макет.

    Недостатки:

  • Отвратительный перевод на русский язык. Приходится догадываться, за что отвечает та или иная настройка.
  • Не поддерживается русскоязычная раскладка. При написании текста на родном языке можно получить или пустую строку, или иероглифы
  • Текст второй и последующих строк не помещается в шаблон, если указать размер, отличный от 728х90 пикселей
  • После каждого внесения изменений нужно обязательно нажимать на кнопку «Изменить баннер» , чтобы увидеть их
  • Достоинства:

  • Бесплатность
  • Поддержка многих языков
  • Canva.com

    Canva () – онлайн сервис для создания бесплатного баннера сайта. На главной странице предлагается выбрать тип:

  • YouTube banners. Стиль для Ютуба
  • Medium Rectangle. Средний прямоугольник
  • Large Rectangle. Больной прямоугольник
  • Facebook Banners. Баннеры для Фейсбук
  • Email Headers. Предназначены для почтовой рассылки. Помещаются в шапку письма
  • LeaderBoard. Плоский прямоугольник (растянутый).
  • Wide Skyscrapper. Широкий небоскреб. Удобно размещать в сайдбарах.
  • В зависимости от выбранного типа будут предлагаться соответствующие шаблоны для создания баннера . Canva предлагает больший выбор макетов. Достаточно кликнуть на один из них, и он будет доступен для редактирования. Выбираем любой из элементов, размещенных на шаблоне (двойной клик на нем) и его можно изменять. Это касается как картинок, так и текста.

    В левой части представлено меню:

  • Макет. Предустановленные шаблоны
  • Элементы. Здесь выбираем бесплатные фотки, сетки, рамки, фигуры, линии и т.д.
  • Текст. Пишем заголовок. На выбор три типа разных размеров. Кроме этого можно выбрать оригинальный вид надписей из большого числа примеров
  • Фон. Указать какой фон или выбрать структуру картинки.
  • Мое. В этом разделе есть возможность загрузить свои фотографии, картинки
  • Canva.com имеет и платные возможности . Для изменения размера макета нужно оформить подписку на месяц. Стоимость 12,95%. На год – дешевле. Заплатив, вы получаете определенные преимущества. Но и без них, можно создать баннер бесплатно онлайн, используя халявные функции конструктора .

    Достоинства :

  • Большой функционал. Много бесплатных возможностей для полноценной работы
  • Русскоязычный и интуитивно понятный интерфейс
  • Совместная работа над дизайном проекта
  • Как и в полноценном редакторе есть возможность отменить и вернуть изменения
  • Расшаривание в соцсетях
  • Недостатки :

  • Есть платные функции (например, изменение размера), но они не влияют сильно на работу над дизайном.
  • Чтобы получить тестовый период на 30 дней нужно оплатить участие в проекте на месяц.


  • 
    Top