Как сделать крутые баннеры. Бесплатный конструктор баннеров для соцсетей

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

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

Http://www.animationonline.com;

Http://www.zyris.com;

Http://www.quickbanner.com.

Лично я для изготовления баннеров пользуюсь программой Paint Shop Pro, бесплатную демонстрационную версию которой можно скачать на http://www.jask.com. Это наилучшая из легких в использовании программ графического дизайна, доступная сегодня в Сети.

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

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

2. Изготовляйте анимированные баннеры. Анимация баннера увеличивает коэффициент его полезного действия на 30 - 40 %.

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

3. Баннеры должны быстро загружаться. Максимальный объем хорошего баннера - 10 - 12 kb. Конечно, трудно уложить в такой объем всю необходимую рекламную информацию в комплексе с хорошим дизайном, но это совершенно необходимо. Большинство баннеров, которые мне доводилось видеть, весили примерно 15 - 20 kb, что соответствующим образом отражается на времени их загрузки и на отношении к ним пользователей. Самый лучший вариант, чтобы баннер весил меньше 10 kb, тогда он будет гораздо более эффективным и привлекательным как для баннерных сетей, так и для других вебмастеров и, конечно же, для посетителей.

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

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

5. Самое лучшее слово, которое нужно обязательно использовать в заголовке - "БЕСПЛАТНО". При этом ни в коем случае не следует располагать данное слово без пояснительного текста. Объясните пользователям, что именно они получат у Вас бесплатно. Практика показывает, что использование слова "БЕСПЛАТНО" с хорошим пояснительным текстом помогает существенно повысить коэффициент кликов.

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

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

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

9. Используйте при дизайне баннера определенные трюки. Наиболее распространенные из данных "трюков" заключаются в оформлении баннеров как элементов управления Windows, в частности - кнопки, выпадающие меню, полосы прокрутки и т.п. Как ни странно, многие люди покупаются на эти трюки, желая выбрать тот или иной пункт "меню", прокрутить текст далее и т.п.

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

2 голоса

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

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

Вы сможете получать деньги даже если только вчера открыли свой сайт и на него заходит всего 5 человек. Я расскажу как сделать баннер на сайт и дать шанс молодому проекту приносить в разы больше денег.

Приступим?

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

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

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

Ну что ж, давайте начнем.

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

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

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

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

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

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

С основными настройками думаю, что проблем не возникнет. Наверняка вы и сами разберетесь с тем, что такое верхний и нижний цвет, вкругление углов и текст. Я хочу поговорить про Open Link Tab. Так как сама кнопка не анимированная, сменяются только изображения в заданное время, то я рекомендую вам не ставить на нее линк, а использовать ссылку для всей картинки.

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

Теперь можете добавить текст. Здесь тоже нет ничего сложного.

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

Теперь вам нужно щелкнуть на «Получить баннер».

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

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

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

Что включает в себя веб-баннер:

  1. Графическое изображение;
  2. Рекламный текст;
  3. Гиперссылку на рекламируемую страницу.

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

Распространенные типы баннеров

1. Статический плакат

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

2. Слайдер

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

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

3. GIF-анимация

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

4. Flash-анимация

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

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

1. Онлайн-сервисы

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

Представлю два бесплатных, понравившихся мне сервиса.

Banner FANS

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

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

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

Удобный сервис, позволяющий быстро создать простой и без излишеств баннер для своего сайта.

Гифовина

Gifovina.ru - этот сервис тоже предельно прост в работе, и, в отличие от предыдущего, может создавать анимационные: баннер, аватарку или слайд-шоу со сменой картинок. Просто добавьте картинки в очередь нажав на кнопку "Добавить кадр ".

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

2. Специальный софт

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

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

Предлагаю вашему вниманию две программы, которыми время от времени пользуюсь сам.

Ulead Gif Animator

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

Работа со слоями (как в фотошопе), многочисленные инструменты и эффекты вполне позволяют это осуществить.

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

