Как создать баннер: 4 способа + 9 программ для формирования баннера

Социальные сети, популярные в России

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

Комментирование тематических постов

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

Таргетированная реклама

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

Реклама при помощи лидеров мнений

В Инстаграме такая реклама очень эффективна. Работа заключается в следующем: нужно найти аккаунты людей с числом подписчиков от 1000 до 10 000 человек по вашему городу и предложить им подарок. Хорошо, если презент будет сделан вашей компаний. К примеру, ваш свитер/футболка/обувь/десерт/маникюр и т.д.

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

Анимационный баннер — пошаговая инструкция создания GIF баннера с помощью бесплатного онлайн сервиса и бесплатной программы.

Здравствуйте, уважаемый читатель. Перед Вами вторая статья из серии, как бесплатно создать баннер. Как Вы помните, там я сделал 2 баннера в бесплатном онлайн сервисе для создания баннеров BannerFans, размером 390×95 для рекламы в новой сети контекстной рекламы Madvertising, но я хочу, что бы мой рекламный баннер был не статичным, а  анимированным.

Открыть сайт Гифовина

В первую очередь, создавая здесь анимационный баннер, нажимаю на кнопку Добавить кадры с компьютера и добавляю ранее подготовленные баннеры, что бы не было путаницы,  назвав их banner 1, banner 2 и так далее, если баннеров много.

Далее я настраиваю нужный мне размер баннера, так как моего размера в списке нет я выбираю из выпадающего меню слово НАСТРОИТЬ и пишу ШИРИНА — 390, ВЫСОТА — 95, нажимаю ОК. 

Как бесплатно сделать анимационный баннер по шагам

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

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

Настроили все что хотели? Нажмите на кнопку ГОТОВО и посмотрите результат.  Если Ваш анимационный баннер получился супер, можете нажать на кнопку СКАЧАТЬ и сохраните его на свой компьютер, а можете нажать на кнопку ЗАКРЫТЬ и еще поэкспериментируйте в создании своего анимационного баннера.

Я для себя создал анимационный баннер, посмотрите результат:

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

Зачем она мне, если есть онлайн сервис Гифовина? Дело в том, что эта программа создает анимационные баннеры, которые весят меньше, чем создаваемые в Гифовине, а это важно для сервиса контекстной рекламы madvertising, как Вы помните там можно загрузить баннер весом не более 30kb

Бесплатная программа для анимации баннера

Программа запустится и Вы увидите:

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

Как Вы видите я на картинке написал все действия, да и сложного в ней ни чего нет, все интуитивно понятно.

UnFREEz является высокоскоростным приложением для Windows, которые принимает любое количество изображений, сохраненных как отдельные файлы GIF и создает один анимированный GIF файл из этих изображений. Что делает эту программу уникальной среди своих конкурентов? Первое, UnFREEz является бесплатной, а значит Вы можете использовать его всегда, не платя ни цента. Второе, приложение UnFREEz невероятно крошечное. Наконец, оно очень просто в использовании. Просто перетащите несколько GIF файлов из Проводника, установите время задержки кадра, и нажмите Make Animated GIF. UnFREEz позаботится об остальном. Скачайте UnFREEz сейчас и попробуйте сами! Если Вам это нравится, пользуйтесь бесплатно! Программе не требуют никакие дополнительные файлы для запуска.

Пожалуйста, помните, что Ваши картинки уже должны быть сохранены в формате GIF (UnFREEz не делает преобразование), и что они должны быть одинакового размера. После добавления всех Ваших кадров, необходимо ввести задержку времени, между кадрами. Это время в сотых долях секунды, так что 100 сотых долей секунды равны 1 секунде. После того как Вы все настроили, нажмите сделать анимированные GIF (Make Animated GIF). Появится диалоговое окно сохранения файла, где Вы можете дать название своему анимационному файлу GIF. После сохранения созданный анимированный файл GIF, должны воспроизводиться в большинстве браузеров, в том числе, но не ограничиваясь Internet Explorer и Netscape Navigator.

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

Способы создания баннеров

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

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

Спешу поделиться с вами местами, которые я использую: биржа фриланса fl.ru (здесь, конечно, дороговато, но зато качество всегда на высоте. Видимо, фрилы проходят тщательный отбор), Weblancer (соотношение цены и качества наравне. Есть профи, но попадаются и лошарики на воздушном шарике. Всегда смотрите портфолио и отзывы). Ну, а самые дешевые исполнители находятся на ВоркЗилле (можно торговаться на счет цены. Качественно давайте задание. Проверяйте работу еще до оплаты). В общем, пользуйтесь на здоровье!

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

Начиная с нуля

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

Введите наименьшие поля, которые можно использовать с вашим принтером. Для большинства струйных принтеров речь идет о 0,25 яnches. Выбрать Пейзаж ориентация для баннера высотой 8,5 дюйма на принтере размером с букву. Оставьте ориентацию на Портрет для баннера высотой 11 дюймов — но для его печати потребуется больше страниц, больше настроек макета и больше наклеек.

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

Перейдите на вкладку «Главная» и выберите Шрифт а также Цвет шрифта для баннера. Размер шрифта, который вы выбираете, зависит от шрифта, размера бумаги и ориентации бумаги. Чтобы начать, введите 340 в Размер шрифта В меню введите несколько букв, а затем отрегулируйте размер, если это необходимо. Введите все слова для вашего баннера. Макет еще не будет идеальным, но вы исправите это дальше.

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

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

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

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

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

