В фотошопе существует панель Animation, которая предоставляет возможность создавать самые разные анимированные иллюстрации. Также она может сама осуществлять конструирование промежуточных стадий движения объектов. Для того чтобы установить у себя такую функцию, необходимо на слой с прозрачным фоном поместить объект, задать конечный и начальный кадры, а программа уже сама автоматически определит нужное количество промежуточных кадров. А вы в свою очередь можете заняться чем-нибудь другим, не затрачивая свое время на эту рутинную работу.
1. Для начала необходимо создать новый документ и на прозрачном слое нарисовать или поместить туда ту фигуру, которую нужно анимировать. Далее необходимо выполнить пункт в главном меню Window под названием Animation. Как только появится первый кадр, следует взять инструмент Move и переместить свой рисунок в начало траектории движения. Затем на панели Аниматор кликнуть по кнопке, где всплывает подсказка DuplicatesSelectedFrames. Данные действия никоим образом не зависят от того, какой у вас хостинг и аренда сервера или используете ли вы услугу колокейшн. Они в любом случае останутся неизменными.
2. Теперь вы имеете два совершенно одинаковых кадра. С помощью того же инструмента Move объект необходимо переместить в самый конец траектории движения. Результатом станет изменение второго изображения на панели Animation, положение объекта будет другим.
Необходимо сделать активным второй кадр, для этого следует нажать на кнопку TweensAnimationFrames. После открытия диалогового окна Tweens из списка TweensWith необходимо выбрать PreviousFrame и указать, сколько отрывков вам нужно создать. Чем больше кадров будет задано, тем более плавно будет двигаться объект.
3. После создания в фотошопе цепочки промежуточных движений объекта, необходимо нажать на кнопку PlaysAnimation и оценить то, что получилось. Такая методика позволяет делать сложные анимированные ролики.
Только стоит учитывать один момент: оперативной памяти компьютера может не хватить на сложную анимацию, которая использует большое количество кадров, в этом случае фотошоп может закрыться без предупреждения. Аренда сервера в сайтостроении предоставляет море возможностей независимо от объема оперативной памяти.
4. Для сохранения результата необходимо выполнить действия главного меню File-Export-VideoPreview. Другим вариантом сохранения является пункт File-SaveForWeb, а нужный формат изображения — .gif.
Удачи!