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

Статический и динамический баннеры

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

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

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

Характеристики

Размер

В принципе, баннер может иметь какие угодно размеры по вертикали и горизонтали - это ведь всего лишь рекламная картинка! Но, как и все в этом мире, эти размеры подверглись стандартизации, в результате которой сегодня возможно выделить несколько основных типов. Наиболее распространенными являются образцы 468х60. Благодаря удачному подбору размера сторон, такие рекламные картинки имеют хороший отклик и, кроме того, прекрасно встраиваются в "шапки" большинства страниц Сети. Размеры 125х125, 120х90, 120х60 чаще всего встречаются на страницах слева или справа в колонке меню сайта. "Кнопки" (88х31) выносятся обычно вниз страницы.

Технология изготовления

Кроме различий по размеру, баннеры могут отличаться технологией изготовления. Раньше поддерживались формат JPEG и такой же статичный GIF стандарта 87а. Позже появился новый формат графики для Web - PNG (Portable Network Graphics), который позволял использовать достаточно большое количество цветов и выдавал при этом маленький исходный размер файла. Самый распространенный и самый древний формат - GIF. Он лучше всего подходит для не анимированных или несложных анимированных баннеров. При использовании GIF-формата размер очень мал (что хорошо, поскольку тогда повышается вероятность того, что пользователь прогрузит баннер до конца).

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

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

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

Из истории

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

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

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

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

Форматы

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

• Статичные изображения (как правило это файлы формата JPEG);
• Анимированные изображения (это обычно GIF-файлы или Flash-анимация);
• Текстовые форматы и блоки, содержащие текст и графику:
• Интерактивные вставки на Flash- или JavaScript, которые обращаются к пользователю, предлагая игру или анкету.

Размеры

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

Размеры в основном следующие: 468×60, 240×400, 600×90, 728×90, 250×250, 125×125.

1. Продажа товаров

• Привлечь внимание;
• Вызвать интерес у потенциального клиента рекламируемым товаром, услугой;
• Заставить перейти на сайт, где продается этот товар или услуга;
• В конце концов побудить пользователя к покупке.

2. Формирование и поддержание имиджа

• Добиться узнаваемости бренда компании, значка товара;
• Поддержание положительного отношения клиентов к имиджу компании.

Показатели эффективности рекламы

Увеличение продаж товаров и услуг - это главный показатель успешной рекламной кампании.

• Количество кликов - говорит о том, насколько реклама заинтересовала пользователей;

• Количество показов - измеряется тысячами и миллионами;

• Стоимость баннерной рекламы - окончательная стоимость рекламной кампании.

На этом статью буду заканчивать, пока-пока!

P/S

Хотите научиться создавать качественные баннеры и зарабатывать на этом от 30000р в месяц? Мой партнер Сергей Буйбаров именно так и делает, используя .

Недавно он записал хороший курс, который так и назвал:

Конечно я его приобрел, просмотрел и скажу вам честно: все рассказано просто и расставлено по полочкам: от создания обычного (статичного) баннера до флеш.

В общем, кто хочет работать и зарабатывать приобретайте курс, изучайте, больше никаких знаний в этой нише не нужно.

<<---Подробнее о курсе можно узнать здесь-->>

Заманчивый интернет

Баннеры - это слово иностранного происхождения. С английского banner -переводится как флаг или транспарант. То есть некое полотно с расположенной на нем информацией. Как же выглядит это в жизни?

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

Брат-близнец

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

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

Реклама на онлайн-сервисах

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

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

Создание баннеров

По способу создания различают два вида онлайн-баннеров:

• Статичные - обычное изображение в формате jpg.

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

• Динамичные - изображения с анимированным сюжетом в формате gif или flash.

Gif-баннеры не очень сложны в изготовлении, имеют небольшой объем файла и высокую рекламную отдачу.

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

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

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

Особенности интернет-рекламы

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

• Размеры баннерного полотна могут иметь произвольные значения, но оптимальным вариантом будет сюжет с размерами 468х60 пикселей (основная единица измерения).
• Расположение в самой верхней части страницы имеет наилучшую привлекательность. Это объясняется особенностью человеческого глаза - первый взгляд направлять на верхнюю треть документа. Это касается любых видов печатных и электронных изданий. Соответственно, баннеры, располагающиеся в боковой колонке или в нижней части страницы, имеют гораздо меньше шансов получить дополнительные отклики.
• Широкое использование анимации. Меняющийся сюжет, движущаяся картинка в динамичной рекламе неосознанно привлекают внимание человека и, соответственно, повышают его интерес.
• Цветовое воздействие. Для усиления влияния рекламных баннеров желательно использовать определенные гаммы оттенков. Хорошее побуждающее влияние на сознание человека оказывают следующие сочетания цветов: белый-синий, белый-красный, желтый-черный.

