Здесь я расскажу Вам, что такое баннер, а также про несколько способов, а вернее программ, для их создания.
Скачать исходники для статьи можно ниже
Баннер — графическое изображение рекламного характера.
Бывают 3-ри вида баннеров
Статичные баннеры– это одиночное графическое изображение, без движения, содержащие дополнительные элементы.
Анимированные,динамичные GIF баннеры – представляет собой последовательность растровых кадров, которые сменяют друг друга.
Flash баннеры или Java – создаются баннеры по программе Adobe Flash. В отличие от традиционных, использующих растровую графику, эти баннеры используют векторную графику, что позволяет делать анимационные эффекты при небольшом размере баннера. Кроме того, Flash-баннеры предоставляют возможность использования звуковых эффектов, что повышает эффективность баннера как рекламного носителя по сравнению с традиционным. Эффекты во Flash-баннере имеют намного более впечатляющий вид. Изнутри баннер строится по принципу слоев. На каждом из слоев может быть реализована независимая компьютерная анимация. Использование векторной графики дает возможность реализовывать в баннере целые мультипликационные сюжеты. Так же технология Flash предусматривает возможность создания интерактивного баннера.
Сегодня в сети появились генераторы баннеров причем среди них много бесплатных, которые позволяют создать баннер в интернете.
Но самые хорошие и красивые баннер конечно же создаются через программы, наиболее популярные Adobe Photoshop и Adobe Flash.
Далее рассмотрим поподробнее и те и другие.
Начнем с программы Photoshop (для изучения этой программы и ее возможностей я посоветую вам изучить сайт с бесплатными уроками по нему http://www.photoshop-master.ru
Создание анимированного и флеш баннера через Онлайн генератор баннеров.
http://www.lact.ru/banner – онлайн мастерская анимационных баннеров (причем у этого ресурса есть еще интересные виджеты, посмотрите сами: http://www.lact.ru/poleznoe/interesnyie-vidzhetyi).
Очень большой функционал, много готовых шаблонов, которых можно отредактировать, русский интерфейс, и все бесплатно.
Здесь все просто, пройдемся по полям конструктора:
1-ое поле: выбор формата – длинное (горизонтальное) или боковое (квадратное или вертикальное).
2-ое поле: состоит из трех текстовых полей, здесь вы должны ввести текст и цвет этого текста, который будет находится на баннере.
3-е поле: это графическое поле, в нем можно поменять фон баннера, и картинки которые находятся на баннере.
4-е поле: музыка, здесь вы можете выбрать мелодии, которые будут играть при показе баннера или загрузить свои мелодии.
5-е поле: это размер баннера, здесь предлагается несколько вариантов или же можете вставить свой вариант.
6-е поле: ссылка, если пользователь нажмет на баннер то куда он попадет, можно сделать и без ссылки.
7-е поле: это сам баннер, как он будет выглядеть, рядом стоит кнопка “Поехали”, на которую нужно нажимать, чтобы обновить баннер.
8-ое поле: код для вставки, нажимаем на кнопку ” Получить код” и в окошечке видим код, который нужно вставить на ваш сайт, ну например можете вставить этот код в Виджеты, для этого в панеле управления вашего сайта в левом меню выбираете “Внешний вид” потом “Виджеты”, потом находите виджет “Текст” переносите его в свой Сайдбар и вставляете в виджет код кнопки, нажимаете сохранить, все готово.
Есть на этом сайте множество готовых шаблонов, которые можно редактировать, для этого в верхнем меню выбираем: “Галерея примеров” и кликаем на понравившийся нам баннер и начинаем его редактировать.
Данный конструктор для создания баннеров можно поставить себе на сайт.
Создание анимационного баннера через Adobe Photoshop.
Здесь я приведу вам 2-е ссылки с бесплатными уроками от очень известного ресурса www.photoshop-master.ru . Усвоив эти уроки вы поймете как создавать простые и сложные баннеры.
1-ый урок
http://www.photoshop-master.ru/lessons.php?rub=8&id=309
по созданию следующего баннера:
2-ой урок
http://www.photoshop-master.ru/lessons.php?rub=8&id=1412
по созданию следующего баннера:
Занимательно. Возможно воспользуюсь.
Можно сохранить свой баннер в галерею примеров данного сайта, для этого нажмите на кнопку “Получить код” и внизу под окошечком “Код для вставки на сайт” появятся две ссылки:
– Разместить созданный баннер в Галерею Примеров [справка]
– Встроить эту мастерскую себе в сайт. [справка]
Жмете на первую заполняете формочку и ждете одобрения вашего баннера авторами проекта.
Подскажите почему на сайте на движкеWordpress не отображается банер в формате swf?
Ольга, прочтите статью “Как поставить Flash игры на свой сайт” – https://mnogoblog.ru/mini-igra-na-sajte
Спасибо огромное за полезную информацию. Несколько статей прочитала, “злых птичек” на сайт установила. Буду остальное применять!
Большое пасибо!