Начну с самой простой анимации.

Итак, есть картинка - Винни Пух. 

Надо ее немного "оживить".

Шаг 1.

Открываем картинку в фотошопе. (Как минимум, общие понятия о фотошопе должны уже быть, конечно же.)

Шаг 2.

Дублируем картинку на второй слой. (Правой кнопкой мыши по слою и выбрать пункт "Дублировать слой" или "Duplicate layer").

Должно получиться как на этой картинке.

Шаг 3.

Винни Пуха на втором слое слегка изменяем.

Например, меняем положение ноги и делаем глазки закрытыми.

Можно продублировать после изменения второй слой и на новом слое добавить очередные изменения.

Каждый новый слой - это новый кадр в нашу анимацию.

Естественно, чем больше слоев, тем больше кадров и тем интереснее в идеале должна получиться анимированная картинка.

Но пока хватит и двух кадров.

Шаг 4.

Открываем панель для создания анимации. Для этого даем команду Window - Animation. Внизу рабочего экрана откроется новая панель Animation (FRAMES):

 В правом верхнем углу (место указано красной стрелочкой) нажимаем на кнопку и в открывшемся меню выбираем пункт "Создать кадры из слоев" или "Make Frames From Layers".

Шаг 5.

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

Под первым кадром выбираем пункт FOREVER, то бишь ВСЕГДА. Наша анимация будет повторяться постоянно.

Тут же есть кнопки просмотра. Включаем и любуемся.

Шаг 6.

Сохраняем наше произведение в формате gif. Для этого даем команду "Файл - Сохранить для веб и устройств" или "File - Save for Web & Devices".

Откроется вот такое большое окошко:

Вверху справа выбираем формат gif. Внизу нажимаем кнопку сохранить, даем имя и вуаля - наша анимированная картинка готова к употреблению!