Хочу поделиться с Вами тем, что умею сама, а именно? создавать анимацию на аватарах.На простейшем примере я покажу, как создавать анимацию для вашего аватара.

Шаг 1.

Откроем в Фотошопе (в дальнейшем будем называть его сокращенно ФШ) понравившуюся картинку (или фотографию) для аватара.

Прим.
Если картинка большая, нужно её заранее подготовить, вырезать из неё нужный фрагмент (например, лицо) и задать картинке требуемый размер, например 80 х 80 или 100 х 100 пикселей. Для разных форумов могут быть разные требования.

Итак, у меня уже есть картинка 80 х 80.
Вот она.

Я хочу сделать на обруче у девушки бегущий блик.

Создаю новый слой. Называю его "блик 1".
Выбираю кисть, выбираю цвет.

Прим.
Цвет для блика лучше всего брать ближайший к белому. Можно и чисто белый, но тогда ваш блик будет слишком ярким.
Мне на золотом обруче слишком яркий белый блик не нужен.
Беру светло-желтый цвет.

Шаг 2.

На слое "блик 1" кисточкой в виде звездочки рисую собственно сам блик, т.е. тыкаю кисточкой в нужное место на обруче.
Мой блик почти незаметен. Тыкаю еще раз в то же место.

А теперь делаю блику доп. акцент:
Беру Карандаш (толщиной 1 пиксель), и в центре моего блика ставлю маленькую яркую точку.

Для наглядности, я отключу картинку с девушкой и создам дополнительно чёрный фон, на нём очень хорошо будет виден мой блик.

Шаг 3.

Создаю копию слоя с нарисованным бликом.

А теперь на этом новом слое я сдвигаю блик чуть дальше по обручу девушки

Шаг 4.

Повторяю шаг 3 несколько раз.

Вот, что у меня получилось.

И для наглядности, проверяю на черном бэкграунде.

Шаг 5.

Теперь у меня есть нужное количество бликов.
Нужно заставить их двигаться!

Для этого есть программа, продукт фирмы Adobe, с полным названием Adobe Image Ready (или просто Image Ready).

НЕ ВЫХОДЯ из ФШ мы можем открыть эту программку-компаньона очень легко и быстро, при этом наш рабочий файл (.psd) автоматически переместится в эту программу, а ФШ останется пока висеть пустым.
Сделать переход можно через выпадающее меню Файл, выбрав там строку Edit Image Redy:

Шаг 6.

Передо мной рабочее окно программы Имидж Реди.
Посмотрите, программа очень похожа на ФШ, плюс, тут есть дополнительный фрейм для создания анимации.
Анимация - это игра в переключение слоёв из видимости в невидимость. Сейчас я поиграю"глазками" слоёв

Самое нужное мне для анимации окно, расположено внизу.
(Если оно по какой-то причине не активировалось, нужно просто открыть его через вкладку Окна вверху программы).

Оно похоже на мини-проигрыватель, не так ли?

Оно-то мне и нужно.
В нём уже стоит начальный первый кадр моей анимации. А в списке слоёв справа видно, какой слой входит в мой первый кадр.
В начальный слой с девушкой изначально включились все мои слои с бликами, нарисованными в ФШ, ведь переходя сюда из ФШ я не отключала слои.

Отключаю ненужные слои.
Оставляю включенным в первый кадр только начальный слой с девушкой.

Шаг 7.

Теперь продолжаю, в анимационном окне создаю второй кадр анимации.
Для этого я просто нажимаю на иконку Duplicates current frame.
У меня получился кадр № 2, дубликат первого.

Далее, к этому селектированному (выделенному синеньким в окне проигрывателя) кадру №2, мне нужно добавить первый блик на обруче.
Для этого я просто включаю в видимость слой с первым бликом "блик 1"

Итак, кадр № 2 - это слой с девушкой + слой с бликом 1

Создаю следующий кадр, кадр № 3 тем же путем дублирования предыдущего, второго кадра.
Не забываю переключить в зону видимости СЛЕДУЮЩИЙ СЛОЙ с БЛИКом, а ненужный отключаю из видимости.

Прим.
Нажав на данном этапе на стрелочку "Play" у проигрывателя, можно посмотреть уже созданную анимацию, для наглядности.

Шаг 8.

Путем дублирования предыдущего кадра, создаю последующие, не забывая включать в нужных кадрах нужные слои с бликами.
Вот что у меня получилось:

Снова проиграю свою анимацию нажатием "Play".
Мой блик слишком быстро убегает и снова появляется.
Слишком быстрая анимация напрягает глаза.

Задаю задержку на первом кадре, чтобы блик появлялся не сразу после того как добежит до конца, а немного задерживал своё появление.
Для этого у первого кадра ставлю 0,2 сек. вместо 0 сек.

Вот, теперь порядок.

Прим.
Путём изменения задержки кадра иногда можно добиться интересных эффектов.

Анимация готова.

Шаг 9.

Возвращаюсь в ФШ при помощи того же выпадающего меню Файл

Шаг 10.

Теперь с файлом ничего не нужно делать, иначе собьются настройки анимации, которые автоматически уже прописаны в файле.

Просто сохраняю файл следующим способом:
Файл /Сохранить для Web...

Шаг 11.

Открылось окно для редактирования файла перед последним сохранением.
Это очень нужное окно, с его помощью можно сжать файл, если он получился большим, задать ему разные необходимые параметры и т.п.

Внизу отображается расширение файла и его размер в Кб.

Расширение для анимации должно быть gif.
Меняю jpg на gif в окне вверху справа.

Теперь, смотрю на размер моего файла.
Размер достаточно мал, а значит можно чуть-чуть улучшить картинку, например, добавив ей количество цветов.
Смотрим, где как это делается.

Остановлюсь на этом. Файл вполне готов.

Нажимаю Save.
Задаю имя своего файла.
Я делаю это не вполне корректно с точки зрения компьютерной грамотности. Я обзываю файл на русском языке.
Программа НЕ считает это ошибкой, она сохранит мой файл в любом случае, НО она предупредит меня вот таким окном:

Прим.
Для файлов, выкладывемых на Интернет-ресурсы, в т.ч. на хостинги, необходимо название файла писать только латинскими строчными буквами (цифры и тире допускаются).

Всё.
Файл сохранен в нужной папке в нужном мне месте.
Пойду посмотрю на него

Шаг 12. Дополнительный блик.

Посмотрела я на свой аватар и показалось мне, что маловато одного блика.
Хочу еще анимации!

Открываю в ФШ свой файл с девушкой и с бликами.
Добавляю новый слой, называю его "звездочка 1"
Рисую на этом слое Карандашом (1 пиксель) точечку на кулоне у девушки.

Создаю дубликат этого слоя, и дорисовываю к моей точечке еще четыре точечки - лучи по углам.

Создаю еще один дубликат этого слоя и дорисовываю лучики еще длиннее.

А теперь, иду в Имидж Реди и ...
включаю слои с этой звездочкой в уже готовые кадры так, как мне хочется

Вот так, последовательная анимация, сначала блик на обруче, потом всплеск звездочки:

Или вот так, параллельная анимация, одновременное мерцание.

Хотите посмотреть, как включены слои и сколько кадров в моих аватарках? Распакуйте их.
Гиф - это формат архивный, он несет в себе информацию. А значит его можно открыть

Подсказка.
Чтобы распаковать ЛЮБОЙ анимированный Гиф-файл, нужно:
1. Сохранить его к себе на компьютер в оригинальном формате gif, а не bmp и не jpg
2. Открыть файл через Adobe Image Ready (ткнув на файл правой кнопкой мыши выбрать нужную программу из выпадающего списка)
3. Любоваться и изучать, как создана и включена анимация

девочки по поводу анимации у кого 3 фотошоп 10 версия то там нет Имаж рэди, а есть встроенная анимация в вкладке окно, а дальше все как написала

По всем вопросам по уроку обращайтесь здесь!

Урок взят Тут