Самый простой баннер — без анимации, т.е. на выбранной фоновой кнопке размещается какая-нибудь прикольная (или не очень :) ) надпись.
Размер стандартного баннера-кнопки — 88×31 (от нестандартных лучше отказаться! Рискуете получить отказ от его размещения)
Рассмотрим для начала самый простой способ создания кнопочек без анимации в Adobe PhotoShop:
- Откройте изображение, из которого собираетесь делать баннер: файл> открыть (file> open).
- Выберите инструмент «прямоугольная область» (rectangular marquee tool).
- Выделите
фрагмент изображения выбранным инструментом — просто проведите мышкой
по изображению, не отпуская левой кнопки. Появится прямоугольник
с бегущим пунктиром по краям. Чтобы выделенный фрагмент соответствовал
размерам стандартной кнопки 88×31, нужна небольшая тренеровка)) А можно
схитрить (кстати, очень удобно): a) файл> новый> 88×31 пикселей;
б) выделить всю область созданного прямоугольника с помощью
прямоугольного выделения; в) перетащить «рамочку» выделения
на изображение, из которого делаем кнопочку. Т.е. таким образом мы
быстренько подогнали размеры необходимого прямоугольного выделения.
Не забывайте, если исходное изображение очень крупное, его сначала
нужно уменьшить и только потом резать на баннеры-кнопки.
- Редактирование> копировать (edit> copy).
- Файл> новый> ok (размеры 88×31 пикселей!) (file> new> ok; width & height)
- Редактирование> вставить (edit> paste)
Все! заготовка для кнопочки готова. Осталось вставить на нашу кнопочку текст:
- Выберите цвет будущего текста (2 клика по верхнему цветному квадратику — ниже панели с инструментами).
- Выберите инструмент «текст» (кнопка «Т» на панели инструментов).
- Кликните выбранным инструментом в том месте заготовки баннера, где хотите видеть будущий текст.
- Набирайте текст :)
К любому
тексту можно добавлять потрясающие эффекты: тень, рельеф, свет... Это
делается через меню «слой> эффекты слоя> выбрать эффект»
(layer> layer style). Только не забудьте перед этим выделить нужный
текстовый слой («окно> показать слои» / «window> layers») на
панеле «слои» с нажатой клавишей Ctrl(!).
Точно также можно
заливать текст градиентной заливкой — плавным переходом цветов (тест
сначала выделяем по контуру на текстовом слое с кл.Ctrl, затем проводим
по тексту инструментом «Градиент» (gradient tool; дополнительный
инструмент к инструменту заливка) от одного конца текста до другого
(например, по диагонали), с нажатой кнопкой мыши). Эффект ну очень
красивый... Лучше смотрится на жирном шрифте. Стоит попробовать :)
Анимированные баннеры
Здесь уже существует множество различных программ, все зависит только от вашего вкуса и от того, какую вы найдете :)
Можно
взять, например, GifConstruction (заготовки для картинок баннера,
которые будут чередоваться друг за другом, нужно сначала сделать как
простые баннеры). А лучше всего использовать Ulead GifAnimator или
Image Ready (прилагается к фотошопу).
И последнее, лучше
всего, чтобы ваш баннер весил не более 3-7кб. Могу посоветовать хорошую
прогу — GifOptimizer, она отлично сжимает графику без потери качества.
Источник: http://www.fantasyflash.ru | 
