Как сделать красивый, креативный и стильный баннер в онлайн конструкторе BannerBoo

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

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

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

Кому предназначен конструктор BannerBoo

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

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

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

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

Единственное, на бесплатном тарифе (на котором число созданных баннеров ограничивается 10-ю), вы имеете возможность свободно скачать на компьютер создаваемые творения только в форматах PNG, JPG и HTML5 (с анимационным эффектом, что важно). Однако, последний вариант при этом будет содержать значок копирайта BannerBoo и вшитую ссылку, ведущую на этот сайт.

Но можно и купить недорого созданный с нуля или на основе готового шаблона HTML5-банер (всего за $2.99). Согласитесь, что это совсем небольшая цена за продукт, изготовленный по современной технологии. При всем при этом вы получаете доступ к расширенному функционалу конструктора, а также избавляетесь от присутствия ссылки на BannerBoo в конечном изделии.

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

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

Конечно, для начинающих даже эти три доллара могут оказаться неподъемными, но в любом случае у вас имеется возможность хотя бы протестировать данный сервис, а уж потом делать свой вывод о целесообразности его использования (да, купить созданный с помощью конструктора анимированный ХТМЛ5 без ссылки на сервис вы сможете в любое время).

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

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

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

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

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

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

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

На этом же этапе можно сразу прописать название для баннера (чтобы его впоследствии было легче идентифицировать в ряду других) и указать ссылку на целевую страницу:

Вкладка «Текст» предназначена для наполнения пространства создаваемого банера текстовым содержанием. Для этого из левой части интерфейса выбираете текстовые шаблоны (просто щелкнув по ним мышкой) с размерами и цветом шрифта по умолчанию:

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

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

Вкладка «Объекты» разделена на подгруппы: «Кнопки», «Фигуры», «Линии», «Диаграммы», «Иконки», «Анимация». В них "живут" самые разнообразные картинки, которые также можно приобщить к разрабатываемому изделию простым щелчком мышкой:

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

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

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

Для сохранения вашего творения справа вверху есть одноименная кнопка, а также кнопочка «Публиковать», после щелчка по которой появятся форматы, в которых можно скачать готовый баннер (для бесплатного пользования даны варианты на желтом фоне, среди них и HTML5):

Даже если вы сделали баннер с элементами анимации, все равно есть возможность выбора формата. Как я уже сказал, статичные банеры (с картинками PNG и JPG) сразу можно скачивать и спокойно использовать. А вот ежели вы решите скопировать код для HTML5 с анимацией, то, напомню, в него будет встроена ссылка на BannerBoo (можете посмотреть пример сотворенного мною банера такого типа).

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

Для тех, кому сервис пришелся по душе и кто планирует приобрести один из платных тарифов, есть приятное сообщение. Если вы зарегистрировались на BannerBoo по ссылке с этого блога, то для вас есть специальный купон со скидкой -10%. Чтобы активировать эту возможность, в процессе покупки требуется ввести название купона GOLD-10 в соответствующее поле:

После этого жмете кнопку «Apply». Это действие активирует скидку, которая уменьшит цену на заданную величину, после чего можно перейти к оплате, задействовав кнопочку «Купить»:

Как можно заработать на этом сервисе

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

Еще статьи по данной теме:
Самые интересные публикации из рубрики: Полезные программы и сервисы

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Чтобы ввести любой код, вставьте его между [php] и [/php]. Ссылка (URL), помещенная в текст комментария, не будет активной. C целью ее выделения и более удобного копирования можно заключить ее между тегами <pre> и </pre>.