Анимированное изменение формы | ZZ Guru

Анимированное изменение формы

Всем привет. Сегодня мы снова будем работать с After Effects. И попробуем воссоздать интересную технику: как один объект плавно изменяется в другой. Повторить его очень просто. Приступим!

035b2ee5801abcb29ea52 2

Для начала нарисуем две простые фигуры: круг и прямоугольник. Выбираем на панели инструментов инструмент «Прямоугольник» и рисуем фигуру

5c6e636ceea3a1f113fe6 3

Затем нужно нарисовать эллипс, выбрать его можно в том же инструменте прямоугольник, нужно только долго удерживать левую кнопку мыши при клике по кнопке.

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

3e1c82686e0ec221b5e46 4

Теперь поработаем над движением фигур. Начнём с эллипса. Кликните по эллипсу на панели слоёв, чтобы выбрать слой с нашим кругом и нажмите на клавиатуре клавишу «P», чтобы появился параметр Position (Положение).

9c0d177d5f6f2a0082314 5

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

ade87420760edf4eb97ef 6

Теперь поставьте указатель на временной шкале примерно на 1 секунду и 40 милисекунд и передвиньте круг на квадрат:

abc80e64710a8fc32b2af 7

Затем поставьте ещё пару контрольный точек. Одну в самом начале и одну в конце на третьей секунде. Для этого просто смещайте указатель на таймлайне и нажимайте на ромбик, который находится на панели слоёв.

f7b3494859e67b5985f63 8

Теперь нам нужно сдвинуть положение нашего круга во второй и третьей точке (средние). Нажмите на таймлайне на вторую точку и с помощью стрелок на клавиатуре сдвиньте круг левее (4 раза нажмите на стрелку влево), затем выберите третью контрольную точку и сместите положение круга вправо (4 раза нажмите на стрелку вправо). В качестве финального штриха можно выделить все 4 точки и нажать на клавиатуре клавишу «F9», чтобы движение было чуть плавнее.

8a49fc50ac58b9570e1b9 9

Теперь давайте добавим ещё поворот. Нажмём на клавиатуре клавишу «R» и добавим четыре контрольные точки для поворота в тех же местах, где находятся контрольные точки движения:

99d3f0775a9b32d72718e 10

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

Теперь нам осталось сделать изменение самой формы. Для этого выберем прямоугольник на панели слоёв и скопируем все настойки, которые мы делали для круга. Для этого нам понадобится функция «Лассо родительских слоёв». Для этого мы напротив кнопки выбираем слой, с которого хотим скопировать свойства.

d818a97a5dd5e7f75b7ff 11

После этого объекты будут двигаться одновременно.

b4223cc28e2394511dcef 12

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

61f0900ef7ade09c3dd93 13

Важно сделать так, чтобы конец круга был началом прямоугольника. Без наложений. Вот и всё!

6007b5dc4352535725f6e 14

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

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

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

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

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