After Effects — простое создание анимации элемента по выбранному пути

After Effects — удивительный инструмент который помогает дизайнерам со всего мира создавать крутые анимационные штуки. Но чтобы создавать что-то большое и светлое сначала нужно понять как все устроено и уже затем творить чувствуя не боль крошащихся зубов от непонимания и бессилия того что хочется сделать круто а получается фигня, а почувствовать магию этого редактора так чтобы не задумываться о технической стороне, а просто брать и делать точно зная где что находится, а не тыкаться как слепой котенок.
Я начинаю серию уроков, руководств, советов и лайфхаков по After Effects. Думаю вам понравится. Поехали. В этом небольшом руководстве я расскажу как можно создать анимацию объекта по выбранному пути.
Вот что должно получиться:
- Создание проекта
- Создание композиции
- Pen Tool
- Ellipse Tool
- Переименование слоев
- Копирование пути
- Итоговый вариант
Создание проекта
Для начала откройте сам After Effects. Создайте новый проект:
Создание композиции
И новую композицию. Цвет на ваше усмотрение, я выбрал #111F20:
Pen Tool
Затем выберите инструмент Pen Tool на панели инструментов:
И нарисуйте линию-путь по которому будет двигаться ваш объект:
Ellipse Tool
Выберите на той же панели инструментов Ellipse Tool или нажмите на клавиатуре клавишу “Q”, и нарисуйте объект который будет двигаться по нарисованной линии:
Переименование слоев
Теперь для того чтобы не искать где есть кто — переименуйте слои линии и объекта, перейдите на панель слоев выберите нужный слой и нажмите на нем правой кнопкой мыши для вызова контекстного меню, в нем выберите пункт Rename:
Далее переместите объект к началу вашей линии:
Копирование пути
Затем перейдите на панель слоев выберите слой Line раскройте стек свойств и перейдите к свойству Contents — Shape1 — Patch1 — Patch:
Нажмите Ctrl+C чтобы скопировать этот путь.
Теперь перейдите на слой объекта — Circle и нажмите клавишу P для того чтобы активировать свойство Position нажмите Ctrl+V чтобы вставить скопированный путь тем самым привязав его к объекту.
Итоговый вариант
По сути это все, нажмите на пробел и протестируйте анимацию.
Применить это можно к примеру для карты навигации где запустить авто по выбранному пути или нарисовать сложный график где будут перемещаться маркеры да еще привязать к ним меняющиеся по мере продвижения цифры, вобщем штука очень полезная и востребованная — пользуйтесь.
P/S/ В следующем уроке я покажу как создать простой цифровой счетчик и привязать его к движущемуся маркеру.
Comments