Easy GIF Animator Pro

Этот софт проще, чем предыдущий.

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

Вот мой баннер, созданный в Easy GIF Animator Pro менее чем за минуту:

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

3. Заказать дизайнерской студии или фрилансеру

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

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

Хорошего исполнителя заказа вы быстро найдете на биржах фриланса, например таких как frilans.ru.

4. Вручную в графическом редакторе

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

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

Фотошоп

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

Microsoft Power Point

Программа, входящая в установочный пакет Microsoft Office. Высока вероятность того, что она у вас уже установлена вместе с Microsoft Office Word.

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

Paint.net

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

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

После загрузки в настройках отображения файла в поле «С сылка » выберите «Произвольный URL » и в поле ниже вставьте свою ссылку.

После вставки баннера в запись, в режиме «текст » вы получите его HTML код, который можно разместить в любой части своего или сайта-донора.

Обновлено: Апрель 25, 2017 автором: Роман Ваховский

Всем привет! Баннер – это анимированная картинка небольших размеров, изображения которой, как правило, поочередно меняются. Чаще всего баннер состоит из 3-4 изображений, каждое из которых демонстрируется несколько секунд.

Анимированные (gif, flash) баннеры отлично привлекают внимание посетителей сайта, а это значит, что трафик можно перенаправлять с одного ресурса на другой.

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

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

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

  1. Ulead Gif Animator
  2. Banner Maker Pro 7.0.5
  3. Banner Designer Pro 5.0
  4. Easy GIF Animator

Каждая из них имеет свои достоинства и недостатки, описывать которые нет смысла. Я рекомендую попробовать все (они небольшие – каждая занимает около 25 МБ), а остановиться на самой удобной, на ваш взгляд.

Easy GIF Animator

Я опишу создание баннера с помощью программы Easy GIF Animator, так как сам ей нередко пользуюсь. Данная программа подойдет в том случае, когда нужно быстро создать простой и незамысловатый баннер, состоящий из 2-3 меняющихся надписей. Интерфейс проги очень удобен, что позволяет мгновенно в ней разобраться. Но графика оставляет желать лучшего.

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

Запустив программу, вы попадете на главную страницу, где надо будет выбрать, что создать (анимацию, баннер, кнопку и т.д.). Мы выбираем анимированный баннер.

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

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

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

Вот, что у меня получилось (на создание ушла всего минута):

Создание баннера в фотошопе

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

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

Я нашел в интернете две очень интересных статьи, расписывающие разные варианты создания красивых логотипов. Рекомендую вам ознакомиться с ними.

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

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

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

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

Для того, что бы ответить на вопрос для сайта, необходимо открыв программу создать наш баннер точнее его основу. При этом следует помнить, что стандартные баннеры имеют несколько типоразмеров. Как правило, на сайтах применяются баннеры 468х60, 120х120, 100х100, а так же 88х31. Рассмотрим вариант изготовления баннера с размером 468х60.

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

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

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

Теперь нам необходим текст. Для этого выбрав инструмент «текст» вписываем необходимую нам фразу и размещаем простым перетаскиванием по картинке как нам необходимо. После этого остается выбрать в меню «сохранить для web» (сохранить как) и при сохранении выбрать формат изображения jpg.

Но многим баннера с текстом бывает мало желательно, что бы это был баннер ссылка. Как сделать ссылку для своего баннера и связать их. Для этого необходимо на сайте который разместит ваш баннер написать следующий код (это можно сделать и в типа дримвевер) < а href="URL%20%d0%92%d0%90%d0%a8%d0%95%d0%99%20%d0%a1%d0%a2%d0%a0%d0%90%d0%9d%d0%98%d0%a7%d0%9a%d0%98.html">< img srс=" URL БАННЕРА " >< /а>. для того чтобы определить " URL БАННЕРА " необходимо знать как добавить баннер на сайт и куда.

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

Поделитесь с друзьями или сохраните для себя:

Загрузка...