Запускаем программу Photoshop – приложение Adobe ImageReady.
Предварительно необходимо иметь две картинки. Их нужно сохранить в отдельной папке (например, назовем ее Ава) на рабочем столе. Почему две? Потому что нам нужна анимированная аватара, если научитесь делать анимированную, то без анимации тем более.
Вот эти две картинки:
Теперь в программе выбираем Файл -> Импорт -> Папку как кадры -> Папка Ава на рабочем столе.
Можете посмотреть нулевую анимацию, нажав на кнопку, которая воспроизводит анимацию. Будет частое мигание кадров (фреймов). Нажмите стоп и приступаем к работе...
Так как нам нужен не произвольный размер, мы пропорционально изменяем размеры всего аватара выбираем Изображение -> Размер изображения… -> размеры, например, 100.
Теперь сделаем анимацию более плавной, выбираем внизу под кадрами время отображения кадров (см. средний рисунок), например 0,5 секунды каждом кадру. Можно нажать на воспроизведение и посмотреть результат.
Для более качественной анимации в промежуток между ними можно добавить ещё кадров или сделать анимацию автоматом на кнопку «Создать промежуточные кадры»

и жмём ОК, нам сделают 5 внутренних кадров - переходов, каждому дать время по 0,2 секунды.
Затем жмем воспроизвести и любуемся!
Остался важный пункт - сохранение. Выберите закладку над изображением аватары Оптимизация. Так реально будет выглядеть Ваша аватара после сохранения, внизу видно, какого она будет размера и веса. Вам надо уменшать её размеры и количество цветов до тех пор, пока не достигните приемлимого веса. Цвета меняются справа в Color Table. Добившись нужного результата, выбирите Файл -> Сохранить оптимизированный как... и АВАТАРА ГОТОВА!