Создание Баннера

Арсаева Елена Анатольевна

БАННЕР – ЭТО ПРОСТО

1. Баннер и его виды

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

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

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

GIF баннер – следующая ступень эволюции баннеров. Представляет собой анимированный графический элемент созданный из набора статичных изображений (кадров). Обычно состоит из 3-5 кадров.

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

Пиксельные баннеры – обособленный вид баннеров. Если при создании JPG, GIF и Flash баннеров в большинстве случаев используются фотоизображения, что негативно сказывается на весе, пиксельные баннеры создаются путем прорисовки дизайнером каждого пикселя (пиксель – мельчайшая точка или элемент изображения) вручную. Такая технология, позволяет создать красочную анимацию при минимальном весе баннера.

В настоящее время баннеры используются довольно широко. Областями применения баннеров являются:

1. Наружная реклама

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

2. Интернет-реклама

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

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

При создании сайта необходимо учитывать наличие баннеров и соответственно выстраивать дизайн.

3. Использование баннеров в спорте

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

2. Форматы баннеров

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

Кроме отличия в размерах, баннеры могут быть разного типа:

  1. графические;
  2. html-баннеры;
  3. flash-баннеры.

Два последних типа достаточно сложные и специфические. Классический графический баннер определен размером 468x60 пикселей.

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

Рассмотрим форматы графических баннеров. Их два и они не отличаются от форматов графики на основной странице - соответственно это наша парочка – GIF и JPEG. Формат GIF позволяет создавать анимированные баннеры, эффективность которых, по сравнению со статическими, выше примерно в полтора раза.

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

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

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

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

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

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

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

Простейшие же баннеры можно создавать самостоятельно.

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

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

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

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

Итак, чтобы создать качественный баннер, нужно:

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

2. Сформулировать идею или сценарий (это уже в случае с анимированным баннером).

3. Придумать слоган, который наиболее точно выразит нашу идею или сценарий.

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

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

Окончательно оптимизируем баннер.

 

ПРАКТИЧЕСКАЯ ЧАСТЬ РАБОТЫ

Создание баннеров с использованием анимации – интересная и увлекательная работа.

Анимация не может никого оставить равнодушным. Анимированное изображение – это маленький мультфильм, состоящий из отдельных кадров, сохраненных в одном файле. Особенность анимированного баннера состоит в том, что таких кадров-слайдов может быть от 3 до 5 штук. И в них нужно уложить все содержимое вашего баннера.

Компьютерная анимация создается по тем же законам и правилам, что и обычная. Каждый файл – отдельный рисунок, и создать его можно в любом графическом редакторе. Я пользовался готовыми рисунками, измененными в графическом редакторе Paint. (приложение, рис. 1)

Я рассмотрел и изучил три программы для создания анимационных баннеров: Easy GIF Animator, FlaX, Macromedia Flash MX.

FlaX  позволяет легко создавать простенькие баннеры для своего сайта. Сразу при создании выбирается размер баннера и устанавливаются параметры. Имеется возможность анимации текста, вставки рисунка. Создание баннера с помощью данной программы несложное, единственной проблемой, с которой я столкнулся, является начертание шрифта при воспроизведении созданного баннера. Значение Cyrillic, выбираемое при создании баннера, не фиксируется, и баннер не является читаемым (приложение, рис. 2)

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

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

Создавать баннеры с помощью данной программы не очень просто, но увлекательно (приложение, рис. 3-7)

И, наконец, Macromedia Flash MX - достаточно сложная программа для создания интерактивной анимации.

Flash-анимация - эффектная форма представления баннеров и творческих проектов

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

СПИСОК ЛИТЕРАТУРЫ

  1. Краснова Г.А., Беляев М.И., Соловов А.В. Технологии создания электронных средств. — М.: МГИУ, 2001
  2. Соловьев, Б. А., Маркетинг. – М.:ИНФРА-М, 2007. – 383 с.
  3. Соловьева, Л.Ф., Компьютерные технологии для преподавателя. – Спб.: БХВ-Петербург, 2008. – 464 с.
  4. Ресурсы Internet.

<a href=http://pedsovet.su/ target=_blank><img src=http://pedsovet.su/knopki/pedsovet200.png width=200 height=60 alt=Сайт для учителей title=Сайт для учителей border=0></a>