Аватар — картинка размером 100×100 (120×120, 80×80, 64×64 и др.), которую обычно используют на форуме, блоге или дневнике в своем профиле в качестве юзерпика.

Аватары бывают статическими (без анимации) и анимированными. Для создания аватар лучше всего использовать PhotoShop (для статических) и ImageReady (для анимированных).

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

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

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

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

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

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

1-ый способ
Можно выбрать любую кисточку, задать ей цвет, выбрать нужную форму и после чего просто «проехать» с нажатой клавишей Shift по краям аватары (4 стороны).

2-ой способ (быстрый)
Выделите аватар прямоугольной областью (как мы делали в первом уроке)> жмите првую кнопку по выделенному изображению> Stroke. Откроется окно, в котром нужно задать цвет будущей рамки (кликните по цветному квадрату палитры в этом окне) и толщину линии в пикселях. Я выбрала 1px. Жмем OK и смотрим, что получилось:

Рамочки из пунктиров или точек
1. Выберите кисть и ее цвет. Я выбрала круглую N5
2. Жмите Toggle the brushes palette:

3. В открывшемся окне выбираем Brush Tip Shape и двигаем движок Spasing для увеличения расстояния между точками/штрихами, пока не подберем нужный вариант:

4. Теперь можно проехать по краям нашего аватара с нажатой клавишей Shift

Размер и форму кисточек можно менять:

  __________________________________________________________________________________________________________________________________________________________