Наружная реклама - что это

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

• магистральные конструкции - носители печатной продукции;
• брендирование фасадов зданий;
• объемные буквы;
• надписи на витринах, шатрах, тентах;
• автомобильная реклама

Плюсы применения

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

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

Монтажно-демонтажные работы

Крепление баннеров стандартных размеров (3х6, 6х12, 3х4 м) к рекламным плоскостям производится с помощью шнура. Готовое полотно по всему периметру густо пробивают металлическими люверсами, через которые пропускают тонкую и прочную веревку. Ею оплетают металлическую рамку каркаса щитов, крепко натягивая баннер.

Виниловая реклама

Печать баннеров производится на специальном материале с виниловой основой. В зависимости от назначения различают несколько видов баннерного материала:

• Frontlit - литая ламинированная ткань. Представляет собой сетку из полиэстера, на которую методом ламинации приваривается поливинилхлоридное полотно. Снаружи поверхность дополнительно покрывается лаком.

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

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

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

Скачать исходники для статьи можно ниже

Баннер - графическое изображение рекламного характера.

Бывают 3-ри вида баннеров

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

Анимированные,динамичные GIF баннеры – представляет собой последовательность растровых кадров, которые сменяют друг друга.

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

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

Но самые хорошие и красивые баннер конечно же создаются через программы, наиболее популярные Adobe Photoshop и Adobe Flash .

