All Articles After Effects
После Основы мультипликационные эффекты: Монти Пайтон Рот Анимация
Richard Lainhart on Thu, September 1st | 2 comments
Monty Python's characteristic lo-fi animation style is famous across the world. In this article, Richard Lainhart shows how to create the "mouthy", lip-sync animation in Adobe After Effects CS5.

Я уверен, что большинство из вас видели стилизованной анимации рта мультфильма популяризировал Терри Гиллиам в оригинальной серии Монти Пайтон. Вот хороший пример (хотя само видео очень низкого качества):


Концепция проста: взять неподвижное изображение лица человека, и создать базовую шевелить губами в анимации, перемещая рот изображения вверх и вниз в такт звуковую дорожку. (Эта концепция была обновлена ​​в последнее время с большим эффектом в популярном Jib Jab-анимации вы также, наверное, видели.)

В этом уроке мы собираемся показать основы создания собственного Monty Python стиле анимации рта в After Effects . Давайте начнем.


Шаг 1 - Соберите Ваши Активы

Во-первых, вам понадобится изображение и некоторые аудио для работы с. Я собираюсь использовать прямой выстрел по моим лицом, показывая много зубов, но с уст моих иначе закрыто:

Lainhart face


Изображение, как это будет легче всего работать, по крайней мере, ваш первый шаг в этом направлении. Вам также понадобится какое-то закадровый аудио для синхронизации рот, вот мои, но вы можете легко записать собственный с компьютера встроенного микрофона:

[Аудио ID = "7970"]


При записи аудио, убедитесь, что запись на хорошем высоком уровне, и свести к минимуму любые фоновый звук. Это позволит сделать его легче найти ваши слова в форме волны позже.


Шаг 2 - Настройка вашего проекта

Затем откройте After Effects, импорт исходных файлов в ваш новый проект и создать новую композицию, что-то вроде этого:

New composition


Будьте уверены, чтобы сделать ваш фоновый цвет черный, как мы будем видеть, что, когда мы делаем нашу анимацию. Этот черный фон будет создавать иллюзию внутренней части рта, как она открывается и закрывается.


Шаг 3 - Настройка слоев

Затем перетащите две копии изображения лица в слой панели Timeline, начиная в то же время и в точно таком же положении. Перетащите аудио слой в, а также:

Placing images and audio in the Timeline


Шаг 4 - Маска слоя Рот

Наш следующий шаг заключается в маске наши два слоя, чтобы создать отдельный рот мы можем анимировать. В принципе, у нас должно быть частью рта мы хотим оживить в качестве отдельного слоя, а в слое за ним, мы должны черный в этой области так, чтобы в рот слой движется черная будут выявлены, создавая иллюзию внутри рта. Итак, нам нужно выделить только рот на отдельный слой, в то время резки соответствующее отверстие в слое позади. Мы могли бы сделать это в Photoshop, но это легко сделать в After Effects тоже, так что мы будем делать это здесь.

Во-первых, дважды щелкните на верхнем слое, чтобы открыть его в отдельном окне Layer. Выберите Pen Tool (G), и сделать маску вокруг нижней части рта, чтобы изолировать его от остального изображения. Вы хотите, чтобы верхняя часть маски для согласования с расстояние между верхними и нижними зубами, а остальные маски обрисовать только уголки рта и немного нижнюю губу. Ваше изображение будет меняться, конечно, но для моего лица вот маску я использую (я увеличено на нее, чтобы сделать его проще для осмотра):

Mask of the mouth


Не беспокойтесь слишком много о сглаживания краев маски; в этом виде выреза анимации, прямые линии являются частью вид. Я действительно делал верхнюю точку маски центр Bzier точку, перетаскивая на точку с Перо, когда я его сделал, так что я мог сделать его пригодным кривой зубы лучше, но вы можете не нуждаются или хотят это делать, в зависимости на ваше изображение.


Шаг 5 - маска нижний слой

Далее нам нужно, чтобы замаскировать нижний слой, чтобы сделать отверстие, которое покажет черном фоне, когда движется во рту. Это легко, потому что мы можем использовать маску мы только что сделали. Так, вблизи слоя Window, и убедитесь, что маска вы только что сделали выбирается катились свойства верхнего слоя и нажав на кнопку маски имя (которое будет "Маска 1", если вы не изменили его или внести другие маски .)

