Начём.

1. Для начала откроем ImageReady.
2. Перекидываем первую нужную катринку.
    Для примера я беру Спанч Боба.

3.  Если у вас нету вот такого "Анимационного окна"  -

то делаем следующее : на вехней понеле открываем Окно - Анимация.

4.  Чтобы сделать второй кадр надо нажать кнопку  "Создать дублекат текущего кадра" на Окне Анимации.

     сделаем 4 кадра, следовательно на эту кнопочку нажимаем еще 2 раза (включая первое нажатие; если вы первое нажатие еще не сделали, то нажмите 3 раза).

Вот что должно получиться:

5. Заливаем вторую картинку, котороя будет, скажем так - переходящей.
    Я взяла к примеру тоже Спанч Боба,но совершенно отличающуюся от первой для того, чтобы потом вы видели переход кадра.

Чтобы картинки правильно совпадали и из под второй не выглядывала первая, делаеться это так: перетаскиваеться картинка точно в верхний левый угол.
Получаем на Анимационном окне вот что:

Не пугайтесь, что все кадры заполнены второй картинкой. Это нормально.

6. Теперь нам нужно вот такое окно Слоёв:

7. Те, у кого такого окна нет, делают следующиее: На верхней панеле открывают Окно - Слои.

8. Теперь делаем, чтобы получились разные кадры.
Нажимаем на первый кадр и сразу обращаем внимание на окно Слоёв. Нам нужно сделать невидимой на первом кадре вторую картинку. Делаеться это так: Рядом с картинками в окне Слоёв есть такие глазики -

Этот "глазик" означает видемость-невидемость картинки. Наличие такого глазика в окошечке означает "Видемость катртинки", отсутствие - "Невидемость".

Нам нужно, чтобы кадры сменялись. Для этого делаем следующее: у нас уже выбран первый кадр. Нажимаем на "верхний глазик" -

*1. - до нажатия на "глазик";
  2. - после нажатия на "глазик".

Получилось вот что:

Всё вернулось в исходность.

9. Теперь делаем переходящий кадр.

Жмём на второй кадр. Чтобы у нас был второй кадр воторой картинкой, надо на этом кадре сделать вторую картинку "видимой". Следовательно, нажимаем на "верхний верхнее пустое окошко". Вот что должно получиться:

10. Теперь тоже самое мы должны сделать с 4 кадром.
      Выбираем 4 кадр, нажимаем на пустое окно и 4 кадр меняеться. Итог:

11. Теперь чтобы кадры менялись, нужно установить "Время смены кадра".
       Под кадрами есть вот такое обозначение "0 с" - это то самое время смены кадра. Нажимаем на это обозначение и, к примеру, выбираем "0,2". Это будет наше время смены кадра.

Вам не обязательно выбирать "0,2", мы можете задать своё время, нажав на "Другое". Выплывет вот такое окно:

После чего вводите своё время.

Делаем "0,2" на всех 4-х кадрах. Внизу кадров получаем такое:

Совершенно не обязательно, чтобы время у каждого кадра было одинаковое. Вы можете сделать у каждого кадра своё время.

12.  Чтобы кадры постоянно "бегали", а не промелькнули 4 кадра и анимация остановилась, надо установить ещё один параметр.
Под временем смены кадра написано "Один раз" и рядом маленький чёрный треугольничек. Нажимаем на него и выбираем в выплывшем окне "Всегда".

13. Теперь сохраняем получившееся.
       На верхней панеле нажимаем Файл - Сохранить оптимизированный как... 
       Задаём нужное имя файла и в строке "Тип файла" выбираем "Только изображения (*,gif)"

14. И вот получившийся аватар -

Так же при создании аватарок вы можете применять кисти, фильтры, надписи и всё т.п.

З.Ы. Это я просто по этому уроку училась делать. Пост был написан в январе месяце. Я пыталась делать просто аватарки. И тут такое счастье. захотелось Ранеток сделать.. Надеюсь понятно написано. Спасибо JamiN_WiTH_mE .