🏠

Морфинг в After Effects

Это текстовая версия YouTube-видео "Морфинг в After Effects".

Нажмите на интересующую вас фразу, чтобы открыть видео на этом моменте.

Всем привет, меня зовут Дмитрий и в данном видео мы рассмотрим тему морфинга в After Effects. Morphing в переводе с английского означает "трансформирование", "смешивание". Если речь идет об анимации, то само понятие морфинг можно описать, как эффект плавного трансформирования одного объекта в другой. Подобные эффекты часто применяют в различных рекламных моушен-роликах и выглядят достаточно привлекательно. Морфинг в After Effects можно условно разделить на несколько видов, в зависимости от способа реализации. Существует шейповый морфинг, который подразумевает работу с фигурами, построенных на кривых. Есть еще морфинг изображений - это трансформирование каких-либо изображений или фото с помощью наложения на них различных эффектов. Начнем с шейпового морфинга, который представляет собой трансформацию фигур. Данный вид морфига в After Effects достаточно легко реализовать способом копирования параметров от одной фигуры к другой. Для примера можно взять стандартные фигуры из арсенала программы, допустим звезду и круг. Данные шейпы в After Effect имеют ряд индивидуальных параметров. Для трансформации данные параметры не нужны, поэтому эти обе фигуры нужно конвертировать в формат "Bezier Path", т.е. в обычную векторную фигуру. Для того, чтобы реализовать морфинг шейпов в After Effects нам нужен именно этот основной параметр фигуры - "Path", по-русски звучит, как "путь". Данный параметр отвечает за форму фигуры и для создания анимации трансформирования достаточно скопировать параметр Path от одного шейпа и применить его ко второму. Устанавливаем ползунок на шкале времени в начальную точку, откуда будет начинаться анимация и фиксируем ключевые точки данного параметра у обеих фигур. Перемещаем ползунок немного вперед и здесь у нас будет конечная точка анимации. Теперь для того, чтобы сделать морфинг звезды в круг необходимо скопировать параметр Path круга, выделив его и нажав комбинацию клавиш "Ctrl + С" и вставить его в звезду, выделив у данной фигуры параметр Path и нажав комбинацию клавиш "Ctrl + V". Теперь фигуру круга можно скрыть или удалить и если проиграть анимацию, то мы увидим эффект трансформации звезды в круг. Если нужно наоборот из круга сделать звезду, то соответственно, наоборот, нужно параметр звезды скопировать и вставить в конечную точку анимации у круга. Ну или просто поменять точки местами. Если нам нужна еще и третья фигура, например, квадрат, то точно также берем эту фигуру, подгоняем её по размеру и центрируем с остальными. Теперь преобразуем в Безье, выставляем в начальную точку ползунок и задаем первый ключ параметра Path. Копируем эту ключевую точку и вставляем где ни-будь вот здесь у фигуры. Скрываем квадрат и смотрим на результат. Для плавной трансформации фигуры необходимо подгонять по размеру друг к другу, если одна будем раза в два меньше другой, то анимация будет выглядеть не естественно. Кроме основного параметра Path, который отвечает за форму фигуры, можно еще взять и параметр "Color", тогда будет происходить морфинг не только формы фигуры, но и цвета. Перенесем ползунок снова в начало временной шкалы и откроем параметры цвета у фигур, зафиксируем первоначальные точки. Теперь просто берем, копируем цвет каждой из фигур и вставляем их в точках, на шкале времени, в параметр цвета нашего слоя с анимацией. В результате получаем вот такую трансформацию шейпов и их заливки. Теперь рассмотрим случай, когда вы импортируете векторные фигуры в After Effects для дальнейшего морфинга. After Effects прекрасно ладит с Adobe Illustrator, а так же просто с векторным форматом файлов, например EPS. Если мы импортируем векторную фигуру в данном формате, то увидим, что у слоя нет параметра "Path". Для того, чтобы получить данный параметр и в дальнейшем иметь возможность делать трансформацию с этой фигурой, необходимо из неё создать шейповый слой. Кликаем правой кнопкой мыши по слою и выбираем "Create" - "Create Shapes from Vector Layer". В результате у нас создаётся шейповая фигура, которая имеет параметры "Path" и "Color" и мы уже можем её заморфить, а слой с фигурой EPS формата, после данной процедуры можно просто удалить. Ну и еще один случай с шейповым морфингом рассмотрим - это когда у нас имеется не просто две фигуры, а два объекта, которые состоят из нескольких фигур и из них нужно сделать анимацию трансформации. С помощью инструмента "Перо" изобразим два объекта, которые будут состоять из нескольких фигур, например яблоко и грушу, после чего анимируем их трансформацию. Первым изобразим яблоко, установим заливку красного цвета, чтобы оно у нас было красным и рисуем фигуру самого плода. Теперь нарисуем яблоку хвостик и листик. Для того, чтобы все фигуры были у нас в одном слое, перед тем, как изобразить хвостик, нужно выделить этот слой. Выделяем, кликнув по нему левой кнопкой мыши и отрисовываем пером фигуру, меняем цвет заливки на коричневый. Листочек рисуем таким же способом. В результате у нас получился слой с объектом "Яблоко", состоящим из трёх шейповых фигур: листик, хвостик и сам плод. Теперь точно таким же способом создадим второй объект - грушу. Слой с яблоком пока можно заблокировать, активировав на против него пентаграмму замочка, чтобы он не мешал нам при создании груши.

Как и в первом случае, берем инструмент "Перо", выставляем нужный цвет и рисуем объект. Как и в первом случае, берем инструмент "Перо", выставляем нужный цвет и рисуем объект. Как и в случае с яблоком, груша у меня так же будет состоять из трёх фигур: самого плода, хвостика и листика. И так, груша с яблоком у нас готовы, как и в случае с простыми фигурами, здесь не важно какой слой будет сверху, а какой снизу. Раскроем у обоих объектов параметры и шейпы. Здесь, как и у простых фигур имеются параметры "Path" и "Color", которые нам и нужны для морфинга. Делается всё точно так же, как и с простыми шейпами, только копировать нужно параметры из каждой фигуры по отдельности. Фиксируем все необходимые параметры объектов в начальной точке анимации. Параметр "Path" у листика груши, затем "Path" у хвостика, потом "Path" и "Color" у самого плода. С яблоком проделываем тоже самое. Теперь перемещаем ползунок на таймлайне и по очереди копируем параметры каждой фигуры от одного объекта в другой. Сделаем морфинг яблока в грушу, для этого копируем параметр "Path" у листочка груши, переходим к листочку яблока, выделяем "Path" и вставляем параметры от груши. Далее переходим к хвостику. Ну и у самого плода копируем "Path" и "Color", которые вставляем в яблоко. В результате получаем вот такую анимацию морфинга. При морфинге сложных объектов, состоящих из нескольких фигур, стоит учитывать не только размеры самих объектов, но и количество фигур из которых они состоят. Например, если бы у яблока был не один листочек на хвостике, а два, то пришлось бы делать их трансформацию из одного листочка груши или просто появление второго листочка, что смотрелось бы менее привлекательно. Чем больше у фигур общего, тем их проще заморфить и анимация получается в таких случаях более плавной и естественной. Переходим к теме морфинга изображений. В отличии от фигуры, изображение не имеет составных точек и линий, поэтому его морфинг делается иначе, всё делается с помощью различных эффектов. Давайте рассмотрим морфинг изображений, на примере эффекта "timewarp". Данный способ морфинга изображений заключается в использовании стандартного эффекта After Effects, который называется "timewarp", в переводе это звучит, как "искривление времени". Для работы я взял четыре фотографии лиц девушек, из которых и буду делать анимацию трансформации. При создании такого морфинга важно иметь в виду, что для плавной трансформации лица человека или допустим, морды животного нужно делать привязку к таким точкам, как глаза, нос и рот. Под привязкой, я имею в виду подгонку изображений по данным параметрам, чтобы у нас эти точки были в одном положении. Например, за основу берем первое фото, открываем параметры у второго фото, выставляем "opacity" - непрозрачность примерно на 50% и подгоняем положение а если надо, то и размер второго изображения к первому, так чтобы максимально точнее совместились глаза, нос и рот. Проделываем тоже самое с остальными фото. Если же вы морфите не лицо, а допустим автомобиль, то за основу можно взять размер, т.е. подгонять объекты именно по размеру авто, ну или прицепиться к колёсам, тут все зависит от того , какой результат вы хотите получить. И так, я подогнал все фото, теперь их необходимо разместить на шкале времени так, чтобы каждое фото отображалось какое-то время, потом исчезало и включалось другое. Для этого мы просто подгоним сами дорожки слоёв по времени. Сделаем так, чтобы каждое фото отображалось одну секунду. Настраиваем время отображения слоёв вот таким образом, по секунде каждое. Последнее мы сделаем не одну секунду, а две, чтобы после эффекта у нас само изображение сразу не исчезало, а отображалось еще какое-то время. Если провести по таймлайну ползунком, или проиграть анимацию, то можно увидеть, что изображения теперь отображаются по очереди с интервалом в одну секунду и последнее длиться две секунды. Так как у нас вся анимация длится пять секунд, необходимо такое же время выставить всей композиции. Выбираем в верхнем меню "Composition" - "Composition settings" и выставляем время в пять секунд. Теперь все слои с изображениями нужно объединить в прекомпос, чтобы эффектом воздействовать сразу на все фото. Выделяем все слои, кликаем правой кнопкой мыши и выбираем "Pre-compose". Далее необходимо выполнить переназначение времени, для этого зажимаем комбинацию клавиш "Ctrl + Alt + T" и у нас появляется вот такой параметр "Time Remap" и на шкале времени появились точки начальная и конечная. Теперь в панели эффектов и пресетов ищем "timewarp" и накладываем его на прекомпос. Далее нужно настроить скорость эффекта "Timewarp". Тут важно учитывать тайминг вашей композиции. У меня стоит 30 кадров в секунду, поэтому скорость эффекта я выставлю где-то на 1.2. Если у вас тайминг композиции 60 кадров в секунду, то скорость нужно будет убавить еще примерно в два раза. Если теперь подвигать ползунок по таймлайну, то мы увидим, что никакого эффекта нет, потому что мы значительно уменьшили скорость эффекта и общее время анимации просто не укладывается в пять секунд, т.е. во время нашей композиции. Чтобы это исправить нужно просто подвинуть конечную точку "Time Remap" ближе к начальной и отрегулировать её положение так, чтобы вся анимация уместилась по времени. Для этого ставим ползунок в самый конец анимации и двигаем конечную точку к начальной, выставляя её так, чтобы у нас отобразилось последнее фото. У меня получилось вот так. Теперь, если проиграть анимацию, то мы увидим эффект морфинга изображений. Таким образом делается морфинг изображений при помощи эффекта "timewarp", вообще морфинг можно реализовывать с помощью практически любого эффекта, поэтому способов трансформации изображений существует достаточно много. В заключении можно сделать следующий вывод: для создания эффектной анимации морфинга необходимо продумывать заранее композицию и подбирать или отрисовывать похожие объекты. А так же, в случае шейпового морфинга, нужно учитывать такие нюансы, как количество элементов в объекте и параметров фигур. Ну а на этом у меня всё, всем пока и до скорых встреч!

Ad Х
Ad Х