Можете сами ниже сравнить возможности тарифов:

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

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

Минусы бесплатного создания онлайн html5 баннера в этом конструкторе:

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

ТОП-1: Canva

Цена: . Доступ к премиум-инструментам: $12,95 в месяц.

Онлайн-сервис Canva

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

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

И после этого мы сразу же попадаем на рабочую область редактора

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

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

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

Там попросту нет необходимых инструментов. Единственное, слегка «оживить» свой баннер вы сможете лишь благодаря GIF-картинкам. Их можно найти как в общем каталоге, так и загрузить самостоятельно.

Все баннеры и графику для своего сайта я делаю в сервисе Canva.

Как сделать рекламу заметнее

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

1. Выделяйтесь. Создавайте нетипичные для вашей отрасли баннеры, выбирайте нестандартные цвета и изображения, добавляйте сильные призывы.

2. Готовьте качественные креативы. У изображений должно быть хорошее разрешение, края должны быть ровно обрезаны, а тексты — читаемыми.

3. Пробуйте разные форматы: анимацию, 3D и видеорекламу.

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

5. Грамотно настройте таргетинг. При разработке баннеров, учитывайте этап воронки, на котором находится пользователь, а при выборе настроек в рекламной системе — характеристики целевой аудитории.

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

7. Тестируйте. Это единственный способ узнать, что сработает лучше.

Желаем, чтобы ваша реклама была заметной и эффективной!

Что должно быть указано в ТЗ на разработку веб-баннера

• Тип баннера: статичный или анимированный. Если анимированный, укажите требуемый формат: HTML5 или Gif.
• Размеры баннера. Узнайте какие размеры принимает выбранная площадка. Уточните, потребуется ли вам только один размер баннера или ресайзы.
• Приложите технические требования рекламной площадки. Вес баннера — очень важный параметр, под который придется адаптировать дизайн. Если у площадки сильные ограничения по весу, в некоторых случаях придется пожертвовать качеством анимации.
• Цвета, логотип, элементы корпоративной айдентики. Если у вас есть брендбук, элементы фирменного стиля и вы хотите, чтобы эта информация использовалась при создании вашего баннера, обязательно приложите их к ТЗ. Чем больше вводных данных вы дадите, тем больше вероятность получить в результате именно то, что вы хотите.
• Сценарий баннера или раскадровка. Опишите что вы хотите видеть в каждом кадре, какой текст, какая картинка и призыв к действию. Напоминаем, что в идеале должно быть от 3 до 5 кадров.
• Приложите примеры баннеров, какие нравятся, а какие — нет.

Сколько стоят баннеры

Цена на производство баннера зависит от типа исполнителя и его опыта. Обычно, изготовлением баннеров занимаются: медийное агентство, продакшн-студия или фрилансеры. 

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

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

Диапазон цен на создание простых баннеров HTML5 на рынке в России, согласно нашему анализу, колеблется от 1500 до 17000 за штуку и до 100000 рублей, если речь идет об интерактивных баннерах, с игрой или другими вариантами взаимодействия с пользователем.

• Ресайзы HTML5 от 300 руб до 7000 за штуку 
• Подгон под технические требования площадок 200 до 1000 руб за штуку 
• Адаптация баннеров под разные языки (обычно заказывают международные компании, фильмы, игры) от 200 до 1000 руб/шт

Диапазон цен на создание Gif-баннеров от 500 до 15000 руб/шт

Ресайзы Гиф-баннеров от 300 до 2000 руб/шт

Статичные баннеры (PNG, JPG) в среднем стоят от 500 до 5000 рублей за штуку

• Ресайзы от 100 до 1000 руб
• Адаптация под ТТ или разные языки от 100 до 500 руб

Все зависит от сложности работы и навыков дизайнера. Чем сложнее анимация, количество кадров, тем выше конечная стоимость. Резиновые (100% баннеры) стоят всегда дороже, так как привлекается специалист фронтендер.

Виды интернет-баннеров

По типу отображения

• Статические — одна картинка.
• Динамические — смена изображений, движущиеся элементы.
• Видео — ролик проигрывается при наведении мышкой или при клике.

По форматам

• Простая статическая картинка в растровой графике (JPG, GIF, PNG и т.д.).
• GIF-анимация — сменяющие друг друга рисунки в растровой графике.
• Flash-анимация — применяется векторная графика, плавная смена элементов, интересные эффекты, может накладываться звук.

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

По размерам

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

• 728х90 — «Доска почета».
• 468х60 — «Горизонтальный».
• 336×280, 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 — «Полоса».

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

Piktochart

Цена: . Про версия начинается от $29 в месяц.

С онлайн-сервисом Piktochart можно делать визуальный контент

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

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

Решить проблему удастся только приобретением платной подписки, стоимость которой составляет 12,5 долларов в месяц. Тогда с готовой картинки исчезнет водяной знак сервиса, а также появится возможность сохранить изображение в PDF-формате. В целом, при должном изучении интерфейса и всех доступных опций можно создавать действительно качественные баннеры и инфографику.