Как анимировать шестеренки в illustrator или photoshop?

Question

[raigra]

Есть две шестеренки, которые крутятся друг относительно друга. Нарисованы в векторе в иллюстраторе.
И необходимо их анимировать, так, как например у apple в иконке настроек:
https://media.giphy.com/media/zIZPLd2J4hgM8/giphy.gif

Но как это сделать автоматом, а не покадрово вставляя векторные объекты в Photoshop?

Comments

[Kovalsky]

Я может усложняю, может можно и проще, но я бы открыл adobe flash, запилил бы все нужные объекты в нужных положениях, для single stationary light source наверное как-нибудь бы использовал маску (хотя стройного решения сходу придумать не могу), использовал бы любую анимацию для шестерёнок. Это уже не важно, мне кажется, классическая анимация или еще что. Потом экспортировал бы в .gif

Как минимум так сделать можно, а уж насколько это overcare уж не знаю

Answer 1

[Lex Fradski]

Создаёте видео-таймлайн. Делаете первый опорный кадр на котором будут отображаться нужные шестерни (важно сделать каждый элемент отдельным smart object), делаете второй опорный кадр, на котором применяете к ним трансформацию (поворот, например, на половину оборота — не надо делать весь оборот, чтобы не запутаться), между опорными кадрами делаете линейную интерполяцию. Повторяете до завершения полного оборота основной шестерни и нужной дроби остальных шестерней.


Потом через render video делаете вывод последовательности изображений и радуетесь :)

Вот например гифка построенная только из первого и последнего кадра.



PSD-версия поковырять: https://yadi.sk/d/CxKH0mNzy4mBG [CS6+]

Answer 2

[raigra]

Answer 3

[Pavel Designer]

Это делается легко в After Effects.
Вот примеры уроков по анимации шестеренки в After Effects.

Comments

[raigra]

к сожалению, у меня нету After Effects...

[Pavel Designer]

raigra: тогда либо скачать его и сделать быстро, либо делать средствами Фотошопа, который для анимации менее удобный.