After effects шлейф движения
Обновлено: 04.07.2024
Если нужно анимировать пространственные свойства (включая «Положение», «Опорная точка» и точку управления эффектом), движение отображается как путь движения. Путь движения представляет собой последовательность точек, где каждая точка обозначает положение слоя в каждом кадре. Маркер на пути обозначает положение ключевого кадра.
Пути движения — это просто другой визуальный способ просмотра и работы с пространственными свойствами и их ключевыми кадрами. Он дополняет методы, используемые при работе со свойствами на панели «Таймлайн». Путь движения можно изменить, отредактировав существующий ключевой кадр или добавив новый ключевой кадр. Форму пути движения также можно изменить, изменив методы пространственной интерполяции для его ключевых кадров. (См. раздел Сведения о пространственной и временной интерполяции ключевого кадра.)
Плотность точек между рамками на пути движения показывает относительную скорость слоя или точки управления эффектом. Чем ближе точки расположены друг к другу, тем ниже скорость, и наоборот.
Щелкните ключевой кадр правой кнопкой мыши (Windows) или левой кнопкой мыши, удерживая нажатой клавишу COMMAND (Mac OS), чтобы открыть его контекстное меню.
Редактирование ключевых кадров для пространственного свойства с помощью инструмента «Перо» или «Выделение» на панели «Композиция» или «Слой» похоже на изменение кривой Безье для маски или фигуры в слое-фигуре. (См. раздел Сведения о путях.)
Если для пути движения использовать меньше ключевых кадров, он будет менее сложным и его будет легче изменить. С помощью инструмента сглаживания из пути движения можно удалить лишние ключевые кадры.
Отображение элементов пути движения
Пути движения положений отображаются на панели «Композиция». Пути движения опорной точки и точек управления эффектом отображаются на панели «Слой».
- Чтобы отобразить элементы пути движения на панели «Композиция», выберите команду «Вид» > «Параметры просмотра» и выберите параметры «Элементы управления эффектом», «Ключевые кадры», «Пути движения» и «Дескрипторы движения». Чтобы отобразить путь движения положения на панели «Композиция», необходимо выбрать свойство «Положение».
- Чтобы отобразить элементы пути движения на панели «Слой», выберите свойство или эффект в меню «Вид» в нижней части панели «Слой».
- Чтобы определить количество ключевых кадров, отображаемых для пути движения, выберите команду «Правка» > «Установки» > «Отображение» (Windows) или «After Effects» > «Установки» > «Отображение» (Mac OS) и выберите параметр в разделе «Путь движения».
- Чтобы указать размер дескрипторов направления кривой Безье для путей движения, выберите команду «Правка» > «Установки» > «Общие» (Windows) или «After Effects» > «Установки» > «Общие» (Mac OS) и измените значение размера точки пути.
Перемещение ключевых кадров пути движения
На панели «Таймлайн» выберите слой, для которого нужно изменить путь движения. Если ключевой кадр, который нужно изменить, не виден на панели «Композиция» или на панели «Слой», переместите индикатор текущего времени на нужный ключевой кадр. На панели «Композиция» или «Слой» с помощью инструмента «Выделение» переместите ключевой кадр или его дескрипторы.Индикатор текущего времени не должен обязательно находиться в ключевом кадре перед его перетаскиванием.
Можно одновременно переместить несколько ключевых кадров. Для этого выделите их на панели «Таймлайн» перед перетаскиванием на панели «Композиция» или «Слой». Чтобы переместить весь путь движения, выделите все ключевые кадры, щелкнув название свойства на панели «Таймлайн» перед перетаскиванием ключевого кадра на панели «Композиция».
Добавление ключевого кадра в путь движения с помощью инструмента «Перо»
Отобразите путь движения, который нужно изменить, на панели «Композиция» или «Слой». На панели «Инструменты» выберите инструмент «Перо» или «Добавить вершину» . На панели «Композиция» наведите инструмент «Перо» на точку пути движения, в которую нужно добавить новый ключевой кадр, и щелкните левой кнопкой мыши.Новый ключевой кадр появится в кадре, выбранном на пути движения, и на панели «Таймлайн». Для перемещения ключевого кадра используйте инструмент «Выделение».
Хотя результат будет отличаться, методы работы с кривыми путей движения с помощью инструмента «Перо» похожи на методы создания и изменения других путей на основе кривой Безье, таких как пути маски и формы.
Создание наброска пути движения с помощью инструмента «Набросок движения»
Путь движения для выбранного слоя можно нарисовать с помощью инструмента «Набросок движения», который записывает положение слоя и скорость рисования. В процессе рисования ключевой кадр «Положение» создается в каждом кадре.
Инструмент «Набросок движения» не влияет на ключевые кадры, настроенные для других свойств. Например, если были заданы ключевые кадры «Поворот» для изображения мяча, с помощью инструмента «Набросок движения» можно создать такие ключевые кадры, чтобы казалось, что мяч катится вдоль созданного пути.
Джон Дикинсон (John Dickinson) демонстрирует работу с инструментом «Набросок движения» в своем видеоуроке на веб-сайте Motionworks.
На панели «Композиция» или «Таймлайн» выберите слой, для которого нужно сделать набросок пути движения. На панели «Таймлайн» установите маркеры рабочей области на продолжительности, в которой нужно сделать набросок движения. Чтобы слышать звук в своей композиции при создании наброска, убедитесь, что на панели «Предпросмотр» не нажата кнопка отключения звука. Выберите соответствующие параметры для наброска движения.Включает каркасное представление слоя при создании наброска пути движения.
Отображает статическое содержимое кадра, в котором создается набросок на панели «Композиция». Этот параметр полезен, если нужно сделать набросок движения по отношению к другим изображениям в композиции.
Исключает ненужные ключевые кадры из пути движения. Этот параметр аналогичен использованию параметра «Допуск» с инструментом сглаживания. Более высокие значения дают более сглаженные кривые, но при слишком высоком значении не сохранится форма создаваемой кривой.
Путь движения можно сгладить после его создания, использовав выражение сглаживания или инструмент сглаживания.
Отношение скорости записанного движения к скорости воспроизведения. Если скорость захвата равна 100 %, движение воспроизводится с той же скоростью, с которой оно было записано. Если скорость захвата больше 100 %, движение воспроизводится медленнее, чем оно было записано.
After Effects автоматически завершит захват, когда время захвата достигнет конца рабочей области (которое по умолчанию совпадает с продолжительностью композиции).
Создание пути движения из пути маски, формы или заливки
Путь движения можно создать из пути любого типа.
Свойство «Путь маски»
Свойство «Контур фигуры» в слое-фигуре
Свойство «Путь» для обводки рисованием
Путь, скопированный из Illustrator или Photoshop
Любой из этих путей можно вставить в свойство «Положение» или «Опорная точка» слоя или в свойство «Положение» опорной точки эффекта. Вставленные ключевые кадры задаются с привязкой ко времени (за исключением первого и последнего), чтобы обеспечить постоянную скорость вдоль пути.
По умолчанию продолжительность вставленного пути движения составляет 2 секунды. Продолжительность можно настроить, перетащив первый или последний ключевой кадр на панели «Таймлайн».
Выберите свойство «Путь» на панели «Таймлайн» и выберите команду «Правка» > «Копировать».
Выделите контур в Illustrator или Photoshop и выберите команду «Правка» > «Копировать».
На панели «Таймлайн» выберите свойство, в которое нужно вставить путь. Поместите индикатор текущего времени в точку времени для первого ключевого кадра пути движения.В этом видео на веб-сайте Creative COW Эндрю Дэвис (Andrew Devis) показывает, как использовать пути из Illustrator в качестве путей движения в After Effects.
При просмотре одного кадра кинофильма или видео, содержащего движущийся объект, картинка часто бывает смазанной или размытой, так как кадр представляет один фрагмент времени (на кинопленке время одного кадра составляет 1/24 секунды). За это время движущийся объект успевает оказаться в нескольких разных местах на кадре, поэтому он не отображается как резкий неподвижный объект. Чем быстрее движется объект, тем сильнее он смазывается. Угол и фаза затвора камеры также влияют на размытие, так как они определяют время нахождения затвора в открытом состоянии и момент открытия затвора по отношению к началу кадра.
С другой стороны, иногда один кадр компьютерной анимации не позволяет определить, какие объекты перемещаются, потому что все движущиеся объекты могут выглядеть четкими и резкими, как будто они неподвижны. Без размытия в движении анимация слоя будет похожа на набор кадров, выхваченных стробоскопом, а не на плавное изменение картинки. Добавление размытия в движении в слои, которые анимируются в After Effects, делает движение более плавным и естественным.
Размытие в движении добавляется в каждый слой по отдельности, и также его можно включить для предпросмотра и конечного вывода. Для включения или отключения размытия в движении для предпросмотра используйте переключатель «Включить размытие в движении» в верхней части панели «Таймлайн». Измените параметры визуализации на панели «Очередь рендеринга», чтобы включить или отключить рендеринг размытия в движении для окончательного вывода. Если в категории «Общие установки» включен параметр «Переключатели изменяют вложенные композиции», для вложенных композиций наследуются параметры родительских композиций. (См. раздел Сведения о создании предварительных и вложенных композиций.)
Размытие в движении замедляет рендеринг, поэтому при работе можно отключить изменение композиций и включить его, когда надо просмотреть конечный результат.
Чтобы включить размытие в движении для слоя, выполните одно из предложенных ниже действий.
- Щелкните переключатель «Размытие в движении» для слоя на панели «Таймлайн».
- Выберите слой, а затем — команду «Слой» > «Переключатели» > «Размытие в движении».
Количество образцов, которые After Effects использует для расчета размытия в движении, адаптируется для каждого слоя в зависимости от движения этого слоя. Эта адаптивность обеспечивает высокое качество размытия в движении без необходимости дискретизировать движение медленно движущегося слоя с частотой дискретизиации движения быстро движущегося слоя. Чем выше частота дискретизации, тем ниже скорость рендеринга.
Если для композиции включено размытие в движении, а масштаб панели «Таймлайн» увеличен настолько, что можно видеть отдельные кадры, вокруг индикатора текущего времени светло-серая область, обозначающая фазу и угол затвора. Ширина столбца обозначает угол затвора, а смещение столбца — фазу затвора. Это визуальное представление показывает, как дискретизируются отдельные кадры для расчета размытия в движении в этой композиции.
Размытие в движении можно использовать при анимации слоя, например когда слой текста движется на экране. Размытие в движении нельзя добавить движение, которое уже существует в слое, с помощью переключателей «Размытие в движении» для слоя и композиции.
Для большей плавности и естественности видео, частота кадров которого намного меньше или больше, чем у оригинала, используйте наложение кадров, а не размытие в движении.
Чтобы создать искусственное размытие в движении, см. раздел Применение размытия в движении.
Параметры размытия в движении на вкладке «Дополнительно» раздела «Настройки композиции»
Выборок на кадр
Минимальное количество выборок. Это количество выборок, используемых для кадров, для которых After Effects не может определить адаптивную частоту дискретизации на основе движения слоя. Эта частота дискретизации используется для 3D-слоев и слоев-фигур.
Адаптивное ограничение выборок
Максимальное количество выборок.
Угол затвора измеряется в градусах, имитируя экспозицию, предоставляемую вращающимся затвором. Угол затвора использует частоту кадров видеоряда для определения сымитированной экспозиции, влияющей на величину размытия в движении. Например, ввод 90° (25 % от 360°) для видеоряда с частотой 24 кадра/с создает эффективную экспозицию 1/96 секунды (25 % от 1/24 секунды). Ввод 1° практически не создает размытия в движении, а ввод 720° накладывает очень большой объем размытия.
Значение фазы затвора, составляющее –1/2 от значения угла затвора, лучше всего подходит для слоя, который наложен на другой слой с использованием данных отслеживания движения. (Пример: фаза затвора = –90°, угол затвора = 180°.) Такая комбинация параметров обеспечивает размытие по центру на исходном объекте.
Применение размытия в движении к маске
Эффект размытия в движении создается на основе движения маски в композиции. Размытие в движении можно применить к отдельным маскам. Чтобы отобразить размытие в движении для любого слоя или маски в пределах слоя каждой композиции, необходимо щелкнуть переключатель «Включить размытие в движении».
Всем привет! В этой статье я хочу поговорить с Вами о 5 простых, но тем не менее очень полезных выражениях. Эти выражения я использую чуть ли не в каждом втором проекте и они существенно облегчают мою жизнь.
1) Итак, первое из них - это loopOut(). Простенькое выражение для зацикливания анимации. Допустим, у нас есть бабочка, собранная из трех частей: левое крыло, правое и тело.
И нам необходимо сделать так, чтобы крылья без остановки вращались вокруг оси Y, создавая тем самым эффект реалстичных махов крыльями. Но представляете, сколько ключевых кадров нам нужно поставить, чтобы анимировать крыло на протяжении маленькой пятисекундной композиции. По моим подсчётам около 60! И, чтобы не возиться с этим огромным количеством ключевых кадров, разработчики программы придумали одно простое выражение - loopOut.
Поэтому, мы находим параметр Rotation Y и слева от него кликаем по значку с секундомером. После чего, в начале композиции появится ключевй кадр, измените значение параметра для этого ключа на -80. После этого мы переходим на 4 кадра вперед и изменяем значение параметра Rotation Y на 80. Затем ещё 4 кадра вперед и меняем значение параметра обратно на -80. Таким образом мы получили 3 ключевых кадра.
После этого мы зажимаем клавишу Alt и кликаем ещё раз по значку с секундомером. Появится текстовая область для выражения. В ней мы пишем loopOut().
Всё, теперь наша анимация продолжается до самого конца композиции без всяких ключевых кадров.
2) Ок, правое крыло мы анимировали. Теперь займемся левым. Не будем повторятся, и левое крыло анимируем немного другим способом. Все Вы, наверно, ещё со школьной скамьи помните замечательную математическую функцию синус. Так давайте воспльзуемся ею и здесь. Делаем Alt+клик по значку с секундомером слева от параметра Rotation Y левого крыла. В появившемся окне пишем Math.sin(time).
Крыло перемещается, но совсем незаметно. Попробуем увеличить частоту вращения, для этого в скобках time умножим на 15.
Отлично частоту мы увеличили, но, как Вы помните, значения синуса находятся в диапазоне от -1 до 1. Поэтому и амплитуда вращения крыла у нас такая маленькая. Чтобы увеличить её умножим всё это выражение на 80.
В итоге получим: 80*Math.sin(time*15). Можно, конечно, немного увеличить частоту, но это уже на Ваше усмотрение.
3) Wiggle. Наверно, самое используемое выражение в среде After Effects, и всё-таки не все знают для чего оно предназначено. Wiggle отвечает за хаотичные перемещения. Вообще функция wiggle имеет целых пять аргументов, но в основном используются только два. Первое - это частота, второе - амплитуда колебаний. Рассмотрим на примере. Я анимировал положение бабочки, теперь она перемещается из левого нижнего в правый верхний угол.
Движение ожидаемо смотрится линейно и неправдоподобно. Если мы хотим сохранить направление движения, но при этом добавить немного органичности, то нам не обойтись без wiggle. Итак, делаем Alt+клик на значке с секундомером слева от параметра Position и в текстовой области вбиваем wiggle(3,400). Смотрим и видим, что полёт бабочки стал более реалистичным. Что же означает написанное выражение wiggle(3,400). А означает оно то, что три раза в секунду с амплитудой в 400 пикселей в любом направлении будут происходить случайные колебания. Самое интересное это то, что wiggle можно применить практически к любому параметру в AE.
4) Данный пункт является не столько выражением, сколько очень интересным приёмом при работе с wiggle. Многие меня спрашивают, как можно изменять настройки функции wiggle с течением времени, или по-другому, как анимировать один из аргументов функции wiggle. Очень просто! - отвечу я Вам. Создаём нуль-объект. Затем идём Effect => Expression Controls => Slider Control. Пускай у нас будет изменятся амплитуда. Переходим к выражению, которое мы создали в предыдущем пункте. Выделяем амплитуду,
берём pickwip и тянем его до параметра Slider нуль-объекта.
Вот такое выражение мы получим в итоге:
Теперь Вы можете с легкостью анимировать значение параметра Slider и таким же образом будет менятся амплитуда.
5) И последнее о чем я хотел Вам сегодня поведать - это наипростейшее выражение с управляющей переменной time. Вы, наверное, не раз сталкивались с такими выражениями. На пример, у нас есть какой-нибудь сплошной слой, мы применяем к нему эффект Fractal Noise и, чтобы данный эффект не был статичным нам нужно анимировать параметр Evolution.
Да, можно поставить 2 ключевых кадра в начале и в конце композиции, но есть и другой путь. Делаем Alt+клик по значку с секундомером слева от параметра Evolution и пишем time. Теперь, если мы перемести индикатор текущего времени в позицию одной секунды, то значение параметра Evolution будет равнятся одному градусу. 1 секунда = 1 градус - всё очень просто!
Если нам нужно ускорить анимацию, допустим в пять раз, то мы пишем time*5.
В последнее время всё чаще появляется необходимость интеграции различных графических объектов в видео. Для упрощения этого процесса и достижения высокой степени синхронизации видео и графики в 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 для слоя с накладываемым изображением.
Теперь смайл в точности повторяет все движения головы спортсмена.
Возможно у Вас остался вопрос: Как же всё-таки работает этот трекинг? Очень просто! Весь механизм основан на покадровом остлеживании выбранного объекта. Поэтому, чем более контрастен выбранный объект, тем программе легче отследить его в каждом последующем кадре. Информация о каждом новом положении выбранного объекта присваивается точки привязки, расположенной в середине точки трекинга. После трекинга вся информация собранная точкой привязки передаётся якорной точки накладываемого изображения. Вот и всё.
Золотое правило: "Чем анимация "натуральней", тем она лучше выглядит в целом." Добится этой "натуральности" (то есть создать условия, для имитации законов физики - отскоков, инцерции и пр.), можно разными путями. Но создавать все это с помощью ключей очень утомительно. В этом нам помогут выражения, и в данной статье рассмотрим выражения "bounce" типа.
Inertial Bounce.
Очень распространенный эффект "отскока", который можно записать в виде выражения:
v = velocityAtTime(key(n).time - thisComp.frameDuration/10);Где, amp - амплитуда отскока, freq - частота, decay - затухание
Элемент к которому необходимо привязать данный экспрешн,переводим в 3д слой. Затем перемещаем его anchor point в то место, где будет его "центр тяжести", то есть откуда будет идти вращение. В моем случае это самый верх слоя (текст). Также создаем ключи вращения (в моем случае X rotation от 90 до 0) и в этот X rotation дописываем выражение Inertial Bounce. Также можете создать свет (Light) в композиции для еще более натурального вида анимации.
Decay Bounce.
Еще один вид отскока, на этот раз "от земли". Со следующим выражением:
veloc = thisComp.layer("Control Layer").effect("velo control")("Slider");
amplitude = thisComp.layer("Control Layer").effect("amplitude control")("Slider");
decay = thisComp.layer("Control Layer").effect("decay control")("Slider");
Проблема в том, чтобы использовать данное выражение необходимо создать дополнительный Null Object (или solid слой), назвать его как "Control Layer". Затем применить к ниму 3 фильтра Slider control, и назвать каждый как "velo control", "amplitude control", "decay control". Поставить у них значения -200,-200 и 4, соответственно. Кстати эти значения регулируют скорость (velo), амплитуду (amp) и затухание (decay) отскока. Затем на объект к которому необходимо сделать данный отскок, применяем выражение на параметр Position.
Better Bounce.
Очень простое выражение, которое можно записать в виде:
freq = effect("bounce - frequency")("Slider"); //oscillations per second
amplitude = effect("bounce - amplitude")("Slider");
Это выражение можно добавить к любому из параметру transform, главное аккуратнее подбирайте частоту отскока (freq) так как оно основано на fps проекта.
Баскетбольный мяч.
Еще одно популярное выражение имитирующее отскок баскетбольного мяча. Выражение к позиции следующее:
Vy0 = 500; //initial y velocity (pixels/second)
Vx0 = 100; // initial x velocity (pixels/second)
g = 2500; // gravity (pixels/second/second)
e = .85; //elasticity
b = floor - position[1];
T = Vy0/g + Math.sqrt(2*h/g);
if ((time-inPoint) < T)
y = Vy0*(time-inPoint) - g*(time-inPoint)*(time-inPoint)/2 + b;
if ((time-inPoint) < T)
t = (time-inPoint) - t;
>else if (T - t < thisComp.frameDuration)
[position[0] + Vx0*(time-inPoint), floor - y]
Единственное предупреждение - не ставить начальное значении объекта отскока ниже окна композиции.
Читайте также: