И так приступим) Для начала откроем изображение с анимацией в фотошопе)

должно выглядеть так...

что мы делаем дальше...дальше создаём аватарку)
сделаем таким способом...
Создаем новый документ 150х200 пикселей и перетаскиваем на него картинку для аватарки)

далее делаем прямоугольное выделение и нажимаем эту кнопочку
у нас должно получится вот что

далее заходим фильтр-оформление-фрагмент

повторяем этот шаг несколько раз (раза 3-4)

опять нажимаем
и зажимаем Ctrl+J

возвращаемся на предыдущий слой и создадим новый далее нам надо залить его градиентом (режим слоя экран)

пишем ник (я написал простым белым цветом и добавил тень) и обьединяем все слои

аватарка готова)
К анимации перейдём во втором посте)
и так приступим к анимации)
переходим на нашу открытую картинку с анимацией...выделяем все слои и перетаскиваем их на нашу аватарку и зажимаем Ctrl+G (это обьединило наши слои в групу)

дальше меняем режим наложения на осветление
открываем нашу групу (кликая на треугольничке слева)
и создаем покадровую анимацию

и всё) сохраняем нашу аватарку *для Вэб* и пользуемся)

Спасибки за внимание! Прошу выкладывать делится своими работами! И если что то не понятно пишите)Вдохновения и удачи)