Этот урок поможет вам освоить создание анимации с помощью программы ImageReady. Всего несколько минут и вы становитесь обладателем вашей собственной анимированной 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-картинку.
Вот что получилось у меня:
Фон немного дергается, но это из-за того, что при вырезании кадров были погрешности. Это легко исправить, если немного подвигать картинки в кадрах.
