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

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

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

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

49879e27a9ed855891982 2

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

d2c90e1e06c1b7563a3a8 3

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

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

2883b15ddc051022e4fce 4

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

145fc784ce65f94ed5004 5

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

63e59f85c84080fec2ec1 6

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

8067880f7e018430752e8 7

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

0f787f4e2bd2a2c072508 8

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

afbb5673d72164fb208f7 9

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

b2a1ecdbbc3b5aaf5a5bd 10

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

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

8a853a0f2ab325d5c65a1 11

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

14b471fba7bdf94960efe 12

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

bfb5a8a6538307a0c5366 13

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

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

033bb423717a65e3a825e 14

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

2c4826be17c16c1894d7c 15

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

5939504e27ce53b9d6f99 16

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

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

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

262cfbbd2a698f539e444 17
fa0c233ceef7ec477c36e 18

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

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

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

Космическая ретушь
0 комментарий

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

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