
Очень часто при создании анимации нужно сделать вращение какого-либо предмета. Например, колес у машинки, или пропеллера у самолета, или вертушки в детской руке. Да мало ли.
Вот мне захотелось повращать пуговички. Нашла на просторах интернета забавную картинку с разноцветными пуговицами и решила ее оживить - сделать простенькую анимированную аватарку для сайта о рукоделии.
Открываем файл в фотошопе и снимаем блокировку со слоя, просто перетаскивая замочек со слоя в корзинку.

Будем вращать три пуговицы из четырех.
Для каждой из этих пуговиц нужно будет создать, скажем, по 7 слоев с вариантами поворота.
Облегчим себе жизнь. Сделаем один раз для одной пуговицы и запишем все свои действия в Actions (Действия), а затем просто применим эти действия еще к двум пуговицам.

Первым делом разместим наши пуговицы на разных слоях.
Для этого просто выделяем пуговицу,
даем команду Edit-Cut + Edit-Past
(Правка-Вырезать + Правка-Вставить)
или пользуемся классическими комбинациями клавиш:
Ctrl+X затем Ctrl+V.
Повторяем для трех пуговиц.
В итоге имеем четыре слоя, на каждом их которых есть пуговица.
Шаг 2.
Выделяем одну из пуговиц. (Нажимаем Ctrl и щелкаем по иконке на слое).
Дальше действия начнем записывать.
Даем команду Window - Actions (Окно - Действия), открывается окошко Actions.
В правом верхнем углу этого окна есть маленький черный треугольник - вызов меню.
Щелкаем и в открывшемся меню выбираем пункт New Action (Новое действие).

Появляется диалоговое окошко:

В нем даем имя нашему действию. У меня задано имя Вращение. При желании можно задать функциональную кнопку, при нажатии на которую наши действия будут выполняться. У меня выбрана F12.
Нажимаем на кнопку Record (Запись).
С этого момента все наши действия будут записываться.
Копируем нашу

или правой кнопкой мыши по слою и в меню выбираем пункт Duplicate layer (Дублировать слой).
На новом слое поворачиваем пуговицу на 450.
Для поворота,не снимая выделения, нажимаем комбинацию клавиш Ctrl+T или Edit -Free Transform (Правка - Свободная трансформация).
Дублируем уже этот слой. На новом дубле поворачиваем опять на те же 450.
И так далее, пока у нас не получиться 8 слоев с одной и той же пуговицей, но в разных положениях.
Первый слой - исходный кадр, второй слой - поворот на 450, третий слой - поворот на 900 относительно исходного изображения и так далее.
(450 * 8 = 3600, то есть полный оборот).
Все это время наши действия записываются. Остановить запись нужно, нажав кнопку на панели Actions.
Красный кружок - запись. Черный квадратик - остановить.

Шаг 3.
Создаем анимацию для первой пуговицы. Открываем панель Анимация. (Window - Animation)

1 кадр - делаем видимыми четыре исходных слоя с пуговицами.
2 кадр - добавляем новый кадр, нажав на кнопку "Создать новый кадр". В этом втором кадре делаем видимыми первые три слоя с пуговицами, теми которыми пока не вращаем, и слой с пуговицей, повернутой на 450.

Шаг 3.
Опять создаем новый кадр. На нем делаем видимыми первые три слоя и слой с поворотом в 900. Затем повторяем эти действия и создаем новый кадр, на котором видны первые три плюс слой с поворотом в 1350, и так далее, пока не создадим 8 кадров.
Выделяем все 8 кадров (Shift) и задаем время просмотра каждого кадра в 0,1 секунды.

Просматриваем получившуюся анимацию.

Выделяем пуговицу. Нажимаем клавишу F12. если вы помните, именно для нее мы записывали наше Действие (Action).
Создаются сразу 7 слоев с вариантами вращения пуговицы. На панели создания анимации вносим изменения в анимацию.Первый кадр не изменяем.
На втором кадре делаем видимыми первые два слоя с пуговицами, которые еще не вращали, и два слоя с первой и второй пуговицами, повернутыми на 450.
Затем на третьем кадре делаем видимыми те же первые два слоя и слои с пуговицами, повернутыми на 900. И так далее.
Шаг 5.
Повторяем шаг 4, но для следующей пуговицы.
Уф! В итоге получаем:
