Создай баннер за 10 мин

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

Скачать исходники для статьи можно ниже

Баннер — графическое изображение рекламного характера.

Бывают 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

по созданию следующего баннера:

Введите свой email адрес для того, чтобы подписаться на мой блог:


knopkisoc

Создай баннер за 10 мин: 6 комментариев

  1. Константин

    Можно сохранить свой баннер в галерею примеров данного сайта, для этого нажмите на кнопку “Получить код” и внизу под окошечком “Код для вставки на сайт” появятся две ссылки:
    – Разместить созданный баннер в Галерею Примеров [справка]
    – Встроить эту мастерскую себе в сайт. [справка]
    Жмете на первую заполняете формочку и ждете одобрения вашего баннера авторами проекта.

Добавить комментарий для Марина Отменить ответ