Начнем с программы Photoshop (для изучения этой программы и ее возможностей я посоветую вам изучить сайт с бесплатными уроками по нему http://www.photoshop-master.ru

Создание анимированного и флеш баннера через Онлайн генератор баннеров.

http://www.lact.ru/banner – онлайн мастерская анимационных баннеров (причем у этого ресурса есть еще интересные виджеты, посмотрите сами: http://www.lact.ru/poleznoe/interesnyie-vidzhetyi).

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

Здесь все просто, пройдемся по полям конструктора:

1-ое поле: выбор формата – длинное (горизонтальное) или боковое (квадратное или вертикальное).

2-ое поле: состоит из трех текстовых полей, здесь вы должны ввести текст и цвет этого текста, который будет находится на баннере.

3-е поле: это графическое поле, в нем можно поменять фон баннера, и картинки которые находятся на баннере.

4-е поле: музыка, здесь вы можете выбрать мелодии, которые будут играть при показе баннера или загрузить свои мелодии.

5-е поле: это размер баннера, здесь предлагается несколько вариантов или же можете вставить свой вариант.

7-е поле: это сам баннер, как он будет выглядеть, рядом стоит кнопка “Поехали”, на которую нужно нажимать, чтобы обновить баннер.

8-ое поле: код для вставки, нажимаем на кнопку ” Получить код” и в окошечке видим код, который нужно вставить на ваш сайт, ну например можете вставить этот код в Виджеты, для этого в панеле управления вашего сайта в левом меню выбираете “Внешний вид” потом “Виджеты”, потом находите виджет “Текст” переносите его в свой Сайдбар и вставляете в виджет код кнопки, нажимаете сохранить, все готово.

Есть на этом сайте множество готовых шаблонов, которые можно редактировать, для этого в верхнем меню выбираем: “Галерея примеров” и кликаем на понравившийся нам баннер и начинаем его редактировать.

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

Создание анимационного баннера через Adobe Photoshop.

http://www.photoshop-master.ru/lessons.php?rub=8&id=309

http://www.photoshop-master.ru/lessons.php?rub=8&id=1412

по созданию следующего баннера:

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

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

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

Код для его вставки будет выглядеть примерно так:

Flash-баннеры — самый сложный в реализации, иногда довольно тяжелый, но при должном подходе самый эффективный способ привлечения внимания посетителей. Ссылка зашивается непосредственно в файл SWF (или указывается в коде) и кроме перехода по ней, иногда пользователю представляется возможность чего-то там понажимать, поиграться или совершить еще какие-либо интерактивные действия.

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

Для его создания используется уже не растровая графика, как в двух предыдущих случаях, а векторная, которая прекрасно масштабируется (без потери качества) и из Flash-баннера размера 468×60 можно запросто получить вот такого монстра, просто изменив значения его размера по высоте и ширине.

Код его вставки, правда, выглядит устрашающе, ибо состоит из комбинации валидных и не валидных :

Этот вариант кода вставки Flash-баннера на сайт является наиболее универсальным. Тут происходит дублирование за счет использования двух аналогичных тегов Embed и Object. Причем первый не является валидным, но некоторые старые браузеры не понимают Object и поэтому приходится перестраховываться.

Если валидный Html код для вас является превалирующим, то используйте только Object, например, так:

Различные атрибуты тега Param используются для настройки работы Flash-проигрывателя, который, кстати, загрузится на компьютер пользователя по приведенной в атрибуте Codebase ссылке (если, конечно, он не будет найден на компе пользователя). Подробнее познакомиться с предназначением различных операторов настройки флеш плеера для тегов Embed и Object вы сможете на этой странице .

Цена за размещение и ротатор банеров

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

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

На самом деле возможно несколько вариантов установления цены:

Фиксированная цена — такое-то место на сайте будет стоить столько-то рублей или долларов за 30 дней размещения баннера такого-то размера (пример смотрите ). Этот вариант часто используется при ценообразовании на рынке баннерной рекламы в рунете. В этом случае вам не нужно будет заморачиваться с подсчетом эффективных показов, с учетом кликов произведенных по рекламному блоку.

Получили графический или же флеш файл от рекламодателя, поставили его в оговоренную позицию и на ваш счет капнула определенная сумма Вебманей или денег Яндекса (у меня были даже случаи оплаты через международные деньги Pay Pal, но их сложно выводить на постсоветском пространстве). Цену можно будет регулировать в зависимости от активности и количества рекламодателей. Чем больше спрос — тем выше цена.

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

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

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

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

Однако идеал существует. Это купленная когда-то Гуглом система под названием DoubleClick for Publishers Small Business . Она бесплатная, обладает всей мощью Google (а значит о тормозах не может быть и речи) и позволяет подключать Адсенс в том случае, когда не найдется прямых рекламодателей. Красота, но чертовски непонятная штука. Два раза пытался читать русский хелп, но оба раза понимал, что ничего не понимаю. А обучающее видео имеет место быть только на недоступных моему пониманию языках.

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

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

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

"; $img = ""; $max = count($img) - 1; $count = rand(0,$max); echo $img[$count]; ?>

Это простейший ротатор и, что примечательно, конструкцию:

можно будет повторять нужное количество раз. Этот же скрипт подойдет и для ротации Flash-баннеров с их громоздким кодом. Главное при этом размещать этот самый код строго между одинарных кавычек переменной массива $img = "тута"; .

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

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

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

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

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

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

На первой вкладке «Макет» вам будет предложено выбрать габариты будущего банера из выпадающего списка стандартных размеров, либо указать свой собственный нестандартный. Далее вам нужно выбрать цветовое решение:

1. однотонную заливку одним выбранным цветом
2. градиентную заливку (используется по умолчанию) с выбором обоих цветов и способа перетекания градиента
3. загрузить изображение, которое будет использовать в качестве фона

Чтобы произведенные вами изменения отобразились на макете, нажмите на расположенную чуть ниже кнопку «Изменить». Переходим на вкладку «Текст». В зависимости от типа и размера итогового баннера вы сможете задействовать от одной до шести линий с текстом (по умолчанию используется две).

Вписываете нужный вам текст для каждой линии и выбираете тип шрифта, которым будут прописаны слова. Шрифтов очень много, но поддержку русского я нашел только в группе «Stock»:

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

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

Ну вот, на следующей вкладке выбираете тип рамки для создаваемого баннера (если она вообще нужна), а потому уже на вкладке «Формат» выбираете тип изображения растровой графики, в котором вы предпочитаете сохранить данный шедевр (jpg, png или gif).

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

Для начала достаточно изготовить несколько кадров будущего анимированного шедевра в уже описанном сервисе Bannerfans. Сохранять итоговые изображения нужно будет уже строго в формате Gif, ибо только он позволит нам достигнуть желаемого результата (правда сервис может и преобразовать в Gif другие форматы, но лучше будет сразу соответствовать). Можно, например, на одном кадре оставить только верхнюю линию, на втором добавить еще и нижнюю, а потом написать какую-нибудь замануху-небылицу. В общем, все зависит от богатства фантазии.

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

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

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

Удачи вам! До скорых встреч на страницах блога сайт

посмотреть еще ролики можно перейдя на

Вам может быть интересно

Dropbox - как пользоваться облачным хранилищем данных, а так же работа с программой Дропбокс на компьютере и в мобильном
Иконки, значки, фоны, картинки и логотипы для сайта (онлайн-сервисы IconFinder, Freepik, PSDGraphics и другие) Апометр - бесплатный сервис по отслеживанию изменений выдачи и апдейтов поисковых систем