Расскажу вам достаточно простой способ как создать анимацию в программе Photoshop. Ничего сложного в этом нету, тем более в версиях фотошопа начиная с 8 не надо пользоваться программой ImageReady, все функции итак включены.

Анимация в фотошопе сохраняется в формате gif.
Покажу вам на примере создания баннера 457×200.

Шаг 1. Открываем Photoshop, создаем новый файл 457×200 File>New.

Создать новый
Включаем меню анимации в Window>Animation, если у вас еще не включено
включаем меню
У вас должно появится следующее окошко Animation (Frames)
Включаем меню анимации
В этом окне у вас отображаются frames ( фреймы / слайды), то есть раскадровка вашей анимации. С ней то мы и будем работать.

Шаг 2. Делаем анимацию, я сделаю на примере простой анимации движущегося текста Syblog.ru
Создаем или перемещаем на картинку ваше изображение новым слоем поверх Background
надпись
Перемещаем слой в самую левую часть документа
сдвигаем
Шаг 3. Делаем дубликат первого кадра с помощью кнопки в меню Animation
duplicate frame
Выбираем новый кадр и перемещаем слой в самую правую часть документа
надпись справа
Шаг 4. Жмем кнопку Tweens Animation Frames на меню Animation и прописываем нужное количество раскадровки (у меня 5 кадров)
кнопка motion tween

motion_tween
В итоге у вас получится 7 кадров, если нажать кнопку Play в меню анимации то можно проследить что текст начал передвигаться плавно слева на правую часть.
Скорость анимации выставляется с помощью задержки под кадром, в мс, чем больше задержка тем больше времени идет кадр, я оставлю всё как есть
задержка
Шаг 5. Сохраняем файл анимации в формате гиф, заходим File>Save for Web & Devices
меню-save-for-web-devices
Устанавливаем необходимые параметры сжатия, вот мои параметры:
save-for-web-devices
И жмем кнопку Save, вот результат:
Как создать анимацию в фотошопе
Далее с помощью кадров и фильтров вы научитесь делать более сложную анимацию, тут главное практика и настойчивость, это дело увы очень много времени занимает.

Анимация в фотошопе

,
Похожие записи