Взято с http://fantasyflash.ru

Создание аватарки (фотошоп)

Откройте изображение, из которого собираетесь делать авик:
File> Open> выбор картинки> ok (файл> открыть)
Выберите инструмент «прямоугольная область» (rectangular marquee tool)

С нажатой клавишей Shift выделите этим инструментом нужную область вашего изображения для будущего аватара

Если выделенная область немного сдвинулась, ее можно легко передвинуть мышкой (не забудьте отпустить клавишу Shift)

Выбирайте в меню: Image> Crop и выделенный фрагмент вашего изображения вырежется. (Или жмем: Ctrl+C> Ctrl+N> Ok> Ctrl+V, но это будет чуточку дольше)

Далее уменьшаем размер нашей аватарки: Image> Size> 100 (вводим цифру)> Ok.

Аватар готов! Осталось сохранить его: File> Save as...
Чтобы атарка весила как можно меньше и при этом не потеряла качество, жмите:
File> Save for Web. Посмотрите там разные варианты: gif/jpg, количество цветов — colors (64, 128, 256...) и, собственно, размер будущей аватары. Выберите оптимальный вариант и жмите Save.
Узнайте, как делать разные рамочки на аватарах в следующем уроке.

Как делать баннеры

Самый простой баннер — без анимации, т.е. на выбранной фоновой кнопке размещается какая-нибудь прикольная (или не очень :) ) надпись.

Размер стандартного баннера-кнопки — 88×31 (от нестандартных лучше отказаться! Рискуете получить отказ от его размещения)

Сделать такую кнопку очень просто: просто выберите шаблон или сделайте свой в PhotoShop.

Рассмотрим для начала самый простой способ создания кнопочек без анимации в 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, она отлично сжимает графику без потери качества.