Как сделать электронный баннер. Создание баннера

Как создать баннер: понятие баннера + актуальность баннерной рекламы + 4 способа создания рекламного блока + 3 совета для новичков в этом вопросе.

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

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

Что такое баннер: актуальность и общие понятия

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

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

Подтверждением вышесказанному служит представленная диаграмма:

Так что же такое баннер? Как трактуют это понятие специалисты?

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

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

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

Существует множество классификаций баннеров, но мы рассмотрим только самые основные.

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

4 способа, как создать баннер

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

Какой из них вы выберете, будет зависеть от вашей конечной цели.

Вариант 1. Создать баннер, воспользовавшись услугами профессионалов.

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

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

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

Вот вам несколько таких для примера:

http://beflystudio.com/razrabotka-bannerov.html
http://www.alexfill-design.ru/razrabotka_i_sozdanie_bannerov_flash_i_gif.htm
https://tolkunov.com

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

Самые известные из них следующие:

https://www.weblancer.net/freelancers/bannery-8
https://www.fl.ru/freelancers/dizajner-bannerov-dizajn
http://freelance.youdo.com/design/banners

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

Вариант 2. Создать баннер при помощи графического редактора.

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

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

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

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

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

Photoshop – как уже и было сказано, такая программа требует профессионального подхода, поэтому, если вы желаете научиться пользоваться ею или уже имеете некоторые навыки, то можете смело пробовать создать баннер именно в Photoshop. Для удобства можете использовать онлайн версию редактора: https://online-fotoshop.ru
Paint.net (http://paintnet.ru ) – несложный в использовании, но функциональный графический редактор, который своими возможностями напоминает Photoshop. Он является прототипом стандартного Paint, такой же простой для начинающих, но в то же время очень усовершенствованный.
GIMP (http://gimp.ru ) – еще один очень неплохой и простой графический редактор, который позволяет создать баннер и веб-дизайн сайта. Работает в самых популярных операционных системах.

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

Рассмотрим принцип действий на примере работы с Photoshop:

Вариант 3. Можно создать баннер с помощью специальных программ.

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

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

К ним стоит отнести:

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

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

Проанализируем несколько наиболее известных сервисов:

EasyBanner – многофункциональная и не сложная в использовании площадка, которая позволяет создать как обычный, так и анимированный баннер. Здесь можно выбрать необходимое изображение, поработать над эффектами, вставить текст. Самое большое преимущество ресурса в большом количестве готовых шаблонов, которые значительно упрощают задачу.
Sothink SWF Easy – программа, которая позволяет не только создать стандартный баннер, но и оформить профессиональный анимированный блок с яркими элементами. При этом ресурс рассчитан на использование новичками, поскольку все действия можно совершить, ссылаясь на небольшие подсказки. Интерфейс программы удобен для работы, к тому же здесь также имеется большой выбор шаблонов и изображений.
Atani – многофункциональная программа, которая составит конкуренцию даже профессиональным сервисам. Здесь можно создать статичный и динамичный баннеры, использовав для этого изображения в самых разных форматах.

Использовать каждую из этих программ не сложно.

Алгоритм действий выглядит следующим образом:

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

Вариант 4. Создать баннер, применив онлайн-конструктор баннеров.

И последним способом из 4-х представленных является вариант создания при помощи онлайн-конструкторов. Такой метод является самым универсальным и простым.

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

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

Проанализируем несколько популярных ресурсов.

№1. Banner Fans.

http://bannerfans.com/banner_maker.php

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

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

Этот ресурс бесплатный, но имеет несколько минусов:

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

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

№2. Bannerovich.

Очень простой в эксплуатации онлайн-конструктор, который позволяет создать баннер двумя способами:

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

№3. Canva.

https://www.canva.com/ru_ru/

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

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

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

Итак, мы проанализировали 4 самых популярных способа, как создать баннер самостоятельно или при помощи веб-мастеров. Напоследок хотелось бы добавить несколько слов о том, как сделать ваш рекламный продукт более конкурентоспособным на рынке.

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

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

Баннер должен нести нужную информацию и быть запоминающимся.

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

Размещайте баннеры на сайтах, исходя из целевой аудитории.

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

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

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

Первое преимущество конструктора баннеров в том, что он доступен онлайн и не требует установки дополнительного программного обеспечения. Как видно на скрине, сам сервис небольшой и не перегружен ссылками меню, кнопками управления и различных настроек. На главной странице их всего 4. Нам потребуется раздел Мои проекты и Вдохновение (Inspiration). После авторизации через Фейсбук или обычной регистрации (емейл + пароль) мы можем приступить к созданию баннера, постера или пригласительного.

Как сделать баннер

В сервисе есть все необходимые инструменты чтобы сделать баннер быстро и качественно и скачать в нужном нам формате. Доступны несколько форматов изображений готовых баннеров:JPG, PNG и PDF.

Чтобы сделать баннер, достаточно просто начать. Перейдите на сайт конструктора.

Мы можем выбрать готовый дизайн из предложенной библиотеки готовых варантов. По сути, если нас устраивает картинка и оформление, мы можем только заменить текст на свой;
Либо, можно начать создавать с чистого листа, задав нужный размер или выбрав из предложенных форматов (для Фейсбук, Инстаграмм, Постер и др) и загрузив в сервис свою картинку.

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

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

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

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

12.11.14 30.9K

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

Что такое баннеры

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

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

Статические баннеры – состоят из статического изображения. Представляют собой рисунки в формате JPEG или PNG . Характеризуются малым весом, не влияющим на скорость загрузки страницы.
Анимированные баннеры – анимация создана с помощью GIF . Состоит из нескольких картинок, сменяющих друг друга с заданной частотой. Вес баннера зависит от количества используемых в нем изображений.
Flash – в таком баннере анимация сделана на основе Flash . Она может реагировать на действия пользователя.

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

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

88 на 31 пиксель;
120 на 60 пикселей;
120 на 90 пикселей;
120 на 240 пикселей;
125 на 125 пикселей;
120 на 600 пикселей;
160 на 600 пикселей;
180 на 150 пикселей;
234 на 60 пикселей;
240 на 400 пикселей;
250 на 250 пикселей;
300 на 600 пикселей;
300 на 250 пикселей;
336 на 280 пикселей;
150 на 150 пикселей;
468 на 60 пикселей;
728 на 90 пикселей.

Признаки эффективного рекламного баннера

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

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

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

Закономерности, которые стоит учитывать перед тем, как размещать баннер на сайте:

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

Создание и размещение рекламного баннера

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

Код большинства баннеров соответствует шаблону:

a href=»/ссылка на сайт рекламодателя» – адрес ресурса, на который приведет пользователя щелчок по баннеру;
title=»заголовок» – текст, отображающийся в сплывающей подсказке при наведении на область баннера;
target=»_blank» – задает правила отображения сайта рекламодателя после перехода по ссылке баннера («_blank»- откроется в новом окне);
rel=»nofollow» – запрещает поисковикам обработку этой ссылки;
img src=»https://www.сайт/wp-content/uploads/путь к изображению» – задает путь к изображению, отображаемому в баннере;
alt=»альтернативный текст» – текст, который будет отображен в баннере, если его рисунок не загружен.

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

Или можно заказать создание баннера в профессиональной студии. Тогда это обойдется дороже… Вот примерные расценки:

Разработка обычного GIF баннера – от 25$;
Создание баннера на основе Flash – 70-150$;
Ресайз – примерно 50% от первоначальной его цены.

Но если немного помудрить, то можно сотворить простенький баннер самостоятельно. Вот какое чудо получается после десяти минут манипуляций с кодом html и изображением в Coreldraw :

Код баннера:

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

Вот что получилось:

Код примера:

Создание анимированных и видео баннеров

Рассмотрим на примере как сделать анимированный баннер с помощью программы Ulead GIF Animator .

Предприниматели часто обращаются ко мне с вопросом о том, как создать эффективно работающий рекламный баннер. Чтобы ответить на него широкой общественности, я решил написать эту статью, объединив в ней 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. Меняйте баннеры почаще. Исследования показали, что даже самые лучшие баннеры, изготовленные по всем правилам, после третьего их просмотра пользователем начинают стремительно терять свою эффективность. Если за эти три просмотра пользователь не щелкнул по баннеру, он уже никогда этого не сделает. И если Вы реализуете платные кампании баннерной рекламой и покупаете миллионы показов, у Вас должно быть в запасе большое количество различных баннеров.

Инструкция

На панели «Пуск» выберите пункт «Все программы», затем «Стандартные». Кликните программу Paint, чтобы она открылась.

Чтобы загрузить выбранную картинку в редактор Paint, нажмите на значок в левом верхнем углу, затем выберите пункт «Открыть».

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

Чтобы обрезать выделенную область, нажмите «Изображение» - «Обрезать».

Измените размер изображения: «Изображение» - «Изменить размер».

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

Нажмите на на значок в левом верхнем углу - «Сохранить как» - «Изображение в формате GIF».

В открывшемся окне в строке «Тип файла» будет установлен формат GIF (*gif). Задайте имя файла и сохраните его, нажав «Сохранить».

Чтобы вставить на баннер текстовую информацию, активизируйте инструмент «Текст».

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

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

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

Итак, у вас есть под рукой два одинаковых файла с разным текстом. Это будут два слоя, которые нужно объединить, чтобы текст баннера постоянно изменялся. Эту операцию можно легко сделать в небольшой программе для создания анимированных GIF"ов MS GIF Animator.

Установив программу на компьютер, откройте ее двойным кликом.

В панели инструментов Gif Animator нажмите значок Open/«Открыть» (или Ctrl+O), в поле «Папка» выберите свою папку с созданными GIF-файлами. Затем двойным щелчком мыши выберите файл, который станет вторым слоем вашего баннера, чтобы другой файл (первый слой) лег сверху, т.к. в этой программе анимация создается в обратном порядке.

Откройте первый слой инструментом добавления Insert/«+» (или Ctrl+I).

Сгруппируйте слои инструментом Select All/«Выделить все» (или Ctrl+L) .

Перейдите во вкладку Animation и поставьте галочку напротив пунктов Repeat forever («Всегда повторять») и Looping («Выполнение цикла»).

Во вкладке Image установите скорость кадров - к примеру, 1/80, оптимально.

Нажмите инструмент Preview (или Ctrl+R), чтобы просмотреть результат.

Сохраните баннер с помощью инструмента сохранения Save (или Ctrl+S). Ваш баннер готов, теперь его можно размещать.

Обратите внимание

Чтобы избежать большого веса баннера, лучше ограничиться 2-4 слоями.

Полезный совет

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

Источники:

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

Инструкция

Создайте новый слой нужного вам цвета.

Уменьшите его до нужного размера и поместите в нужное вам место.

Ваш первый простой баннер готов к размещению.

Видео по теме

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

Вам понадобится

- компьютер с установленным графическим редактором Paint

Инструкция

Создайте фон вашего баннер а. Выберите инструмент «Заливка» и цвет заливки в открывшемся меню.

Нажав вместе клавиши Ctrl и J, создайте второй слой вашего документа. Включите отображение второго слоя и отключите отображение нажатием глазика напротив соответствующего слоя. Нажмите комбинацию клавиш Ctrl и L и, двигая ползунки, затемните второй слой.

Создайте из полученных двух кадров анимированную картинку. Для этого откройте анимационное окно (Window-Animation). В нем высветится все ваше изображение, состоящее из двух кадров, которое будет совпадать с затемненным кадром. Установите для него показа, например, 0,5 с. С помощью «глазика» выберите первый слой и отключите второй. Нажмите кнопку Duplicates selected frames на вкладке Animation (Frames). Второй кадр появится в анимационном окне. Выберите для него время показа 0,2 с.

Сохраните полученный файл в формате GIF (File-Save for Web and Devices…). Выберите необходимые значения из списка Preset для определения изображения. Учитывайте, что в режиме No Dither изображению придается мягкость в нечетких линиях.

Обратите внимание

Сохраняйте баннер только в формате gif. При его сохранении в любом другом формате эффект анимации не будет достигнут.

Полезный совет

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

Инструкция

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

Потренируйтесь в создании . Они привлекают больше внимания, чем статичные. Для создания эффекта анимации выберите в меню «Окно» и нажмите на раскрывшемся меню «Анимация». Теперь вы можете изменить длительность каждого кадра (например, 1-2 секунды). Определите, сколько кадров будет иметь анимированный баннер, оптимальным количеством является 8-10. Нажмите на следующий кадр, чтобы приступить к изменению его внешнего вида по личному усмотрению.

Нажмите правой кнопкой мыши на баннер и откройте контекстное меню. Кликните по клавише «Деформировать текст» и настройте структуру анимации текста. Вы можете указать любой из параметров, например, «Сжатие» или «Арка», и изменить интенсивность наклона в процентах.

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