в ,

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

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

035b2ee5801abcb29ea52

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

5c6e636ceea3a1f113fe6

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

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

3e1c82686e0ec221b5e46

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

9c0d177d5f6f2a0082314

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

ade87420760edf4eb97ef

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

abc80e64710a8fc32b2af

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

f7b3494859e67b5985f63

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

8a49fc50ac58b9570e1b9

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

99d3f0775a9b32d72718e

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

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

d818a97a5dd5e7f75b7ff

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

b4223cc28e2394511dcef

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

61f0900ef7ade09c3dd93

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

6007b5dc4352535725f6e

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

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

Проголосуйте:

Аватар
Подписаться
Уведомить о
0 комментариев
Межтекстовые Отзывы
Посмотреть все комментарии
shablony videoguru

Простая Motion Graphics анимация

shablon illyustrator

Лого в виде печатной машинки в Adobe Illustrator