Как сделать маршрут в after effects
В этом уроке мы анимируем путь по карте в программе After Effects. Это очень полезная композиция, которая часто используется на сайтах, в промо и рекламных роликах. В ходе этого урока, вы узнаете много интересных приемов, а также поработаете с анимацией и выражением.
По заданным фильтрам ничего не найдено
Попробуйте изменить критерий поиска, или сбросить фильтры.
Комментарии 145
Все ушли на фронт?
готовый продукт по заказу такого плана, выведенный в формат mp4. возможен (использование больших карт, протяженность порядка 3000 км автомобильных дорог) (прикрепил пример)?
а как скачать то ? , почему то я не вижу тут кнопки скачать . урок всего 30 минут а я уже 2 часа копаюсь с регистрацией а теперь и ссылки нет
Здравствуйте.Подскажите как скачать команды?
Здравствуйте, у меня видео камера почему-то не хочет открывать 3D проекцию, переделывала, начиная всё сначала. 5 раз, всё равно после создания слой - камера, всю композицию перечёркивает крест на крест и камера не поднимает карту . вообще все стопорится. Пожалуйста подскажите, что я делаю не так?
Прошу совета! При импорте проекта из AE 2020 в AP CC 2020 пишет что не моет найти кодек HUE SATURATION. после открывает слой FINAL, на котором карта не 3D а просто скрин, 2 указателя, анимации нет. то есть все в исходных вариантах. Что мне делать, может быть я не так импортирую?
Всем привет. Первый раз сделал сам - просто повторяя движения в видео.
Ребята, подскажите, как вывести в GIF то, что получилось ?
Прошу помощи, так как чувствую себя полным дубом. Какой командой это можно отключить? Спасибо!
Здравствуйте, что именно отключить? Если вопрос про шашечку "прозрачности" вокруг маркера - файл у вас jpg формата и альфа-канала на нем нет, поищите другой маркер
Уважаемый Автор! Спасибо за видео. Прошу помощи, так как чувствую себя полным дубом. При добавлении png картинки в виде маркера (капля) на Вашем видео объект по умолчанию прозрачный (зоны пустоты выделены серо-белой шахматной доской), но у меня все png объекты отображаются с этой доской на проекте. Какой командой это можно отключить? Спасибо!
Добрый день, подскажите пожалуйста 19:03-19:05, каким сочетанием клавиш, сделали так, чтобы можно было переместись с одного места карты на другой при помощи камеры.
Здравствуйте, зажатием колёсика мыши
Возникла проблема!(( Приложение AE не читает?((
Здравствуйте, прикрепите скриншот, пожалуйста
Делала этот урок раньше - все было прекрасно. Но в этот раз при загрузке в АЕ скриншота карты очень сильно теряется его качество, изображение бьется на пиксели. Где я накосячила? какие настройки посмотреть? Спасибо!
Добрый день! Прошу прощения за возможно невежественный вопрос, но данную программу открываю в первый раз в жизни. Поэтому возможно это кому покажется элементарным. Дошел до момента когда построил маршрут на карте. Выставил временные точки анимации. Вроде все получилось. Когда двигаешь мышкой временную шкалу все работает. Не могу включить что бы все это теперь без помощи мышки работало.
Помогите пожалуйста решить проблему, когда я переключаю камеру Active Camera в ТОР размер карты постоянно сдвигается, становиться слишком большим или наоборот.
Спасибо. Все понятно. Удачи вам и здоровья!
Я всё уже нашёл)
Здравствуйте можете пожалуйста кинуть map marker на проз. фоне а то из гугла адоб не берёт(
Извините, за тупой вопрос. Но я не нашёл маркеры! как и где их найти?
Супер уроки. Реально годный контент!
Спасибо за урок!
Подскажите начинающему, если нужен маршрут в виде дуги (передвижение на самолете).
Как нарисовать правильную дугу?
Можно создать круг с зажатым Shift, а затем удалить у него ненужные точки
Спасибо за урок.
Нужен совет. Вот все сделал по уроку, все получилось. Но я анимировал положение камеры. И теперь вопрос: во время начального перемещения камеры, маркеры расположены перпендикулярно камере. В конечной точке положения камеры, маркер расположен под углом. А я хочу чтобы на протяжении перемещении камеры, маркеры и текст были перпендикулярны камере, т.е. крутиться вокруг своей оси. как это реализовать? Всем спасибо за любой совет.
Здравствуйте! Делаю первые шаги в изучении графики.
Урок понравился! Можно ли сделать урок немного попроще. Чего хочется:
все то же, только в 2D. В первую очередь меня интересует слежение камеры по маршруту. Спасибо заранее!
Для слежения "камеры" по маршруту можете создать нулевой объект, к которому нужно будет привязать карту и все нужные объекты на ней. Таким образом, перемещая и анимируя такой нулевой объект вы сможете добавиться эффекта движения камеры.
В последнее время всё чаще появляется необходимость интеграции различных графических объектов в видео. Для упрощения этого процесса и достижения высокой степени синхронизации видео и графики в After Effects присутствует функция трекинга. Что такое трекинг? Трекинг — это отслеживание местоположения движущегося объекта в кадре. Трекинг бывает нескольких типов. В этом уроке мы разберём одноточечный трекинг.
Шаг 1.
И для начала импортируйте видео, к которому желаете применить трекинг, на панель Project. Далее, удерживая кнопку мыши, перенесите файл с видео на кнопку Create a new Composition.
Тем самым Вы создадите новую композицию с теми же параметрам, что и у исходного видео. Исходное видео автоматически перекинется в эту композицию.
Итак, у меня есть видео с бегущим человеком. Я хочу отследить движение его головы в кадре на протяжении всего клипа. Затем я использую полученную информацию для того, чтобы заменить его голову смайликом.
Изображение со смайликом я заранее скачал и импортировал на панель Project.
Шаг 2.
Для продолжения работы мне нужно перенести изображение со смайликом (в вашем случае это может быть любое изображение) на панель Timeline и расположить его над видео, т. е. первым слоем.
Шаг 3.
Переместите индикатор текущего времени в начальную точку. Расположите изображение (смайлик) над тем местом в кадре, местоположение которого желаете отследить. В моём случае это голова спортсмена. При необходимости отмасштабируйте изображение.
После того, как Вы расположили изображение в нужном месте, скройте его отображение, кликнув по кнопке Video.
Шаг 4.
Теперь кликните по слою с видео на панели Timeline, чтобы сделать его активным. Выполните команду Window => Tracker.
Откроется панель Tracker. Нажмите на кнопку Track Motion (Отслеживание движения).
Слой с видео откроется в панели Layer. Стоит отметить, что трекинг (отслеживание движения) всегда осуществляется в панели Layer. Там же Вы увидите точку трекинга (Track Point 1).
Шаг 5.
Теперь начинается самое интересное. А именно, нам необходимо разместить точку трекинга над той частью кадра, движение которой мы желаем отследить, ну и конечно же осуществить непосредственно сам трекинг. Как я уже отмечал, я хочу отследить движение головы спортсмена.
Здесь важно помнить, что отслеживаемая часть кадра должна выделятся на фоне остального кадра, т. е. должна быть контрастной. Если же отслеживаемая часть кадра будет сливаться с остальной частью кадра, то трекинг, скорее всего, будет некорректным.
Например, движение головы мы ещё сможем отследить, но движение левой руки наврятли, потому что она сливается с остальной частью кадра.
Всё, мы нашли подходящую часть кадра (у меня это всё та же голова спортсмена). Теперь наведите курсор на Track Point 1, курсор примет следующий вид:
и, удерживая кнопку мыши переместите Track Point 1 на ту часть кадра, которую Вы отслеживаете.
Теперь займёмся настройкой точки трекинга Track Point 1. Точка трекинга состоит из двух областей: область элемента — это внутренний квадрат, область поиска — внешний квадрат. В середине точки трекинга расположена точка привязки.
Необходимо, чтобы отслеживаемая часть кадра полностью попадала в область элемента, а область поиска немного превышала область элемента. Пока у нас всё не так. Исправим это. Кликните мышью по точке трекинга, у обоих областей появятся боковые маркеры. Перетаскивая маркеры мышью, разместите области, как описывалось выше. Вот, что получилось у меня:
Шаг 6.
Итак, мы разместили точку трекинга над отслеживаемым элементом. Теперь перейдите к панели Tracker. Удостоверьтесь, что в пункте Motion Target выбран Ваш слой с изображением (в моём случае это слой со смайлом). Если это не так, кликните по кнопке Edit Target и выберите необходимый слой.
Убедитесь, что индикатор текущего времени находится в начальной позиции. Далее кликните по кнопке Analyze Forward, чтобы начать процедуру трекинга.
По окончании трекинга нажмите на кнопку Apply (Применить), появится окно, в котором следует нажать кнопку ОК.
Если результаты трекинга Вас не устроили, то вместо кнопки Apply кликните по кнопке Reset, и проделайте трекинг заново.
В результате трекинга я получил вот такую вот траекторию движения головы спортсмена.
Шаг 7.
В заключении Вам осталось лишь включить переключатель Video для слоя с накладываемым изображением.
Теперь смайл в точности повторяет все движения головы спортсмена.
Возможно у Вас остался вопрос: Как же всё-таки работает этот трекинг? Очень просто! Весь механизм основан на покадровом остлеживании выбранного объекта. Поэтому, чем более контрастен выбранный объект, тем программе легче отследить его в каждом последующем кадре. Информация о каждом новом положении выбранного объекта присваивается точки привязки, расположенной в середине точки трекинга. После трекинга вся информация собранная точкой привязки передаётся якорной точки накладываемого изображения. Вот и всё.
Здравствуйте. И для начала импортируйте в панель Project изображение карты, по которой желаете проложить путь.
Шаг 2.
Теперь создадим новую композицию. Для этого выполните команду Composition => New Composition, или нажмите сочетание клавиш Ctrl+N.
Перед Вами появится окно с настройками новой композиции. Измените настройки «под себя» и нажмите ОК.
Шаг 3.
Кликните по файлу с картой на панели Project и, удерживая кнопку мыши, перенесите карту на панель Timeline. Карта перенесётся туда отдельным слоем.
Шаг 4.
Создайте новую фигуру. Для этого выполните команду Layer => New => Shape Layer.
Слой с фигурой появился на панели Timeline (пока этот слой пуст).
Шаг 5.
Изменим настройки нового слоя с фигурой. Обратите внимание, что над панелью Composition появилось несколько новых настроек. Их мы и будем менять.
Для начала кликните по надписи Fill (Заливка) и в появившемся окошке выберите пункт None (Без заливки).
Теперь кликните по параметру Stroke (Обводка). В появившемся окне выберите пункт Solid (Сплошная).
Кликните по прямоугольнику справа от надписи Stroke и выберите красный (тёмно-красный) цвет.
Измените толщину обводки на 12 px.
Всё, с настройками мы разобрались.
Шаг 6.
Выберите инструмент Pen Tool
. Убедитесь что в панели Timeline выбран слой с фигурой. Далее перейдите к панели Composition и кликните мышью в том месте, где должен начаться Ваш путь.
Далее кликните мышью в следующем месте, где должен пройти Ваш путь. Между точками появится красная прямая линия.
Таким образом Вы можете проставить сколь угодно много точек по всему Земному шару (я ограничился тремя).
Итак, путь нарисован. Давайте теперь отредактируем его.
Шаг 7.
Кликните и удерживайте кнопку мыши на инструменте Pen Tool в палитре Tools, пока не появится выпадающее меню. В нём выберите инструмент Convert Vertex Tool
Кликните по любой из точек, которые мы проставляли в предыдущем пункте. По бокам от точки появятся дополнительные маркеры. Перетаскивая эти маркеры Вы можете управлять кривизной прямых, соединяющих точки. С первого раза может не получится, но поупражнявшись некоторое время Вы с лёгкостью проделаете это задание.
Вот что у меня получилось в итоге.
Шаг 8.
Выберите слой с фигурой на панели Timeline. Кликните по серому треугольнику слева от имени слоя, чтобы раскрыть его свойства. Напротив группы свойств Contents кликните по кнопке Add (Добавить) и в выплывающем списке выберите пункт Trim Paths.
Добавится новое свойство Trim Paths. Раскройте его.
Смысл параметров Start, End и Offset я объяснять не буду. Просто поиграйтесь с их значениями и Вы сами всё поймёте.
Шаг 9.
Добавим анимации нашему пути. Для этого переместите индикатор текущего времени в начальную позицию. Анимируйте параметр End, кликнув по изображению секундомера слева от его имени. Измените значение параметра End в начальной точке на 0.
В начальной позиции появится ключевой кадр.
Шаг 10.
Переместите индикатор текущего времени в конец временной шкалы и измените значение параметра End на 100. Появится новый ключевой кадр. Теперь наш путь прорисовывается с течением времени.
Шаг 11.
С анимацией мы закончили. Теперь давайте изменим внешний вид линий. У слоя с фигурой выберите группу свойств Contents, в ней группу Shape 1, далее раскройте группу Stroke 1. Здесь выберите параметр Dashes (Штрихи) и напротив него нажмите на кнопку «плюс».
В итоге линии из сплошных превратились в пунктирные. При помощи параметра Dash отредактируйте длину штриха.
Шаг 12.
В заключении измените режим наложения на панели Timeline с Normal на Multiply. Делается это при помощи меню Mode.
Если меню Mode не отображается кликните по кнопке Toggle Switches/ Modes в нижней части панели Timeline.
На этом всё. Надеюсь у Вас всё получилось. До встречи в следующих уроках и курсах After Effects!
Изначально вам нужно будет скачать бесплатную программу zxp, через которую вы сможете скачать дополнение для вашего After Effects. Открываете его, после чего скачиваете пак с расширением, под названием motionbro. В нем будет много всего полезного, в том числе и крутые переходы.
Устанавливаете расширение, через zxp, и заходите в After Effects.
Открыв программу, вы должны будете зайти в Edit, а далее в General.
У вас откроется табличка с настройками, где вы должны будете поставить галочку там, где на скрине ниже мы показываем вам мышкой.
После этого вы выбираете пункт Window, на панели сверху, там выбираете Extension, и выбираете Motion Bro.
После этого у вас откроется панель Motion Bro, которую вы видите на скринах выше, т.к. у нас она уже давно установлена. Вам останется только забросить бесплатный пак для Motion Bro, чтобы добавить сюда много различных «плюшек», в том числе и переходов.
Обратите внимание на несколько пунктов, находящихся под названием программы. Все они предназначены для переходов. Давайте же наглядно покажем вам, как их установить. Возьмем 2 картинки и немного растянем их по таймлайну.
Далее остается только выбрать переход, из пунктов, о которых мы писали выше, после чего у вас на видео создается подобие кейфрейма.
Перенесите его на ваше видео и все, у вас будет готовый крутой и уникальный переход, между картинками. Аналогичным образом вы сможете добавить такие переходы на видео и на анимацию.
Всем привет. Вы наверняка видели подобные эффекты анимации пути в разных телепередачах, особенно о путешествиях. В этом уроке я хочу пошагово показать вам, как создать анимированный путь в After Effects.
Шаг 1
Здравствуйте! И для начала импортируйте в панель Project изображение карты, по которой желаете проложить путь.
Шаг 2
Теперь создадим новую композицию. Для этого выполните команду Composition => New Composition, или нажмите сочетание клавиш Ctrl+N.
Перед вами появится окно с настройками новой композиции. Измените настройки «под себя» и нажмите ОК.
Шаг 3
Кликните по файлу с картой на панели Project и, удерживая кнопку мыши, перенесите карту на панель Timeline. Карта перенесётся туда отдельным слоем.
Шаг 4
Создайте новую фигуру. Для этого выполните команду Layer => New => Shape Layer.
Слой с фигурой появился на панели Timeline (пока этот слой пуст).
Шаг 5
Изменим настройки нового слоя с фигурой. Обратите внимание, что над панелью Composition появилось несколько новых настроек. Их мы и будем менять.
Для начала кликните по надписи Fill (Заливка) и в появившемся окошке выберите пункт None (Без заливки).
Теперь кликните по параметру Stroke (Обводка). В появившемся окне выберите пункт Solid (Сплошная).
Кликните по прямоугольнику справа от надписи Stroke и выберите красный (тёмно-красный) цвет.
Измените толщину обводки на 12 px.
Всё, с настройками мы разобрались.
Шаг 6
Выберите инструмент Pen Tool. Убедитесь что в панели Timeline выбран слой с фигурой. Далее перейдите к панели Composition и кликните мышью в том месте, где должен начаться Ваш путь.
Далее кликните мышью в следующем месте, где должен пройти Ваш путь. Между точками появится красная прямая линия.
Таким образом вы можете проставить сколь угодно много точек по всему Земному шару (я ограничился тремя).
Итак, путь нарисован. Давайте теперь отредактируем его.
Шаг 7
Кликните и удерживайте кнопку мыши на инструменте Pen Tool в палитре Tools, пока не появится выпадающее меню. В нём выберите инструмент Convert Vertex Tool.
Кликните по любой из точек, которые мы проставляли в предыдущем пункте. По бокам от точки появятся дополнительные маркеры. Перетаскивая эти маркеры вы можете управлять кривизной прямых, соединяющих точки.
С первого раза может не получится, но поупражнявшись некоторое время вы с лёгкостью проделаете это задание.
Вот что у меня получилось в итоге.
Шаг 8
Выберите слой с фигурой на панели Timeline. Кликните по серому треугольнику слева от имени слоя, чтобы раскрыть его свойства. Напротив группы свойств Contents кликните по кнопке Add (Добавить) и в выплывающем списке выберите пункт Trim Paths.
Добавится новое свойство Trim Paths. Раскройте его.
Смысл параметров Start, End и Offset я объяснять не буду. Просто поиграйтесь с их значениями и вы сами всё поймёте.
Шаг 9
Добавим анимации нашему пути. Для этого переместите индикатор текущего времени в начальную позицию. Анимируйте параметр End, кликнув по изображению секундомера слева от его имени. Измените значение параметра End в начальной точке на 0.
В начальной позиции появится ключевой кадр.
Шаг 10
Переместите индикатор текущего времени в конец временной шкалы и измените значение параметра End на 100. Появится новый ключевой кадр. Теперь наш путь прорисовывается с течением времени.
Шаг 11
С анимацией мы закончили. Теперь давайте изменим внешний вид линий. У слоя с фигурой выберите группу свойств Contents, в ней группу Shape 1, далее раскройте группу Stroke 1. Здесь выберите параметр Dashes (Штрихи) и напротив него нажмите на кнопку «плюс».
В итоге линии из сплошных превратились в пунктирные. При помощи параметра Dash отредактируйте длину штриха.
Шаг 12
В заключении измените режим наложения на панели Timeline с Normal на Multiply. Делается это при помощи меню Mode.
Если меню Mode не отображается кликните по кнопке Toggle Switches/ Modes в нижней части панели Timeline.
На этом всё. Надеюсь у вас всё получилось. До встречи в следующих уроках.
Подписывайтесь на канал Видеогуру , чтоб не пропускать новые интересные уроки.
Читайте также: