воскресенье, 23 сентября 2012 г.

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


Здесь я расскажу Вам, что такое баннер, а также про несколько способов, а вернее программ, для их создания.
Баннер — графическое изображение рекламного характера.
Бывают 3-ри вида баннеров
Статичные баннеры- это одиночное графическое изображение, без движения, содержащие дополнительные элементы.
http://www.lact.ru/banner/v1?gimme_code=1&iframed=&level=1&ff=&locale=ru&text1=Gnetwork+-+%D0%B8%D1%81%D0%BF%D0%BE%D0%BB%D0%BD%D0%B5%D0%BD%D0%B8%D0%B5+%D0%BC%D0%B5%D1%87%D1%82%D1%8B&text1_color=12A8FF&text2=+++++++++%D0%BA%D0%B2%D0%B0%D1%80%D1%82%D0%B8%D1%80%D0%B0+%D0%B7%D0%B0+%D0%BF%D0%BE%D0%BB%D0%B3%D0%BE%D0%B4%D0%B0&text2_color=E9FF1F&text3=%D0%BF%D1%80%D0%BE%D1%81%D1%82%D0%BE++%D0%B4%D0%BE%D1%81%D1%82%D1%83%D0%BF%D0%BD%D0%BE&text3_color=1A12FF&cvety=http%3A%2F%2Fwww.strotekh.ru%2Fimg%2Fhouses%2Fcottage_002.jpg&cvetyquery=&podarok=http%3A%2F%2Fd2v58id5qi36gs.cloudfront.net%2Fv1%2Fpodarok%2F70.png&podarokquery=&fon=http%3A%2F%2Fd2v58id5qi36gs.cloudfront.net%2Fv1%2Ffon%2Ffon_purple_600x120.png&fonquery=&pesenka=http%3A%2F%2Fwww.svn.lact.ru%2Fbannermedia%2Fv1%2Fmusic%2FVeselyMarsh.mp3&my_pesenka=&format=3&width=350&globalclick=&rsr=&anima=

Анимированные,динамичные 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
по созданию следующего баннера:

1 комментарий:

  1. Ирина, здравствуйте! Интересная ссылка! Интересный конструктор. А в сайт-визитку этот банер можно вставить, или в блог? У меня не получилось.

    ОтветитьУдалить