Итак, для урока по созданию анимации нам понадобятся изображения, которые будут являться кадрами в ролике.

Вы можете скачать себе приведенные ниже картинки или скачать по ссылке в конце урока архив с кадрами, все равно как.

как сделать анимированную картинку imageready анимация как сделать анимированный аватар

уроки по фотошопу уроки по photoshop как сделать анимацию для gif

уроки photoshop gif как сделать анимацию в фотошопе как сделать анимированную картинку

как сделать аватар как сделать анимированную картинку

Теперь все эти картинки мы должны поместить в отдельную папку, это обязательное условие. Кроме этих изображений в папке ничего не должно быть. Кроме того, имена файлов должны быть в том порядке, в котором они должны быть в вашем ролике. Желательно картинки переименовывать примерно таким образом: 1.jpg, 2.jpg, 3.jpg и т.д.

Теперь открываем программу ImageReady (она обычно устанавливается вместе с PhotoShop) и выбираем File->Import->Folder as Frames, в открывшемся окошке ищем нашу папку с картинками и жмем Ok. Половина работы сделана!

делаем анимацию

Программа ImageReady сама расставит кадры в соответствии с именами файлов. Вот почему важно называть файлы по-порядку. В принципе, ролик готов, но мы должны для каждого кадра проставить задержку. Для этого кликаем по первому кадру и, удерживая Shift, по последнему. Таким образом вы выделим все кадры. Теперь мы должны выбрать значение задержки анимации так, как показано на рисунке:

анимация уроки

На рисунке показано, как делать задержку для одного кадра, но в нашем случае задержка будет одинаковой для всех кадров.

Справа вы можете увидеть настройки качества изображения на выходе. Настройте количество цветов gif по вашему вкусу:

как сделать анимированную картинку

Осталось только сохранить нашу анимацию как gif. File->Save Optimized As или Ctrl+Alt+Shift+S и сохраняйте ваш проект как gif-картинку.

Вот что получилось у меня:

урок фотошоп анимация

Фон немного дергается, но это из-за того, что при вырезании кадров были погрешности. Это легко исправить, если немного подвигать картинки в кадрах.