Вы находитесь на странице: 1из 4

Лабораторная работа №23.

Создание баннера для Web-сайта.

Цель: Создание баннера для Web-сайта.

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


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

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


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

1. Статический плакат
Чтобы создать простой статический баннер для сайта, достаточно любого
графического редактора с опцией добавления текста. Затем остается только разместить
картинку на веб-странице и добавить к ней гиперссылку.
2. Слайдер
Представляет собой последовательность автоматически переключающихся картинок.
Посетитель может самостоятельно перелистывать картинки, нажимая на кнопки вперед и
назад. Пример такого слайдера в сайдбаре WordPress-book.ru.
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 менее чем за минуту:

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


что, несомненно, большой плюс в их пользу.

Задание:

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