ДомойОбработка фотографийУроки ФотошопАнимация движения по кругу взаимосвязанных элементов

Анимация движения по кругу взаимосвязанных элементов

Урок анимация вращения в Фотошоп. Анимация предмета, движущегося по кругу не сложна, но если речь идет о нескольких шестеренках, то стоит расположить их так относительно друг друга, чтобы получилось логичное вращение составляющих механизма. Итак, для начала нужно подготовить фон, расположить на рабочем поле первую шестеренку.

Анимация движения по кругу-01

Далее следует дублировать слой с шестеренкой. Слои следует нумеровать, чтобы в дальнейшем распределить их по кадрам. Второй слой с шестеренкой следует повернуть против часовой стрелки либо по часовой для данной шестеренки, потому что вторая будет вращаться в противоположный бок, а третья в тот же, что и первая шестеренка.

Поворот выполняется при помощи функции «Поворот» во вкладке «Редактирование» – «Трансформация».

Для точности выполнения действия следует оставлять видимым слой, в котором производится действие и предыдущий.

Анимация движения по кругу-02

Аналогичные действия выполняются с дубликатом слоя, который получает номер 3 и его предшественником слоем 2.

Анимация движения по кругу-03

По такому принципу формируется полный оборот шестеренки.

Анимация движения по кругу-04

При дублировании слоев и их повороте может произойти смещение слоев, поэтому следует после поворота каждого слоя инструментом «Перемещение» выравнивать верхний слой относительно нижнего.

Анимация движения по кругу-05

После того, как будет сформирован оборот первой шестеренки можно вставлять вторую шестеренку и производить поворот дубликатов слоев второй шестеренки относительно первой. Каждый слой, отвечающий за оборот второй шестеренки, должен быть подогнан под соответствующий слой, формирующий оборот первой шестеренки. Слои второй шестеренки поворачивать ориентируясь на резьбу слоев первой шестеренки.

Анимация движения по кругу-06 Анимация движения по кругу-07

После того, как будет выполнен оборот второй шестеренки, следует выполнить оборот третьей шестеренки относительно второй.

Анимация движения по кругу-08 Анимация движения по кругу-09

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

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

Анимация движения по кругу-10

На первом кадре следует выставить параметры анимации: время отображения кадра и параметры цикла «Постоянно» для беспрерывной анимации.

Анимация движения по кругу-11

На первом кадре следует оставить видимыми первые кадры для оборотов шестеренок, то есть слои с номерами 1.

Далее создаются кадры и для каждого из них должен быть видимыми соответствующие слои с номерами: кадр 2, значит слои с номерами 2.

Анимация движения по кругу-12

После распределения слоев по кадрам следует сохранить анимацию.

Анимация движения по кругу-13 Анимация движения по кругу-14

Анимация вращения в Фотошоп, результат:

Анимация вращения в фотошоп

Предыдущая статья
Следующая статья

ОСТАВЬТЕ КОММЕНТАРИЙ

Пожалуйста, введите ваш комментарий!
пожалуйста, введите ваше имя здесь

ПОХОЖИЕ СТАТЬИ