Создаем анимированный путь по карте в After Effects

• Артем Лукьянов приветствует зрителей и предлагает использовать осень для обучения.  

• Цель урока - создание композиции с картой и анимированным маршрутом.  

• Композиция полезна для интернет-магазинов, промо и рекламных роликов.  

• Открываем браузер и выбираем карты, например, Google Maps или Яндекс Карты.  

• Артем использует карты от сервиса ДубльГИС.  

• Находим маршрут между двумя точками и масштабируем карту.  

• Делаем скриншот карты и сохраняем его на компьютер.  

• Переходим в программу Adobe After Effects и загружаем скриншот.  

• Используем маркер для создания маршрута.  

• Настраиваем внешний вид маршрута: отключаем заливку, включаем обводку, выбираем цвет и толщину.  

• Рисуем маршрут с помощью инструмента Pen Tool.  

• Анимируем маршрут с помощью модификатора Freezepass.  

• Настраиваем ключевые кадры для плавного начала и окончания анимации.  

• Создаем новую композицию с разрешением HD и длительностью 6 секунд.  

• Перекидываем карту и анимированный маршрут в новую композицию.  

• Переводим слой в 3D и поворачиваем его на 90 градусов.  

• Добавляем маркеры в точки начала и конца маршрута.  

• Окрашиваем маркеры в голубой или синий цвет с помощью эффекта.  

• Анимируем масштаб маркеров для лучшего восприятия.  

• Добавляем затухающие колебания к анимации с помощью специального выражения.  

• Копируем выражение, вставляем его в программу After Effects и настраиваем параметры.  

• Увеличиваем амплитуду колебаний для улучшения анимации.  

• Создаем дубликат первого маркера и перемещаем его в финальную точку маршрута.  

• Анимируем камеру, чтобы показать маршрут.  

• Настраиваем ключевые кадры для плавной анимации.  

• Создаем новый сплошной слой и применяем эффект градиента.  

• Настраиваем расположение маркеров для создания градиента.  

• Создаем текстовый слой и добавляем текст "метро".  

• Настраиваем шрифт, размер и цвет текста.  

• Перемещаем текст в 3D и настраиваем его положение.  

• Создаем точечный источник света и настраиваем его параметры.  

• Включаем отбрасывание теней для текста и маркера.  

• Уменьшаем черноту теней и добавляем эмбиент свет для освещения.  

• Удаляем текст и создаем маску для карты.  

• Настраиваем маску, чтобы маршрут был в центре кадра.  

• Перемещаем маркеры для улучшения композиции.  

• Перемещаем ключевые кадры для плавной анимации.  

• Проверяем финальную композицию и завершаем проект.  

• Приглашение на сайт и анонс новых курсов.