В первую очередь этот урок рассчитан для пользователей CS2 (там получается намного лучше и качественнее), но и пользователи других версий могут им воспользоваться, но со следующими оговорками:
Если вы не можете открыть гиф в фотошопе, то необходимо установить проигрыватель, который у нас выложен в разделе софт. С его помощью и открываем нашу гиф-заготовку, если у вас нет Имейдж Рейди. Там не будет в списке формата гиф, и название файлика надо будет в окошко выбора вбивать вручную.
Сохранять готовую работу надо будет через пункт "Сохранить для Веб" (но учтите, что качество работ будет несколько хуже )
В остальном, порядок действий точно такой же.
Итак, читаем дальше!

1.
Открываем наш подготовленный в предыдущем уроке гиф в Имейдж Рейди (если нет ИР, то смотри выше) и если у вас слишком большое количество кадров, то удаляем лишние кадры, чтобы наша аватарка весила поменьше.
Обычно можно удалить каждый второй кадр. Для этого выделяем их при нажатой клавише Ctrl и перетаскиваем в мусорную корзину. Также удаляем соответствующие им слои просто перетаскивая выделенное в мусорную корзину.
Изменяем количество повторов на "Всегда" и увеличиваем время у наших кадров, чтобы перекрыть те, которые мы удалили (иначе анимация будет слишком быстрой)

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

2.
Переходим в фотошоп для дальнейшей обработки и открываем в нем окно анимации.

3.
Теперь нам необходимо увеличить наш холст, чтобы аватарка приняла привычный для нас вид. В верхнем меню выбираем пункт "Изображение - Размер холста" и устанавливаем нужные нам размер высоты и ширины, а также сторону, в которую будет увеличиваться холст.

4.
Теперь важный момент! Для того, чтобы вносимые нами изменения отражались на всех кадрах = все манипуляции со слоями мы будем проводить стоя на первом кадре анимации!
Итак, создаем в палитре слоев в самом низу пустой слой и заливаем его нужным цветом. Наша аватарка приняла приблизительно такой вид:

Однако, переход между подложкой и анимацией слишком резкий, давайте его замаскируем Для этого берем пушистую кисточку из стандартного фотошопного набора и проводим по линии стыка подложки и анимации. Слой с этой линией должен быть самым верхним в панели слоев и проводим манипуляции над этим слоем при нажатом первом кадре анимации, иначе наша манипуляция отразится только на одном кадре, а не на всех.
В результате переход станет более плавным.
Линия будет выглядеть примерно так:

5.
Теперь украшаем нашу аватарку. Добавляем интересные текстуры, оформляем красиво текст, применяем колоризацию, если нужно (обычно можно ограничиться кривыми для осветления) и т.п.
Все это мы добавляем поверх всех слоев, стоя на первом кадре анимации.
Примечание: лично я очень люблю темные текстуры такие, которые придают нашей аватарке глянцевый эффект и некоторую туманность, что ли... Вы можете применять те, которые нравятся вам.
Моя панель слоев выглядит так:

6.
Итак, приступаем к оптимизации и сохранению нашей аватарки.
Если сохранить с настройками по умолчанию, то вместо нашей красоты мы бы получили вот этот ужас

будем это исправлять! Переходим в Имейдж Рейди (или нажимаем "Сохранить для Веб", если нет ИР)
Устанавливаем на панели оптимизации вот такие настройки, которые значительно улучшат качество нашей работы:

Теперь уже видно, что наша аватарка совсем немного весит, но мне нужно уменьшить ее еще больше

Нажимаем на стрелочку, которая выделена на скриншоте в этом шаге и выбираем пункт "Оптимизировать по размеру файла" и подгоняем под нужный нам размер. Если вам это не нужно, то этот шаг можно не использовать, он уместен в рамках определенного жесткого веса. Например, для ЖЖ нужны аватарки весом не более 40 кб.

Дальше сохраняем. Если вы работали в ИР, то используйте пункт "Сохранить оптимизированный как", если делали только в фотошопе, то "Сохранить для Веб"
Готово!

---