Командой "Файл - Создать" задаем размеры нового документа.

Для примера будем использовать шаблон с размерами 500х500 пикс. и с разрешением 72 пикс/дюйм.

Выбираем картинку для аватарки и переносим ее на наш шаблон.

Такой забавный рисунок я нашла в скрап наборах.

Сделаем выделение инструментом "Прямоугольная область" и применим команду "Редактирование - Выполнить обводку".

Сделаем копию слоя со слоненком, а нижний слой "Фон" удалим.

Анимацию сделаем из двух кадров.

Первый кадр - слоненок смотрит направо.

Второй кадр делаем из первого кадра командой "Редактирование - Трансформирование - Отразить по горизонтали".

Слоненок на вторм кадре будет смотреть налево.

Включаем панель анимации командой "Окно - Анимация".

Второй кадр добавляем, щелкнув по кнопочке "Создание копии выделенных кадров".

Принцип анимации заключается в последовательном просмотре отдельно взятого кадра.

Выделяем первый кадр на панели анимации, а на панели слоев второй слой отключаем.

Так мы будем видеть только первый кадр (или первый слой).

Задаем параметры просмотра: время показа кадра "0,5 сек"и время просмотра анимации "Постоянно".

Выделяем второй кадр и на панели слое отключаем первый слой. Также задаем время показа для второго кадра и время просмотра анимации.

Включаем просмотр:

Сохраняем командой "Файл - Сохранить для Web и устройств" обязательно в формате gif.

В формате jpg картинка будет неподвижной.

Анимация готова - можем посылать друзьям и размещать в блоге.

Аватарка от обычной картинки отличается только размером. Уменьшаем размер картинки до 100 пикс. командой "Изображение - Размер изображения" и так же сохраняем командой "Файл - Сохранить для Web и устройств" в формате gif.

Смотрим готовые анимационные аватарки со слоненком, с малышом и с котом.

Главное понять принцип создания анимационных картинок. Чем больше кадров - тем интереснее будет анимация.

Простые уроки фотошопа для начинающих Вы можете получать по рассылке.

Сделаем многослойную анимацию. Готовое изображение для будущей анимационной картинки со всеми включенными слоями выглядит следующим образом:

На палитре слоев видно будущее количество кадров.

Сделано пять копий слоя с бабочкой. На каждом скопированном слое размеры бабочки были уменьшены и изменено расположение на общем рисунке.

На панели анимации в первом кадре был включен только слой с розой. В каждом следующем кадре был включен слой с розой и только один из слоев с бабочкой. Эффект полета бабочки получился.