ZZGURU
Загрузка

Анимация геометрических фигур. Прямоугольники

Екатерина Гронь
0 комментарий

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

Давайте попробуем сделать такую анимацию:

Создаём композицию с такими параметрами и начинаем

Выбираем инструмент Rectangle Tool (Прямоугольник) на панели инструментов, либо просто выбираем его с помощью клавиши Q на клавиатуре и рисуем прямоугольник, который полностью заполняет нашу композицию.

Лайфхак: если быстро дважды кликнуть по иконке прямоугольника, он автоматически нарисуется по всему размеру композиции. Это значительно упрощает работу)

Теперь нам нужно сдвинуть ползунок на таймлайне на первую секунду.

Когда вы это сделали, нажмите на клавиатуре клавишу P, чтобы в списке слоёв у вас появился параметр Position (Положение). И нажмите на значок секундомера, который находится рядом с ним. У вас появится контрольная точка на таймлайне.

Затем возвращаем ползунок на таймлайне в нулевую секунду и сдвигаем наш прямоугольник так, чтобы его нижний правый угол находился в центре композиции:

Теперь выделите обе контрольные точки и сместите их на секунду вперед.

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

У нас получилась простая анимация:

Но выглядит она предельно скучной. Давайте сделаем её лучше.

Для начала выделите все контрольные точки и нажмите клавишу F9 на клавиатуре для применения эффекта Easy Ease (Плавное замедление). А затем нажмите на кнопку Graph Editor (Редактор диаграмм) для тонкой настройки замедления.

Чтобы замедление было более резким, сделайте так:

Стало уже интереснее. Теперь добавим ещё прямоугольники, которые будут сменять друг друга. Достаточно просто скопировать слой с прямоугольником с помощью комбинации CTRL+C и снова его вставить с помощью комбинации CTRL+V.

Теперь у нас есть два одинаковых прямоугольника с одинаковыми анимациями. Нам нужно сместить на секунду анимацию движения и изменить цвет.

Чтобы изменить цвет, выбираем слой с нашим прямоугольником и на панели инструментов нажимаем кнопку выбора цвета:

Подберите цвет по вкусу.

Чтобы сместить анимацию, выделите все контрольные точки у нового слоя на таймлайне и сместите их на 1 секунду:

Теперь у нас один прямоугольник сменяет другой. Уже интереснее. Но можно сделать ещё лучше.

Скопируйте ещё 4 раза слой с прямоугольником, меняя цвет и сдвигая контрольные точки ещё на 1 секунду вперёд.

В конечном счёте должно получиться 6 слоёв, где каждый прямоугольник появляется через секунду:

Вот так просто и быстро у нас получилось сделать классную анимацию.

На этом у меня все. До скорого!

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

0 комментарий

Похожие статьи

0 комментариев
Межтекстовые Отзывы
Посмотреть все комментарии