Баннеры - это реальная реклама в Internet. Именно о баннерной рекламе вспоминают около 96% опрошенных Internet-пользователей. Достаточно однократного просмотра вашего баннера и реклама начинает работать. Вложенные деньги начинают приносить прибыль. Баннерная реклама ≈ это реклама, приносящая реальную отдачу.
Стандартный баннер имеет размер 468х60 пикселей и весит до 15 Кб.
Понятно, что баннер в конце-концов будет обыкновенной GIF-картинкой, но создается он в палитре true color.
Весьма существенно на размер файла баннера, как и на любое графическое изображение, влияет исходное количество цветов. Поэтому вам придется обыкновенным методом тыка выбрать оптимальное количество цветов, то есть, то, которое существенным образом не отразится на качестве исходного изображения. Но в любом случае помните, что однородный текст на однородном фоне состоит из 8 цветов (не более).
Пример создания обыкновенного баннера
Попробуем проследить за тем, как создается баннер.
Работаем в Adobe Photoshop 5.0
Операционная система: Microsoft Windows 98
Откроем графический редактор Adobe Photoshop 5.0.
Из меню Файл выберем команду Новый и заполним поля открывшегося диалогового окна.
На диске создадим папку Banner и сохраним созданную картинку в этой папке под именем banner.psd. Для этого из меню Файл выберем команду Сохранить как.
У нас получилась обыкновенная прозрачная картинка в формате Adobe Photoshop.
Обратившись к меню Окно, выберем команду Показать Цвета. Перед нами Палитра цветов. В этой палитре определим цвет фона нашего баннера следующим образом:
Red: 97
Green: 166
Blue: 19
Выбрав из Палитры инструментов инструмент Заливка, применим его к нашей прозрачной картинке.
Теперь наш баннер имеет зеленоватую подложку.
Сохранимся через комбинацию клавиш Ctrl+S.
Найдем в нашей библиотеке картинок изображение сияющего компьютерщика и поместим его через команду Ctrl+O в Adobe Photoshop.
Выделим эту картинку через команду Ctrl+A.
Скопируем эту картинку через команду Ctrl+С.
Возвратившись к нашей работе, через команду Ctrl+V поместим компьютерщика в баннер. Обратите внимание, что Adobe Photoshop в своей Палитре слоев автоматически создал новый слой.
Нажмем комбинацию клавиш Ctrl+T.
Наш компьютерщик выделился квадратиками. Удерживая клавишу Shift, подгоним размер компьютерщика под желаемый и нажмем клавишу Enter.
Удерживая клавишу Ctrl, сместим компьютерщика влево.
Обратимся к Палитре слоев и создадим еще один слой нашего баннера. Для этого просто щелкнем мышкой на пиктограмме .
С помощью инструмента Эллиптическое выделение создадим в новом слое круг и зальем этот круг черным цветом.
С помощью инструмента Прямоугольное выделение создадим в новом слое полоску и зальем ее черным цветом.
Сохранимся через комбинацию клавиш Ctrl+S.
Обратимся к Палитре инструментов и выберем инструмент Пипетка.
Инструментом Пипетка выберем из Палитры цветов желтый цвет.
Обратимся к Палитре инструментов и выберем инструмент Печать.
Инструментом Печать щелкнем в любом месте нашего баннера.
В открывшемся диалоговом окне Инструмент Печати выберем кириллический шрифт PragmaticaC, определим его размер (10 пунктов) и наберем текст "АУДИТ СЕТЕЙ".
Нажмем кнопку OK.
Нажав Ctrl+T и удерживая клавишу Shift, подгоним размер текста под желаемый и нажмем клавишу Enter.
Удерживая клавишу Ctrl, поместим текст на круг.
Сохранимся через комбинацию клавиш Ctrl+S.
Обратимся к Палитре инструментов и выберем инструмент Пипетка.
Инструментом Пипетка выберем из Палитры цветов белый цвет.
Обратимся к Палитре инструментов и выберем инструмент Печать.
Инструментом Печать щелкнем в любом месте нашего баннера.
В открывшемся диалоговом окне Инструмент Печати выберем кириллический шрифт PragmaticaC, определим его размер (10 пунктов), наберем текст "Y2K" и нажмем кнопку OK.
Нажав Ctrl+T и удерживая клавишу Shift, подгоним размер текста под желаемый и нажмем клавишу Enter.
Удерживая клавишу Ctrl, поместим текст на экран компьютера.
Сохранимся через комбинацию клавиш Ctrl+S.
Повторив шаги 29-35 (шрифт: CyrillicHover), добавим в наш баннер еще одну надпись.
Сохранимся через комбинацию клавиш Ctrl+S.
Повторив шаги 29-35 (шрифт: CyrillicHover), добавим в наш баннер последнюю надпись.
Сохранимся через комбинацию клавиш Ctrl+S.
Обратимся к Палитре слоев и склеим все слои нашего баннера.
Из меню Изображение выберем команду Размер Изображения.
Заполним поля открывшегося диалогового окна и нажмем кнопку OK.
Обратите внимание, что мы просто изменили разрешение нашей картинки с 400 DPI на 72 DPI.
Из меню Файл выберем команду Файл к Экспорт к GIF89a Экспорт.
Заполним поля открывшегося диалогового окна также, как это сделано на следующем рисунке и нажмем кнопку OK.
В открывшемся диалоговом окне ЭкспортGIF89 в поле File name введем имя GIF-файла нашего баннера и нажмем кнопку OK.
Как создать анимационную картинку
Анимационный GIF является обыкновенным графическим файлом. Изюминка в том, что подобный файл состоит из нескольких изображений, которые через тот или иной обозреватель Internet последовательно выводятся на экран пользователя.
Чтобы создать анимационную картинку, вам необходимо сначала создать картинки, из которых будет состоять результирующий файл. Эти картинки можно сделать, например, в Adobe Photoshop, а собрать их вам поможет одна из следующих программ:
GIF Construction Set 32
Microsoft GIF Animator
Ulead GIF Animator
Ниже представлен рисунок с программой Microsoft GIF Animator