Скопируйте маску, выберите нижний слой и вставьте в него маску. Вы должны просто увидеть изолированных рот сейчас, так как оба слоя имеют одинаковую маску. Теперь скатиться свойства для нижнего слоя и нажмите Перевернутый флажок маски:

Invert the mask


Это позволит устранить все внутри маски области, а не снаружи. Вы должны увидеть все лицо

The hole corresponds to the masked mouth


Шаг 6 - Анимация Рот

Далее, мы собираемся анимировать рот и синхронизировать свои движения, чтобы наш звуковой дорожки. Во-первых, скатываются все имущество twirlies для аудио слой выявить звукового сигнала:

reveal the audio waveform


(Заметьте, что я двигал мои аудио через несколько позже во времени, поэтому он не начать прямо в начале клипа.) Теперь, если вы посмотрите на аудио сигнала, вы должны увидеть амплитуда пиков, где вы говорите каждый слог, и (относительно) молчит долинах между слогами. Вы также можете командной перетащите индикатор текущего времени (CTI), а также сроки, чтобы вручную через кустарник аудио и определить те пики и спады. То, что мы собираемся сделать, это просто живой рот слоем вниз на пики, и назад снова на долины.

Итак, выберите слой рта и типа Р для соло свою позицию собственности, то позиция вашего CTI перед аудио начинается. Нажмите позиции собственности времени Вары секундомер для установки позиции ключевого кадра. Теперь переместите CTI вперед, чтобы первый звук пика, и перетащить собственности Положение Y значение немного вниз, чтобы открыть рот:

Opening the mouth


Сколько Вы перемещаете рта зависит от вас, конечно, но это будет зависеть частично на первоначальную форму маски, рот сам образ, и как преувеличенный эффект, который вы хотите.

Затем, перейдите CTI к следующему долине амплитуды, выберите первый кадр, скопируйте его, а затем вставьте его в в новое время. Теперь вы должны иметь три keyframesclosed, открытый, closedthat соответствовать ваш первый слог:

The three keyframes correspond to the first syllable


Отсюда, это относительно простой вопрос для завершения анимации: выбрать второе и третье ключевых кадров вы только что сделали (открыт-закрыт). Скопируйте их, перемещать ИТК следующий пик амплитуды, и вставить в двух ключевых кадров. Вы, вероятно, необходимо скорректировать позицию во время второго (закрытого) ключевой кадр, а слоги будут разной длины. Просто перетащите каждый так что на одной линии с долиной амплитуды после вставки. (Он, вероятно, поможет увеличить на шкале времени, когда вы работаете над этим.)

Также

Закончите, предварительно просмотрев ваш синхронизация губ и настройки ключевых кадров во времени, как это необходимо, и когда вы закончите, вы должны увидеть что-то вроде этого:

[Видео ID = "8461"]


И это еще что! Как всегда, я рекомендую вам попробовать свои собственные вариации на эту технику, и, прежде всего, эксперимент и получайте удовольствие!


Там более подробную After Effects анимации профессиональной подготовки:

After Effects CS5 302 - Основы мультфильм Анимация

After Effects CS5 303 - Более Основы мультфильм Анимация

After Effects CS5 303 - More Cartoon Animation Basics

After Effects CS5 303 - Более Основы мультфильм Анимация.

Comments (2)

You must be logged in to comment. Login Now

  • Stevesaxman
    Let me just say that I was reading the hub as I do daily while at work (shhh, don't tell) and when I got to step five, Richard's picture made me fall out of my seat. No sound required....That is probably the funniest thing I've seen all week and a much needed laugh at the end of a long stretch at work. Thanks, Richard for keeping us all on our toes and for the great tips. You're the man!
    • 7 years ago
    • By: Stevesaxman
    Reply
  • rlainhart
    Thank you, Steve - we appreciate it! And I'm happy to hear you've gotten some amusement out of my tutorial.
    • 7 years ago
    • By: rlainhart
    Reply
Feedback
Course Advisor
Don't Know Where To Start?
Ask A Course Advisor
Ask Us!
Copy the link below and paste it into an email, forum, or Facebook to share this with your friends.
Make money when you share our links
Become a macProVideo.com Affiliate!
The current affiliate rate is: 50%
Classes Start Next Week!
Live 8-week Online Certification Classes for: