Как сделать звезды after effects
В данном уроке, на примере создания слайд шоу, мы разберём основные принципы создания анимации в After Effects, рассмотрим параметры слоёв и их использование в анимации, а так же познакомимся с инструментом "Текст", с рендерингом композиции и правильным сохранением проекта.
И так, первым делом создаём композицию, разрешение я поставлю Full HD, т.е. 1920 на 1080 пикселей, Frame rate выставлю в 25 кадров и импортируем изображения из которых будем делать слайд шоу.
Теперь помещаим изображения в композицию. Что такое композиция, зачем в неё помещать импортированные файлы и прочая основная информация для начинающих пользователей была рассмотрена в первом уроке данного курса "Знакомство с интерфейсом After Effects".
Теперь, когда изображения находятся в композиции и мы видим слои файлов на time line можно их выставить в нужном порядке, в том порядке, в котором будут листаться слайды. Иерархию слоёв мы в первом уроке курса тоже рассматривали, поэтому очевидно, что слои изображений нужно расположить в необходимом порядке сверху вниз. Верхний слой - это будет у нас первый слайд, соответственно, нижний - последний.
1. Принципы анимации и параметры слоёв в AE
Начнём с принципа анимации в After Effects. Если вы ранее делали анимацию с помощью шкалы времени в фотошопе, то вам будет гораздо проще разобраться в After Effects, потому что принцип тут абсолютно такой же.
Каждый слой с файлом имеет стандартный набор параметров и расставляя ключи на тайм лайн мы с помощью данных параметров можем создавать различную анимацию. Давайте рассмотрим стандартные параметры слоя с изображением, для этого необходимо кликнуть вот по этой стрелочке. В открывшейся вкладке мы видим группу стандартных параметров слоя, которая называется "Transform", т.е. трансформирование. Эта группа параметров слоя в которой находятся различные стандартные параметры трансформирования. Давайте откроем её и посмотрим какие параметры нам доступны.
Первый параметр - это Anchor Point он отвечает за расположение якорной точки. Якорная точка нужна для установки центра объекта, при анимации, как она работает, рассмотрим чуть позже. Далее у нас идёт параметр "position", который отвечает за позицию объекта на сцене. Т.е. если нам нужно сделать анимацию перемещения какого-нибудь объекта сцены мы как-раз и будем использовать данный параметр. Следующий параметр "Scale" - он отвечает за размер объекта. Потом идёт "Rotation" - это вращение и "Opacity" - это прозрачность.
И так, давайте сделаем простое слайдшоу с анимацией улёта изображений в разные направления, за пределы сцены. Тем самым, первый слайд откроет для обозрения второй, потом второй улетает и открывает третий и так далее, нуу обычное слайд шоу, вообщем.
Для того, чтобы перемастить первый слайд мы используем параметр "position" данного слоя. Открываем параметры и на time line выставляем ключ в той точке, где у нас начнётся движение слайда. Допустим, где-то вот здесь, на второй секунде.
Чтобы поставить ключ нужно кликнуть на значок часов около нужного параметра. Ключ появился и это будет точка начала анимации, т.е. со второй секунды у нас начнётся анимация движения слайда.
Теперь нужно задать движение слайда и указать второй ключ - окончание анимации. Поставим ползунок немного дальше на временной шкале, после чего выделяем слой с объектом и инструментом "Перемещение" берем и просто перетаскиваем слайд в право, до позиции, когда его не будет видно на сцене. Чтобы объект перемещать точно по горизонтали можно удерживать Shift.
Поставили слайд в конечную позицию и видим, что у нас на time line автоматически появился второй ключ. Теперь если мы будем перемещать ползунок по шкале времени, то увидим, что анимация слайда работает. Чтобы проиграть анимацию можно просто нажать на пробел или справа открыть панель Preview и нажать play.
Если необходимо увеличить скорость анимации, то нужно просто на шкале времени подвинуть ключи ближе друг к другу, таким образом мы уменьшим промежуток времени между началом и окончанием анимации и она будет быстрее. Если нужно уменьшить скорость, то делаем всё наоборот.
Еще раз повторюсь, что первый ключ задаёт начало анимации, а последний - её окончание. Если нужно сделать анимацию не со второй секунды, а допустим с четвёртой, то просто выделяем эти ключи, кликая по ним и удерживая Shift и перемещаем их мышкой на нужно нам время.
Ключи могут быть не только начальные и конечные, но и промежуточные. Например при движении слайда слева на право мы можем прямо в момент движения сместить его, допустим вверх. Для этого выставим ползунок где-нибудь между ключами и переместим слайд вверх.
Теперь у нас получается вот такое перемещение дугообразное. Если нужно сделать не дугообразное, а по прямым линиям, то эту траекторию можно отрегулировать, она регулируется, как любая кривая вот этими усиками.
Чтобы удалить ключ нужно его выделить и нажать Delete.
Таким образом работают ключи со всеми параметрами слоёв. И анимацию на слой можно навешивать с разными параметрами. Например, сейчас у нас есть движение слайда вправо, мы можем добавить еще анимацию вращения, чтобы слайд не просто улетал вправо, а улетал вращаясь.
Для этого ставим ползунок на шкале времени в то место, где начнётся анимация вращения и кликаем по часам в параметре "Rotation". Перемещаем ползунок в место окончания анимации и вращаем слайд в нужную сторону. Каждый параметр имеет настройки, которые можно удобно регулировать. Удобство заключается в том, что тут можно выставлять точные числовые значения. Не просто повернуть картинку вручную на глаз, а выставить именно нужный вам угол поворота.
Ну и тут ключи можно перемещать как вам угодно, например, вращение задать не сразу при перемещении, а немного позже. Просто сдвигаем ключи и получаем необходимую анимацию: слайд пролетает немного по горизонтали, а потом начинает вращаться.
Параметры Position и Rotation мы рассмотрели, параметр Scale - изменением размера, думаю показывать не нужно и так всё понятно, с параметром Opacity - прозрачностью - тоже самое. Давайте рассмотрим Anchor Point. С помощью него мы можем устанавливать якорные точки на объекты, тем самым задавать им центр. Чтобы понять, для чего это нужно продемонстрирую вам наглядно. Вот у нас есть верхний слой с изображением, если мы его выберем, кликнем по нему один раз, то сможем его перемещать или изменять размер. Когда данный слой выделен у него отображается якорная точка, которая сейчас расположена в центре.
Мы задали этому слайду анимацию вращения и вращению у нас происходит именно по центральной оси объекта, потому что центр определён именно в центре этого изображения. А что, если вы хотите, чтобы ось вращения была не в центре, а допустим в нижнем правом углу? Для это нужно просто переместить якорную точку в правый нижний угол, тем самым установить там ось вращения.
Давайте удалим все ключи, оставим только анимацию вращения. Сейчас, при проигрывании анимации изображение вращается по центру. Для перемещения Anchor Point в верхнем меню нужно выбрать вот этот инструмент.
И им мы можем переместить теперь центр в любое нужное место. Ставим его в угол и смотрим, что у нас получается. Видите, мы сместили ось и теперь вращение происходит от угла изображения, а не от его центра.
Думаю, вы уже поняли, что параметр позволяет нам на протяжении анимации при необходимости, менять центр объекта. Для того, чтобы Anchor point вернуть в центр объекта нужно зажать Ctrl и два раза кликнуть мышкой по этому инструменту.
Да, кстати, хотел бы заметить, что в After Effect у новичков часто бывает такая ситуация, когда они случайно кликают по сцене и потом не понимают, куда всё делось, почему не работает анимация, почему не перетаскивается объект и т.п.. Сейчас вот мы работаем в композиции, у нас открыта именно композиция и мы можем работать со всеми слоями в ней. Если я кликну два раза мышкой по сцене, то откроется этот слой с изображением, потому что я по нему кликнул, он у нас самый верхний. Двойным кликом я просто открыл эту картинку и вышел из композиции и теперь не могу работать ни со слоями, не перемещать объекты. Чтобы вернуться снова в композицию нужно дважды кликнуть левой кнопкой мыши по ней в панели project.
И так, мы разобрали основные принципы анимации в After Effects и познакомились с параметрами слоёв, данной информации уже достаточно для того, чтобы создать какую нибудь не сложную анимацию, например простое слайд-шоу. Я сейчас удалю все ключи и заново сделаю слайд-шоу из всех слоёв фото с помощью параметра "Position".
Создаём анимацию первого слайда.
Теперь делаем тоже самое со вторым, только ключи поставим подальше, чтобы между сменой слайдов были временные промежутки. Слайд-шоу ведь и предполагает просмотр фото в автоматическом режиме, а не просто быстрое перелистывание.
То же самое проделываем с третьим и четвёртым слайдом, можно для красоты сменить направление движения, сделать его не вправую сторону, а в левую.
В окончании слайд шоу у нас остаётся чёрный экран, вместо него можно было бы оставить последний слайд, т.е. не делать ему анимацию. Но мы сделаем текст, напишем, например, "конец".
2. Текст
Для работы с текстом нужно взять вот этот инструмент, который называется "Текст", кликаем им по сцене и печатаем.
При работе с текстом справа в панели у нас открывается окно с параметрами. Тут можно задать нужный шрифт, цвет, размер, межбуквенное расстояние и другое. Эти параметры идентичны параметрам текста в фотошопе. Сам текст в After Effects анимируется аналогично и другим слоям, так же, при помощи различных параметров.
Слой с текстом размещаем в самом низу, и проигрываем анимацию. Получается слайд-шоу с окончанием в виде текста.
3. Motion Blur
Чтобы сделать его по-симпатичнее, можно ко всем слоям с анимацией подключить функцию "Motion Blur". Моушен Блюр - это такой эффект размытия в движении, он делает эффект движения более реалистичным. Для подключения моушен блюр включаем его во всех слоях с изображениями, на которые наложена анимация и кликаем по соответствующему значку, чтобы его активировать.
В результате слайды при движении оставляют за собой эффект размытия. Moution Blur можно использовать в различной анимации, но делать это нужно умеренно, не стоит вешать данный эффект на всю подряд анимацию, в некоторых случаях он может наоборот не украсить ваш проект, а испортить.
4. Рендеринг композиции
Остаётся отрендерить слайдшоу в видеофайл. Для этого, у вас дополнительно должна быть установлена программка Adobe Media Encoder, в первом уроке курса я объяснял зачем она нужна. Тут важно отметить, что Media Encoder должен быть той же версии, что и After Effects, иначе он не будет работать. У меня на данный момент After Effects CC2018 и Media Encoder установлен соответствующей версии.
Сначала выделяем композицию, в которой у нас находится вся анимация, кликнув по ней левой кнопкой мыши. Затем выбираем в меню "Composition" - "Add to Adobe media encoder Queue".
Далее, в появившемся окне, выбираем путь, куда у нас будет сохраняться видеофайл и запускаем рендеринг.
После окончания процесса рендеринга можно сразу же просмотреть результат, кликнув по ссылке пути сохранения видео.
5. Правильное сохранение проектов в AE
Последний момент, который я бы хотел в этом видео рассмотреть - это сохранение проекта. Если перейти в верхнем меню в "File" - "Save" и указать путь сохранения, то в данном случае у нас сохраниться файл проекта в расширении aep, т.е. after effects project.
Но, в предыдущем уроке я упомянал о том, что After Effects не загружает на прямую файлы, а просто импортирует их из указанной вами дерриктории и если вы удалите какой-то из файлов в дирриктории, то он пропадёт и в After Effects.
Чтобы избежать потерю какого-нибудь файла и чтобы сохранить пакетом ваш проект можно воспользоваться следующей функцией. Переходим в верхнем меню в "File" - "Dependencies" - "Collect Files". Открывается вот такое окно, в котором должна установка "All", т.е. все файлы, далее вот на этом пункте должна стоять галочка.
Здесь так же мы можем видеть сколько файлов будет добавлено в архив и сколько это будет весить.
Здесь стоит заметить, что все файлы проекта при таком сохранении After Effect скопирует из дирректорий. Т.е. программа не возьмёт прямо ваши файлы, которые вы импортировали, а именно скопирует их и создаст отдельный архив. Нажимаем "Collect", выбираем путь сохранения. Теперь сам файл проекта с архивом всех рабочих файлов вы можете передать кому-нибудь или перенести на другой компьютер, вообщем весь проект будет у вас в порядке.
Создавайте и изменяйте фигуры с помощью инструментов «Перо» и «Фигура», копируйте контуры в After Effects из Illustrator и Photoshop.
Слои-фигуры создаются рисованием на панели «Композиция» с использованием инструмента фигур или инструмента «Перо». Затем к существующим фигурам можно добавлять атрибуты фигур или создавать фигуры в пределах этого слоя-фигуры. По умолчанию при выделении слоя-фигуры и рисовании на панели «Композиция» в этом слое-фигуре создается фигура над выделенными фигурами или группой фигур. Рисование на панели «Композиция» с помощью инструмента фигур или инструмента «Перо», когда выбран слой изображения, не являющийся слоем-фигурой, приводит к созданию маски. Дополнительные сведения см. в разделе Создание масок в After Effects.
Комбинация клавиш инструмента «Фигура» — Q, а комбинация клавиш инструмента «Перо» — G.
Перед тем как начать рисовать на панели «Композиция», чтобы создать слой-фигуру, нажмите клавишу F2 и отмените выделение всех слоев.
Обычно новая фигура имеет заливку и обводку, которые соответствует настройкам «Заливка» и «Обводка», выбранным на панели «Инструменты» в момент, когда фигура была нарисована. Те же самые элементы управления на панели «Инструменты» можно использовать, чтобы изменить эти атрибуты для выбранной фигуры после того, как она была нарисована. Фигуры, созданные из текста, создаются с помощью заливок и обводок, которые соответствуют заливкам и обводкам исходного текста.
Преобразование видеоряда векторной графики в фигуру
Можно создать слой-фигуру из слоя векторной графики видеоряда, а затем изменить его. Функции создания фаски и экструзии в After Effects позволяют также выполнить экструзию графического объекта, например, логотипа. Дополнительные сведения см. в разделе Экструзия слоев текста и слоев-фигур.
Чтобы преобразовать слой векторной графики видеоряда в слой фигуры, выберите Слой > Создать > Создать фигуры из векторного слоя . Соответствующий слой-фигура отображается поверх слоя видеоряда, который будет отключен.
Известные проблемы с преобразованием видеоряда векторной графики в фигуры
- В настоящее время сохранены не все функции файлов Illustrator. Примеры включают непрозрачность, изображения и градиенты.
- Преобразованные фигуры игнорируют переопределения PAR, заданные в диалоговом окне «Интерпретация видеоряда».
- Градиенты и неподдерживаемые типы могут отображаться как фигуры с уровнем серого 50 %.
- Файлы с тысячами контуров могут импортироваться медленно и без обратной связи.
- Команда меню за один раз срабатывает только на одном выделенном слое.
- При импорте файла Illustrator в качестве композиции (нескольких слоев) невозможно преобразовать все эти слои одновременно. Однако, можно импортировать файл в качестве видеоряда, а затем использовать команду для преобразования слоя видеоряда в фигуры.
Создание фигуры перетаскиванием с помощью инструментов фигур
К инструментам фигур относятся инструменты «Прямоугольник» , «Прямоугольник со скругленными углами» , «Эллипс» , «Многоугольник» , и «Звезда» .
Для активации инструментов фигур и переключения между ними используйте клавишу Q.
Многоугольник представляет собой звезду без свойств «Внутренний радиус» или «Внутренняя округлость», поэтому имена фигур, созданных инструментами «Многоугольник» и «Звезда», одинаковые: polystar.
Маску можно создать с помощью инструмента фигур путем перетаскивания на выбранный слой на панели «Композиция» или панели «Слой». Фигуру можно создать с помощью инструмента фигур путем перетаскивания на выбранный слой на панели «Композиция». Если слой не выбран, перетаскивание с помощью инструмента фигур на панель композиции, создает фигуру на новом слое-фигуре.
Чтобы нарисовать маску в слое-фигуре, нажмите активным инструментом фигур кнопку «Инструмент создания маски» на панели «Инструменты».
При создании фигуры путем перетаскивания на панель «Композиция» с помощью инструмента фигур создается параметрический контур фигуры. Чтобы вместо этого создать контур фигуры кривой Безье, перед началом перетаскивания нажмите клавишу ALT (Windows) или OPTION (Mac OS). Клавишу можно отпустить до окончания операции перетаскивания. Все контуры маски являются контурами кривой Безье. (См. раздел Сведения о фигурах и слоях-фигурах.)
Перетаскивание начинается со щелчка панели «Композиция» или панели «Слой» для рисования и заканчивается при отпускании кнопки мыши. Нажатие клавиш-модификаторов в различное время в ходе одной операции перетаскивания приводит к различным результатам.
Чтобы переместить фигуру или маску в процессе рисования, удерживайте клавишу пробела или среднюю кнопку мыши при перетаскивании.
Для масштабирования круга, эллипса, квадрата, квадрата со скругленными углами, прямоугольника или прямоугольника со скругленными углами вокруг его центра в процессе рисования удерживайте клавишу CTRL (Windows) или COMMAND (Mac OS) после начала перетаскивания. Не отпускайте клавишу до тех пор, пока не отпустите кнопку мыши для завершения рисования.
Для отмены операции рисования нажмите клавишу ESC.
Каждый инструмент фигур сохраняет настройки самой последней операции рисования, выполненной с использованием этого инструмента. Например, если нарисовать звезду и изменить количество точек на 10, следующая звезда, также будет иметь 10 точек. Чтобы сбросить значения параметров для инструмента и создать фигуру с настройками по умолчанию, дважды щелкните инструмент на панели «Инструменты». (См. раздел Создание фигуры или маски по размеру слоя).
Рисование прямоугольников, прямоугольников со скругленными углами, квадратов и квадратов со скругленными углами
- Выберите инструмент «Прямоугольник» или «Прямоугольник со скругленными углами» и выполните одно из приведенных ниже действий.
- Чтобы нарисовать прямоугольник или прямоугольник со скругленными углами, перетащите курсор по диагонали.
- Чтобы нарисовать квадрат или квадрат со скругленными углами, перетащите курсор по диагонали, удерживая нажатой клавишу SHIFT.
2. (Необязательно) При рисовании прямоугольника со скругленными углами или квадрата со скругленными углами, прежде чем отпустить кнопку мыши, выполните приведенные ниже действия.
- Для увеличения или уменьшения скругления углов нажмите клавишу СТРЕЛКА ВВЕРХ или СТРЕЛКА ВНИЗ или прокрутите колесико мыши вперед или назад.
- Чтобы установить скругление углов на минимум или максимум, нажмите клавишу СТРЕЛКА ВЛЕВО или СТРЕЛКА ВПРАВО.
3. Завершите рисование, отпустив кнопку мыши. При рисовании квадрата или квадрата со скругленными углами отпустите клавишу SHIFT после отпускания кнопки мыши.
Квадраты создаются в соответствии с попиксельной пропорцией композиции. Если значение пропорций пиксела композиции отлично от 1, квадраты отображаются на панели «Композиция» в квадратной форме, только если кнопка «Вкл./выкл. коррекцию пропорций пиксела» нажата в нижней части панели композиции.
Рисование эллипсов или кругов
- Выберите инструмент «Эллипс» и выполните одно из указанных ниже действий.
- Чтобы нарисовать эллипс, перетащите курсор по диагонали.
- Чтобы нарисовать круг, перетащите курсор по диагонали, удерживая клавишу SHIFT.
- Отпустите кнопку мыши, чтобы завершить рисование. При рисовании круга отпустите клавишу SHIFT после отпускания кнопки мыши.
Круги создаются в соответствии с пропорциями пиксела композиции. Если значение пропорций пиксела отлично от 1, круги отображаются на панели «Композиция» в форме круга, только если кнопка «Вкл./выкл. коррекцию пропорций пиксела» нажата в нижней части панели композиции.
Рисование многоугольников и звезд
- Выберите инструмент «Многоугольник» или «Звезда» и выполните одно из указанных ниже действий.
- Перетащите курсор для изменения масштаба и поворота многоугольника или звезды во время их рисования.
- В процессе рисования удерживайте клавишу SHIFT, чтобы масштабировать многоугольник или звезду без поворота.
2. (Необязательно) Прежде чем отпустить кнопку мыши, выполните приведенные ниже действия.
- Для добавления или удаления вершин нажмите клавишу СТРЕЛКА ВВЕРХ или СТРЕЛКА ВНИЗ или прокрутите колесико мыши вперед или назад.
- Для увеличения или уменьшения наружного скругления углов нажмите клавишу СТРЕЛКА ВЛЕВО или СТРЕЛКА ВПРАВО.
- Чтобы сохранить внутренний радиус звезды постоянным по мере перемещения мыши в целях увеличения внешнего радиуса, удерживайте нажатой клавишу CTRL (Windows) или COMMAND (Mac OS).
- Для увеличения или уменьшения внутреннего скругления звезды нажмите клавишу PAGE UP или PAGE DOWN.
3. Отпустите кнопку мыши для завершения рисования. Если при перетаскивании для предотвращения поворота удерживалась клавиша SHIFT, отпустите ее после отпускания кнопки мыши.
Создание фигуры Безье или маски Безье с помощью инструмента «Перо»
Маску Безье можно создать посредством применения инструмента «Перо» на выбранном слое на панели «Композиция» или на панели «Слой». Фигуру с контуром кривой Безье можно создать посредством применения инструмента «Перо» на выбранном слое-фигуре на панели «Композиция». Если слой не выбран, рисование с помощью инструмента «Перо» на панели «Композиция» создает фигуру на новом слое фигур.
Создание контура RotoBezier аналогично созданию контура кривой Безье вручную. Основное различие состоит в том, что линии направления для вершин и кривизна сегментов контура вычисляются автоматически.
Создание контура кривой Безье с помощью инструмента «Перо» вручную
Выбрав инструмент «Перо» и сняв выделение с параметра RotoBezier на панели «Инструменты», щелкните панель «Композиция» в том месте, где требуется поместить первую вершину.
Щелкните область, в которую необходимо поместить следующую вершину. Чтобы создать сегмент кривой, перетащите дексриптор линии направления и создайте необходимую кривую.
Чтобы изменить положение вершины после того, как указано ее местоположение, но до того, как отпущена кнопка мыши, используйте перетаскивание, удерживая клавишу пробела.
Последняя добавленная вершина имеет вид закрашенного квадрата, указывающего на её выбор. Ранее добавленные вершины будут выглядеть полыми, и, по мере добавления новых вершин, с них будет сниматься выделение.
5 встроенных эффектов в After Effects, которыми нужно уметь пользоваться
5 встроенных эффектов в After Effects, которыми нужно уметь пользоваться
5 НУЖНЫХ эффектов в After Effects.jpg (77.45 КБ) 18442 просмотра 5 НУЖНЫХ эффектов в After Effects.jpg (77.45 КБ) 18442 просмотра
На первое место поставлю эффект Glow (Свечение). Он нужен для создания эффекта свечения на ярких объектах за счет наложения размытых ореолов. Если любите неоновые цвет, темные фоны и космически-энергетические образы, то не проходите мимо.
Эффект Glow (Свечение).jpg (52.86 КБ) 18441 просмотр Эффект Glow (Свечение).jpg (52.86 КБ) 18441 просмотр
Не обойтись и без градиентов. Для этого можно использовать Gradient Ramp (Цветовая шкала градиента), он просто создает круглые и линейный плавные переходы из двух цветов. Нужен для фонов, виньеток и прочего. А еще есть 4-Color Gradient (4-цветный градиент) с четырьмя контрольными точками в настройках.
Эффект Gradient Ramp (Цветовая шкала градиента).jpg (27.6 КБ) 18441 просмотр Эффект Gradient Ramp (Цветовая шкала градиента).jpg (27.6 КБ) 18441 просмотр
Если нужно перекрасить черно-белое изображение (или даже цветное) берем эффект Tint (Оттенок), задаем для черного и белого цвета новые значения. Еще есть Tritone (Трехкрасочный), который может работать со средним серым цветом. А кому этого мало - берут CC Toner (Эффект тонера CC), он может работать и с двумя, и с тремся, и даже с петью градациями яркости. Ну а для самых продвинутых есть Colorama, где можно настроить и количество цветов, и входной канал, и сделать переливающуюся анимацию.
CC Toner (Эффект тонера CC).jpg (109.43 КБ) 18441 просмотр CC Toner (Эффект тонера CC).jpg (109.43 КБ) 18441 просмотр
Эффект Curves (Кривые) умеет работать с цветом в виде графиков: менять яркость, контрастность, придавать другие оттенки. Правда все делается на глаз и очень не точно. Удобно по быстрому уменьшить яркость или наоборот - затемнить картинку. Иногда могут пригодиться и Levels (Уровни), более точные, но могут оперировать только с тремя точками: черное, белое и грамма.
Эффект Curves (Кривые).jpg (125.88 КБ) 18441 просмотр Эффект Curves (Кривые).jpg (125.88 КБ) 18441 просмотр
Morphing, в переводе с английского, означает "трансформирование", "смешивание". Если речь идет об анимации, то само понятие "морфинг" можно описать, как эффект плавного трансформирования одного объекта в другой. Подобные эффекты часто применяют в различных рекламных моушен-роликах и выглядет это достаточно привлекательно.
Морфинг в After Effects можно условно разделить на несколько видов, в зависимости от способа реализации. Существует шейповый морфинг, который подразумевает работу с фигурами,
построеных на кривых. Есть еще морфинг изображений - это трансформирование каких-либо изображений или фото с помощью наложения на них различных эффектов.
1. Шейповый морфинг
Начнем с шейпового морфинга, который представляет собой трансформацию фигур. Данный вид морфига в After Effects достаточно легко реализовать способом копирования параметров от одной фигуры к другой.
Для примера можно взять стандартные фигуры из арсенала программы, допустим звезду и круг. Разместим эти две фигуры друг на друга, подгоним по размеру и отцентрируем, относительно друг друга.
Данные шейпы в After Effect имеют ряд индивидуальных параметров.
Для трансформации данные параметры не нужны, поэтому эти обе фигуры нужно конвертировать в формат "Bezier Path", т.е. в обычную векторную фигуру. Для этого кликаем по параметру правой кнопкой мыши и выбираем "Convert To Bezier Path".
Чтобы реализовать морфинг шейпов в After Effects нам нужен именно этот основной параметр фигуры - "Path", по-русски звучит, как "путь". Данный параметр отвечает за форму фигуры и для создания анимации трансформирования достаточно скопировать параметр Path от одного шейпа и применить его ко второму.
Устанавливаем ползунок на шкале времени в начальную точку, откуда будет начинаться анимация и фиксируем ключевые точки данного параметра у обеих фигур, кликая по пентаграмме часов, напротив "Path" у каждой из фигур.
Перемещаем ползунок немного вперед и здесь у нас будет конечная точка анимации. Теперь для того, чтобы сделать морфинг звезды в круг необходимо скопировать параметр "Path" круга, выделив его и нажав комбинацию клавиш "Ctrl + С" и вставить его в звезду, выделив у данной фигуры параметр "Path" и нажав комбинацию клавиш "Ctrl + V".
После этого фигуру круга можно скрыть или удалить. Если проиграть анимацию, то мы увидим эффект трансформации звезды в круг. Если нужно наоборот из круга сделать звезду, то соответственно, наоборот, нужно параметр звезды скопировать и вставить в конечную точку анимации у круга. Ну или просто поменять точки местами.
Если нам нужна еще и третья фигура, например, квадрат, то точно также берем эту фигуру, подгоняем её по размеру и центрируем с остальными. Затем преобразуем параметр в Безье, выставляем в начальную точку ползунок и задаем первый ключ параметра Path. Копируем эту ключевую точку и вставляем немного дальше по шкале времени от первых двух.
После этого скрываем или удаляем слой с квадратом и анимация морфинга из трёх фигур готова. Для плавной трансформации фигуры необходимо подгонять по размеру друг к другу, если одна будем раза в два меньше другой, то анимация будет выглядеть не естественно.
Кроме основного параметра "Path", который отвечает за форму фигуры, можно еще взять и параметр "Color", тогда будет происходить морфинг не только формы фигуры, но и цвета. Перенесем ползунок снова в начало временной шкалы и откроем параметры цвета у фигур.
На данный момент у нас все фигуры синего цвета, чтобы реализовать морфинг цвета, давайте сделаем у всех фигур заливку разного цвета. Для этого кликаем по пентаграмме "Пипетка" и устанавливаем индивидуальный цвет у каждой фигуры. Первую фигуру можно оставить синей.
Теперь эафиксируем первоначальные точки цвета у всех фигур, кликая по пентограмме "часы" у каждого из параметров.
Теперь опять же берем, копируем цвет каждой из фигур и вставляем их в точках, на шкале времени, в параметр цвета нашего слоя с анимацией. В результате получаем трансформацию шейпов и их заливки.
2. Морфинг импортированных векторных фигур
Теперь рассмотрим случай, когда вы импортируете векторные фигуры в After Effects для дальнейшего морфинга. After Effects прекрасно ладит с Adobe Illustrator, а так же просто с векторным форматом файлов, например EPS. Если мы импортируем векторную фигуру в данном формате, то увидим, что у слоя нет параметра "Path".
Для того, чтобы получить данный параметр и в дальнейшем иметь возможность делать трансформацию с этой фигурой, необходимо из неё создать шейповый слой. Кликаем правой кнопкой мыши по слою и выбираем "Create" - "Create Shapes from Vector Layer".
В результате у нас создаётся шейповая фигура, которая имеет параметры "Path" и "Color" и мы уже можей её заморфить, а слой с фигурой EPS формата, после данной процедуры можно просто удалить.
3. Морфинг объектов из нескольких фигур
Ну и еще один случай с шейповым морфингом рассмотрим - это когда у нас имеется не просто две фигуры, а два объекта, которые состоят из нескольких фигур и из них нужно сделать анимацию трансформации.
С помощью инструмента "Перо" изобразим два объекта, которые будут состоять из нескольких фигур, например яблоко и грушу, после чего анимируем их трансформацию. Первым изобразим яблоко, устанавим заливку красного цвета, чтобы оно у нас было красным и рисуем фигуру самого плода.
Теперь нарисуем яблоку хвостик и листик. Для того, чтобы все фигуры были у нас в одном слое, перед тем, как изобразить хвостик, нужно выделить этот слой. Выделяем, кликнув по нему левой кнопкой мыши и отрисовываем пером фигуру.
После этого, кликаем по настройке заливки и меняем цвет хвостика на коричневый. Листочек рисуем таким же способом. В результате у нас получился слой с объектом "Яблоко", состоящим из трёх шейповых фигур: листик, хвостик и сам плод.
Теперь точно таким же способом создадим второй объект - грушу. Слой с яблоком пока можно заблокировать, активировав на против него пинторграмму замочка, чтобы он не мешал нам при создании груши.
Как и в первом случае, берем инструмент "Перо", выставляем нужный цвет и рисуем объект. Как и в случае с яблоком, груша у меня так же будет состоять из трёх фигур: самого плода, хвостика и листика. Грушу рисуем сразу поверх яблока, предусматриваем её размеры и расположение. И так, груша с яблоком у нас готовы, со слоя с яблоком можно снять блокировку.
Как и в случае с простыми фигурами, здесь не важно какой слой будет сверху, а какой снизу. Раскроем у обоих объектов параметры и шейпы. Здесь, как и у простых фигур имеются параметры "Path" и "Color", которые нам и нужны для морфинга.
Делается всё точно так же, как и с простыми шейпами, только копировать нужно параметры из каждой фигуры по отдельности. Фиксируем все необходимые параметры объектов в начальной точке анимации. Параметр "Path" у листика груши, затем "Path" у хвостика, потом "Path" и "Color" у самого плода.
С яблоком проделываем тоже самое. Теперь перемещаем ползунок на таймлайне немного вперед и по очереди копируем параметры каждой фигуры от одного объекта в другой. Сделаем морфинг яблока в грушу, для этого копируем параметр "Path" у листочка груши, переходим к листочку яблока, выделяем "Path" и вставляем параметры от груши. Далее переходим к хвостику. Ну и у самого плода копируем "Path" и "Color", которые вставляем в яблоко. Вообщем, всё происходит так же, как и у простых шейпов. В результате получаем анимацию морфинга яблока в грушу.
При морфинге сложных объектов, состоящих из нескольких фигур, стоит учитывать не только размеры самих объектов, но и количество фигур из которых они состоят. Например, если бы у яблока был не один листочек на хвостике, а два, то пришлось бы делать их трансформацию из одного листочка груши или просто появление второго листочка, что смотрелось бы менее привлекательно. Чем больше у фигур общего, тем их проще заморфить и анимация получается в таких случаях более плавной и естественной.
4. Морфинг изображений
В отличии от фигуры, изображение не имеет составных точек и линий, поэтому его морфинг делается иначе, всё делается с помощью различных эффектов. Давайте рассмотрим морфинг изображений, на примере эффекта "timewarp". Данный способ морфинга изображений заключается в использовании стандартного эффекта After Effects, который называется "timewarp", в переводе это звучит, как "искревление времени".
Для работы я взял четыре фотографии лиц девушек, из которых и буду делать анимацию трансформации. При создании такого морфинга важно иметь в виду, что для плавной трансформации лица человека или допустим, морды животного нужно делать привязку к таким точкам, как глаза, нос и рот.
Под привязкой, я имею в виду подгонку изображений по данным параметрам, чтобы у нас эти точки были в одном положении. Например, за основу берем первое фото. Скрываем слои с третьим и четвёртым фото. Открываем параметры у второго и выставляем "opacity" - непрозрачность примерно на 50%, чтобы через него просвечивало первое фото и подгоняем положение, а если надо, то и размер второго изображения к первому. Чтобы максимально точнее совместились глаза, нос и рот подгонять положение удобнее стрелочкамина клавиатуре, а не мышкой.
Проделываем тоже самое с остальными фото по очереди. Если же вы морфите не лицо, а допустим автомобиль, то за основу можно взять размер, т.е. подгонять объекты именно по размеру авто, ну или прицепиться к колёсам, тут все зависит от того, какой результат вы хотите получить.
И так, я подогнал все фото, теперь их необходимо разместить на шкале времени так, чтобы каждое фото отображалось какое-то время, потом исчезало и включалось другое. Для этого мы просто подгоним сами дорожки слоёв по времени. Сделаем так, чтобы каждое фото отображалось одну секунду. Настраиваем время отображения слоёв вот таким образом, по секунде каждое.
Последнее мы сделаем не одну секунду, а две, чтобы после эффекта у нас само изображение сразу не исчезало, а отображалось еще какое-то времы. Если провести по таймлайну ползунком, или проиграть анимацию, то можно увидеть, что изображения теперь отображаются по очереди с интервалом в одну секунду и последнее длиться две секунды.
Так как у нас вся анимация длится пять секунд, необходимо такое же времы выставить всей композиции. Выбираем в верхнем меню "Composition" - "Composition settings" и выставляем время
в пять секунд.
Теперь все слои с изображениями нужно объединить в прекомпос, чтобы эффектом воздействовать сразу на все фото. Выделяем все слои, кликаем правой кнопкой мыши и выбираем "Pre-compose".
Далее необходимо выполнить переназначение времени, для этого зажимаем комбинацию клавишь "Ctrl + Alt + T" и у нас появляется вот такой параметр "Time Remap" и на шкале времени появились точки начальная и конечная.
Теперь в панели эффектов и пресетов ищем "timewarp" и накладываем его на прекомпос, просто перетаскиваем левой кнопкой мыши.
Далее нужно настроить скорость эффекта "Timewarp". Тут важно учитывать тайминг вашей композиции. У меня стоит 30 кадров в секунду, поэтому скорость эффекта я выставлю где-то на
1.2.
Теперь, если проиграть анимацию, то мы увидим эффект морфинга изображений. Таким образом делается морфинг изображений при помощи эффекта "timewarp", вообще морфинг можно реализовывать с помощью практически любого эффекта, поэтому способов трансформации изображений существует достаточно много.
В заключении можно сделать следующий вывод: для создания эффектной анимации морфинга необходимо продумывать заранее композицию и подбирать или отрисовывать похожие объекты. А так же, в случае шейпового морфинга, нужно учитывать такие нюансы, как количество элементов в объекте и параметров фигур.
В данном уроке мы рассмотрим способ изменения цвета объектов в видео. Для данной задачи мы будем использовать стандартный эффект After Effects, который называется "KeyLight", что в переводе на русский звучит, как "Ключевой свет". С помощью данного эффекта можно не только менять цвета объектов в видео, но и просто корректировать их, делать ярче или наоборот бледнее. Для работы я взял вот такой видео-футаж с насекомым.
1. Создание проекта и импорт футажа
И так, создаём новую композицию. Разрешение оставим FullHD, так как футаж у нас именно в таком формате. Частоту кадров оставим 25 кадров в секунду, длительность тоже оставим как и есть - одна минута. Цвет фона, в данном случае, значения не имеет, поэтому его тоже оставим, как есть - чёрным.
Теперь импортируем видео-футаж, кликаем правой кнопкой мыши по панели проекта и выбираем "Import" - "File", выбираем футаж и помещаем его в композицию, просто перетаскивая мышью.
В начале видео тут идёт фрагмент с какой-то камерой, я его подрежу и оставлю только фрагмент с насекомым. Ну и сразу можно выставить продолжительность проекта, по длительности видео.
Проект у нас создан, нужный фрагмент подготовлен, теперь приступим к замене цвета. Как вы уже поняли, мы будем изменять цвет насекомого с красного на какой-нибудь другой. Первым делом копируем слой с видео, для этого выделяем его, нажимаем на клавиатуре комбинацию клавиш "Ctrl + C", после чего нажимаем комбинацию клавиш "Ctrl + V". У нас появился дубликат и нижний слой мы пока что скроем со сцены, отключим у него значок глаза, просто кликнув по нему левой кнопкой мыши.
2. Наложение эффекта KeyLight
Теперь наложим на видимый слой тот самый эффект "Keylight". Кликаем по слою правой кнопкой мыши и выбираем "Effect" - "keying" и "keylight". В результате у нас открываются параметры данного эффекта, с помощью которых мы выделим тот цвет, который будем заменять.
Для начала нужно указать скрипту тот самый цвет, который будем выделять. Для этого берем пипетку параметра "Screen colour" и указываем ею цвет объекта. Цвет лучше выбирать в самом тёмном месте объекта, в данном случае, где-то вот здесь.
В результате у нас выделился нужный нам цвет и с ним еще и пальцы захватились, потому что цвет кожи имел похожий оттенок. Но в этом нет ничего страшного, мы сейчас вытравим нужный нам оттенок.
Выставим отображение вместо "Финальный результат" на "combined matte", комбинированный матовый и получаем вот такой результат.
Выбранный нами цвет теперь ярко выделен чёрным, но нам нужен противоположный результат, заменяемый цвет нужно наоборот выделить белым.
Для этого открываем вот этот параметр "Screen Matte" и выкручиваем настройки "Clip Black" на 100, а "Clip White" на ноль. В результате мы сделали типа инверсию, поменяли местами цвета.
3. Подключение уровней к эффекту KeyLight
Теперь мы еще сильнее выделим выбранный нами цвет, чтобы скрипт более точно заменил его на другой и не было каких-либо дефектов. Для этого подключим к параметрам эффекта уровни и с помощью них вытянем цвет по максимуму. Кликаем по панели параметров эффекта правой кнопкой мыши и выбираем "Color correction" - "Коррекция цвета" и "Levels" - "Уровни".
И настраиваем на глаз уровни, чтобы белый был как можно ярче виден, при этом нужно быть аккуратным, чтобы не захватить лишнего по краям объекта. Можно еще посмотреть разные кадры на видео, чтобы было понятно, как на них выделяется цвет на объекте. У меня получились вот такие настройки уровней. Чтобы смягчить края, можно еще воспользоваться параметром "Screen Softness", всё зависит от вашего объекта, ну в данном случае можно прям чуть чуть выкрутить этот параметр на 1,5. Как то так.
4. Наложение цвета с помощью корректирующего слоя
Теперь создадим корректирующий слой, с помощью которого и будем менять цвет объекта. Кликаем правой кнопкой мыши по панели слоёв и выбираем "New" - "Adjustment Layer" и помещаем его под наш слой с выделенным цветом.
После этого, в настройках "Track Matte", у корректирующего слоя выставляем "Luma Matee" с нашим видео.
И в результате мы подключили слой с выделенным цветом к корректирующему слою. Теперь, если мы будем менять цвет корректирующего слоя, то будет изменяться выделенный нами цвет объекта. После того, как мы подключили слой с наложенным эффектом "KeyLight" к корректирующему слою он автоматически отключился.
Далее нам нужно включить видимость самого первого слоя и наложить на корректирующий слой цветовую коррекцию. Кликаем по корректирующему слою правой кнопкой мыши и выбираем "Effect" - "Color Correction" и "Hue/Saturation", т.е. "Оттенок/Насыщенность".
В появившемся окне параметров цвета включаем "Colorize", т.е. "Раскрашивание" и можем теперь менять цвет и оттенок объекта. Параметрами мы можем менять цветовой тон, насыщенность и свет. Давайте поменяем цвет объекта на какой-нибудь по-ярче. Ну допустим, сделаем цвет фуксии и поднастроим яркость.
5. Наложение маски на объект
Выделяем верхний слой с наложенным эффектом "KeyLight", берём инструмент "Перо", устанавливаем ползунок на тайм-лайне на первый кадр и обводим часть объекта, на которой нужно показать цвет, в данном случае крылья насекомого.
В результате мы добились чего и хотели, крылья насекомого окрашены в другой цвет. Но, если мы проиграем видео или на тайм-лайне промотаем его, то увидим, что маска стоит на месте и на всех последующих кадрах, кроме самого первого она просто не попадает на объект. Нам нужно заставить перемещаться маску вместе с объектом и принимать определённую форму объекта, потому что насекомое при движении меняет позы.
Для этого воспользуемся параметром маски, который называется "Path", что в переводе с английского означает "Контур". Находим в слое с эффектом маску, открываем её параметры и находим параметр "Mask Path". Ставим ползунок на первый кадр, по которому мы и выставляли маску и ставим первый ключ на тайм-лайне. Далее мы немного перемещаем ползунок вперёд, берём инструмент "Перо", выделяем слой с эффектом и настраиваем маску по контуру крыльев на объекте. Кликаем по точкам и расставляем их.
Теперь, если мы прокрутим видео, то увидим, что маска движется за объектом и принимает его форму. Перемещаем ползунок еще дальше по шкале и снова настраиваем маску по объекту. И вот таким образом перемещаем ползунок и настраиваем маску до конца видео.
Я думаю, вы понимаете, что чем быстрее объект в видео меняет свои позы и положение, тем больше работы предстоит сделать, еще хуже, если при этом объект какой-нибудь сложной формы а задний фон содержит много цветовых оттенков.
Читайте также: